/*
Theme Name: _panorama
Theme URI: 
Author: Yiannis Papadopoulos
Author URI: 
Description: Custom theme designed by ITIS (www.itis.gr)
Version: 1.0
License: 
License URI: 
Tags:

*/


/******************************************************************/
/************************ Panorama v 1.0 **************************/
/******************************************************************/

/***************************** RESET ******************************/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, select, small, strike, strong, sub, sup, textarea, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	background: transparent;
}
:focus {
	outline: 0;
}
ol, ul {
	list-style: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/**************************** GLOBAL ******************************/

body {
	background-color: #efefef;
	color: #333333;
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	font-size: 14px;
}
p {
	line-height: 1.357em;
	padding-bottom: 0.6em;
	margin-bottom: 0.6em;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
}
a {
	text-decoration: none;
	color: #333333;
	-webkit-transition: color 0.4s ease;
	-moz-transition: color 0.4s ease;
	-o-transition: color 0.4s ease;
	transition: color 0.4s ease;
}
a:hover {
    color: #ff6600;
	text-decoration: none;
}
b, strong {
	font-weight: bold;
}
em {
	font-style: italic;
}
ul, ol {
	margin: 0 0 1.357em 0;
	list-style-position: outside;
}
hr {
	display: block;
	width: 100%;
	height: 0px;
    margin: 0;
	padding: 0;
    border: 0;
	border-top: 1px solid #cccccc;
	color: #cccccc;
	background-color: #cccccc;
}
sup {
	font-size: 0.85em;
	vertical-align: super;
}
sub {
	font-size: 0.85em;
	vertical-align: sub;
}
/*because legend doesn't inherit in IE */
legend {
	color: #333;
}
/*to enable resizing for IE*/
input, textarea, select {
	font-size: 100%;
}
blockquote, q {
	quotes: "" "";
}
.clearfloat {
	clear: both;
	margin: 0px;
	font-size: 1px;
    line-height: 0px;
}
/* HTML5 tags */
header, section, footer,
aside, nav, article, figure, maincontent, main {
	display: block;
}

/*************************** CONTAINERS ***************************/

#uc {
	margin-left: auto;
	margin-right: auto;
	width: 1000px;
}
#header {
	margin-left: auto;
	margin-right: auto;
	width: 980px;
}
#center {
	margin-left: auto;
	margin-right: auto;
	width: 980px;
	background-color: #ffffff;
	box-shadow: 0 0 5px #888888;
}
#footer {
	margin-left: auto;
	margin-right: auto;
	width: 980px;
	margin: 0 auto 20px auto;
}

/*** Header ***/

.lang {
	display: block;
	float: right;
	padding: 0;
	margin: 0;
}
.lang li a {
	display: block;
	margin: 10px 0 10px 0;
	width: 20px;
	height: 20px;
	font-size: 12px;
	text-align: center;
	box-shadow: 0 0 5px #888888;
	background-color: #e0e0e0;
	-webkit-transition: background-color 0.4s ease;
	-moz-transition: background-color 0.4s ease;
	-o-transition: background-color 0.4s ease;
	transition: background-color 0.4s ease;
	color: #333333;
}
.lang li a:hover {
	background-color: #ffcc00;
}
.logo {
	display: block;
	float: left;
	margin: 0 0 40px 0;
}
.logoEKKE {
	display: block;
	float: left;
	margin: 0 0 40px 460px;
}
.logoELSTAT {
	display: block;
	float: left;
	margin: 0 0 40px 0;
}
#mainMenu {
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	width: 980px;
	height: 50px;
	background-color: #e0e0e0;
	box-shadow: 0 0 5px #888888;
}

#sliderWrapper {
    height: 500px;
	width: 980px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	box-shadow: 0 0 5px #888888;
}
.headerImage {
    height: 500px;
	width: 980px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	box-shadow: 0 0 5px #888888;
	background-color: #cc0000;
}

form[name=signin] a{
	cursor: pointer;
}

#login {
	width: 980px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 10px;
	box-shadow: 0 0 5px #888888;
	background-image: url(assets/images/login_bg.gif);
}
.loginTxt {
	width: 940px;
	margin: 0 0 10px 10px;
	padding: 12px 10px 12px 10px;
	font-size: 13px;
	box-shadow: 0 0 5px #888888;
	background-color: #ffcc00;	
}
.radioBtn {
	display: block;
	float: left;
    height: 75px;
	width: 293px;
	margin: 0 0 10px 10px;
	padding: 15px 10px 10px 10px;
	box-shadow: 0 0 5px #888888;
	background-color: #333333;
	-webkit-transition: background-color 0.4s ease;
	-moz-transition: background-color 0.4s ease;
	-o-transition: background-color 0.4s ease;
	transition: background-color 0.4s ease;
	color: #ffffff;
	font-size: 48px;
	font-weight: 300;
	background-image: url(assets/images/checkbox.png);
	background-position: 263px 40px;
	background-repeat: no-repeat;
}
.radioBtn.last {
	width: 294px;
}
.radioBtn:hover {
	background-color: #ffcc00;
	color: #333333;
	background-image: url(assets/images/checkbox_hover.png);
}
.radioBtn:active {
	background-color: #ffcc00;
	color: #333333;
	background-image: url(assets/images/checkbox_hover.png);
}
.radioBtnMaps {
	display: block;
	float: left;
	width: 940px;
	margin: 0 0 10px 10px;
	padding: 10px 10px 12px 10px;
	box-shadow: 0 0 5px #888888;
	background-color: #333333;
	-webkit-transition: background-color 0.4s ease;
	-moz-transition: background-color 0.4s ease;
	-o-transition: background-color 0.4s ease;
	transition: background-color 0.4s ease;
	color: #ffffff;
	font-size: 24px;
	font-weight: 300;
	background-image: url(assets/images/checkbox.png);
	background-position: 910px 18px;
	background-repeat: no-repeat;
}
.radioBtnMaps:hover {
	background-color: #ffcc00;
	color: #333333;
	background-image: url(assets/images/checkbox_hover.png);
}
.radioBtnMaps:active {
	background-color: #ffcc00;
	color: #333333;
	background-image: url(assets/images/checkbox_hover.png);
}
a.check, a.check:hover {
	background-color: #ffcc00;
	color: #333333;
	background-image: url(assets/images/checkbox_check.png);
}
.input {
	display: block;
	float: left;
	width: 313px;
	height: 50px;
	margin: 0 0 10px 10px;
	box-shadow: 0 0 5px #888888;
	background-color: #ffffff;
}
.field {
	margin: 10px 0 0 10px;
	width: 283px;
	height: 19px;
	box-shadow: 0 0 -5px #888888;
	border-color: #efefef;
	border-width: 0px;
	border-width: 1px\9;
	background-color: #efefef;
	padding: 5px;
	-webkit-box-shadow: inset 2px 2px 2px 0 #dddddd;
	-moz-box-shadow: inset 2px 2px 2px 0 #dddddd;
	box-shadow: inset 2px 2px 2px 0 #dddddd;
	color: #333333;
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	font-size: 14px;
}
.loginBtn, .registerBtn {
	display: block;
	float: left;
	width: 142px;
	margin: 0 0 10px 10px;
	height: 30px;
	padding: 12px 0 8px 10px;
	box-shadow: 0 0 5px #888888;
	-webkit-transition: color 0.4s ease;
	-moz-transition: color 0.4s ease;
	-o-transition: color 0.4s ease;
	transition: color 0.4s ease;
	font-size: 18px;
	font-weight: 400;
}
.loginBtn {
	background-image: url(assets/images/login_btn_bg.png);
	background-color: #ffcc00;
}
.loginBtn:hover {
	1background-color: #ffbb00;
	color: #ffffff;
}
.registerBtn {
	background-image: url(assets/images/register_btn_bg.png);
	background-color: #ff6600;
}
.registerBtn:hover {
	1background-color: #ff5500;
	color: #ffffff;
}
.forgotPass {
	display: block;
	float: right;
	width: 152px;
	padding: 0 10px 10px 0;
	font-size: 12px;
	font-weight: 600;
	text-align: center;
}

/*** Center ***/
#centerLeftCol {
	float: left;
	width: 605px;
	padding: 20px;
}
#centerRightCol {
	display: block;
	float: left;
	width: 325px;
	margin-left: 10px;
}
.aside {
	float: left;
}

/** News Box **/
#newsBox {
	margin: 40px 0 0 0;
	padding: 10px 0 10px 0;
}
.newsBoxTitle {
	display: block;
	margin: 0 0 10px 0;
	padding: 0 0 0 10px;
	font-size: 18px;
}
#newsBox li {
	display: block;
	margin: 0;
	padding: 10px 10px 15px 10px;
	border-top: 1px dotted #e5e5e5;
	font-size: 12px;
	background-image: url(assets/images/menu_arrow.png);
	background-position: 95%;
	background-repeat: no-repeat;
}
#newsBox li a {
	display: block;
	padding-right: 30px;
}
#newsBox li a:hover {
	color: #ff6600;
}
#newsBox li.last {
	border-bottom: 1px dotted #e5e5e5;
}
#newsBox h1 {
	font-weight: normal;
}
.newsBoxDate {
	margin: 0;
	padding: 0;
	font-size: 10px;
	color: #333333;
}

/* Sub Menu 01 */
#menu {
	width: 100%;
	margin: 0 0 10px 0;
	padding: 0;
}
#menu ul {
	margin: 0 0 10px 0;
	padding: 0;
}
.current_page_item {
	
}
.current-page-ancestor {
	
}
#menu ul li a {
	display: block;
	padding: 15px 0 15px 10px;
	margin: 0;
	font-weight: 400;
	font-size: 14px;
	color: #666666;
	border-bottom: 1px solid #e5e5e5;
	-webkit-transition: color 0.4s ease;
	-moz-transition: color 0.4s ease;
	-o-transition: color 0.4s ease;
	transition: color 0.4s ease;
	background-image: url(assets/images/menu_arrow.png);
	background-position: 95%;
	background-repeat: no-repeat;
}
#menu ul li a:hover {
	color: #ff6600;
}
#menu ul li.current_page_item a {
	color: #ff6600;
}
#menu ul li a.active {
	color: #ff6600;
}
#menu ul li a.active:hover{
	color: #141414;
}
#menu ul li a.last {
	border-bottom: 1px solid #e5e5e5;
}
#menu ul li a.lastactive {
	color: #ff6600;
	padding-bottom: 6px;
}

/* Sub Menu 02 */
#menu ul ul {
	margin: 0;
	padding: 0;
}
#menu ul ul li a {
	display: block;
	padding: 10px 0 10px 10px;
	margin: 0;
	font-weight: 400;
	font-size: 12px;
	color: #666666;
	border-bottom: none;
	-webkit-transition: color 0.4s ease;
	-moz-transition: color 0.4s ease;
	-o-transition: color 0.4s ease;
	transition: color 0.4s ease;
}
#menu ul ul li a:hover {
	color: #ff6600;
}
#menu ul ul li a.active {
	color: #ff6600;
}
#menu ul ul li a.active:hover{
	color: #141414;
}
#menu ul ul li a.last {
	border-bottom: 1px solid #e5e5e5;
}

/*** Main Content ***/
#mainContent {
	margin: 0 0 20px 0;
	text-align: justify;
}
#mainContent h1 {	font-size: 28px; font-weight: normal; margin-bottom: 20px; }
#mainContent h2 {	font-size: 18px; font-weight: 400; margin-bottom: 10px; }
#mainContent h3 {	font-size: 16px; font-weight: 400; margin-bottom: 10px; }
#mainContent h4 {	font-size: 14px; font-weight: 400; margin-bottom: 10px; }
#mainContent h5 {	font-size: 12px; font-weight: 400; margin-bottom: 10px; }
#mainContent h6 {	font-size: 12px; font-weight: 400; margin-bottom: 10px; }

.mainContentSub {	display: block; font-size: 16px; font-weight: 100; margin-bottom: 30px; }

#mainContent p {	font-size: 14px; }
#mainContent ul {
	margin: 5px 0 15px 15px;
}
#mainContent li {
	font-size: 12px;
	font-weight: bold;
	padding: 4px 0 5px 0;
	list-style: disc;
	list-style-position: inside;
}
#mainContent ul ul { 
	margin: 5px 0 5px 0;
}
#mainContent ul ul li {
	font-size: 10px;
	margin: 5px 0 0 18px;
	list-style: disc;
	list-style-position: inside;
}
#mainContent blockquote, q {
	font-style: italic;
	font-size: 12px;
	margin: 10px 0 15px 0;
}
#mainContent blockquote:before {
	display: block;
	content: "\201C";
	position: relative;
	left: 0;
	top: 10px;
	font-size: 32px;
}

/* Table Alternating Row Color */
th {
	font-weight: bold;
	padding: 5px 3px 5px 3px;
}
tr:nth-child(odd) {
	background-color: #f1f1f1;
	font-size: 12px;
}
td:nth-child(odd) {
	padding: 5px 3px 5px 3px;
}
tr:nth-child(even) {
	background-color: #e5e5e5;
	font-size: 12px;
}
td:nth-child(even) {
	padding: 5px 3px 5px 3px;
}

/* Galleries */
.gallery {
	display: block;
	padding: 10px 0 10px 0;
}

/* Downloads */
#downloads {
	padding: 10px 0 10px 0;
}
#downloads ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#downloads li {
	margin: 0 0 15px 0;
	padding: 0;
	list-style: none;
}
#downloads li a {
	display: block;
	height: 25px;
	background-image: url(assets/images/arrows.png);
	background-repeat: no-repeat;
	padding: 0 0 0 25px;
	font-weight: bold;
}
#downloads li a:hover {
	background-position: 0 -38px;
}
#downloads small {
	display: block;
	padding: 0 0 0 25px;
	margin-top: -10px;
}

/* Articles */
#articles {
	margin: 0;
	padding: 10px 0 10px 0;
}
#articles h1 {
	margin: 0;
	padding: 0 0 5px 0;
	line-height: 0.5em;
}
#articles a {
	margin: 0;
	padding: 0;
	font-size: 14px;
	font-weight: 600;
}
#articles .articleDate {
	display: block;
	margin: 0;
	padding: 0;
	font-size: 10px;
}
#articles p {
	padding: 5px 0 15px 0;
	margin: 0 0 10px 0;
	border-bottom-color: #cccccc;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	font-size: 12px;
}

/*** Footer ***/

#footer {
	font-size: 12px;
}
#footer a {
	font-size: 12px;
}
.footerMenu {
	margin: 0;
	float: left;
	padding: 20px;
}
.footerLinks {
	margin: 0;
	float: left;
	padding: 20px;
}
.footerInfo {
	margin: 0;
	float: left;
	padding: 20px;	
}
.footerAddress {
	margin: 0;
	float: left;
	padding: 20px;	
}
.footerCopyright {
	margin: 0;
	padding: 20px;
	margin-top: -57px;
	color: #999999;
}
.footerLogos {
	margin: 0;
	float: right;
	padding: 20px 10px 20px 10px;
	margin: 0;	
}


/* Search */
#searchCont {
	float: left;
	height: 40px;
	margin: 14px 0 0 20px;
}
.not-search {
	display: block;
	width: 185px;
	height: 30px;
	float: left;
	background: #cecdcd url(assets/images/forms/shadow.gif) repeat-x top;
	border: 0px solid #cccccc;
	color: #ffffff;
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	font-size: 18px;
	font-weight: 100;
	margin: 0;
	padding: 5px 5px 0 8px;
}
.searchBtn  {
	display: block;
	float: left;
	width: 35px;
	height: 35px;
	background: #cecdcd;
	background-image: url(assets/images/search_btn.png);
	background-position: 0 0;
	background-repeat: no-repeat;
}
.searchBtn:hover {
	background: #dadada;
	background-image: url(assets/images/search_btn.png);
}


input.error{
	border: 1px solid rgb(180, 0, 0);
	color: #cc0000;
}

.error {
	color: #f8354a;
}

#results-list li {
	padding: 5px 0 5px 0;
	border-bottom-color: #cccccc;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	list-style: none;
}
.result-description {
	display: block;
	padding: 0;
}




/* SUPERFISH 
// --------------------------------------------------------------------------
// -------------------------------------------------------------------------- */

/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin: 0;
	padding: 0;
	list-style: none;
}
.sf-menu li {
	position: relative;
}
.sf-menu ul {
	position: absolute;
	display: none;
	top: 100%;
	left: 0;
	z-index: 99;
}
.sf-menu > li {
	float: left;
}
.sf-menu li:hover > ul,
.sf-menu li.sfHover > ul {
	display: block;
}

.sf-menu a {
	display: block;
	position: relative;
}
.sf-menu ul ul {
	top: 0;
	left: 100%;
}


/*** SKIN ***/
.sf-menu {
	float: left;
	margin-bottom: 1em;
}
.sf-menu ul {
	box-shadow: 2px 2px 6px rgba(0,0,0,.2);
	min-width: 12em; /* allow long menu items to determine submenu width */
	*width: 12em; /* no auto sub width for IE7, see white-space comment below */
}
.sf-menu a {
	padding: 15px 20px 15px 20px; /* ! Initial was .75em 1em ! */
	text-decoration:none;
	zoom: 1; /* IE7 */
	height: 20px; /* ! Initial was not existent ! */
}


/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 2.25em;
	min-width: 1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position: absolute;
	display: block;
	right: .75em; /* ! Initial was .75em ! */
	top: 20px; /* ! Initial was .9em ! */
	width: 10px;
	height: 10px;
	text-indent: -999em;
	overflow: hidden;
	background: url(assets/images/arrows-ffffff.png) no-repeat 0 -100px;
}

/*** To Remove Arrows From Top Level Menu **/
.sf-menu li .sf-sub-indicator {
	display: none;
}
.sf-menu li li .sf-sub-indicator {
	display: block;
}

.sf-menu a.sf-with-ul {
	padding: 15px 25px;
} /* ! Removes Extra Padding from Top Level Menu when removing Arrows ! */

/*** !!! **/

li:hover > a .sf-sub-indicator,
li.sfHover > a .sf-sub-indicator {
	background-position: -10px -100px;
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator {
	background-position: 0 0;
}
.sf-menu ul li:hover > a .sf-sub-indicator,
.sf-menu ul li.sfHover > a .sf-sub-indicator {
	background-position: -10px 0;
}

ul.sub-menu{
	margin-top: 0px;
}

/* SUPERFISH BORDERS */

.sf-menu a{
	border-right: 1px solid #d1d1d1;
}

.sf-menu li ul.sub-menu li a{
	/* border-top: 1px solid #fff; */
	border: 0;
}
.sf-menu li ul.sub-menu li:first-child a{
	/* border-top: none; */
}

/* SUPERFISH COLOURS */

.sf-menu a {
	color: #333333; /* ! Initial was 13a ! */
}
.sf-menu li {
	background: #e0e0e0; /* ! Initial was BDD2FF ! */
	white-space: nowrap; /* no need for Supersubs plugin */
	*white-space: normal; /* ...unless you support IE7 (let it wrap) */
	-webkit-transition: background .2s;
	transition: background .2s;
}

.sf-menu li ul li {
	background: #e0e0e0; /* ! Initial was 9AAEDB ! */
}
.sf-menu li:hover,
.sf-menu li.sfHover,
.sf-menu li ul.sub-menu li:hover {
	background: #cccccc; /* ! Initial was CFDEFF ! */
	/* only transition out, not in */
	-webkit-transition: none;
	transition: none;
}


.sf-menu li.current_page_ancestor, 
.sf-menu li.current_page_item,
.sf-menu li.current-menu-item,  
.sf-menu li.current_page_ancestor ul.sub-menu li.current_page_item{
	background-color: #ff6600;
}
.sf-menu li.current_page_ancestor ul.sub-menu li.current_page_item:hover{
	background-color: #ff6600;
}


.sf-menu li.current_page_ancestor a, 
.sf-menu li.current_page_item a,
.sf-menu li.current-menu-item a,  
.sf-menu li.current_page_ancestor ul.sub-menu li.current_page_item a{
	color: white;
}

.sf-menu li.current_page_ancestor ul.sub-menu li{
	background-color: #e0e0e0;
}
.sf-menu li.current_page_ancestor ul.sub-menu li:hover{
	background-color: #ccc;
}

.sf-menu li ul.sub-menu li a{
	color: #333333;
}



/* Side menu
// -------------------------------------------------------------------------- */

/** News Box **/
.widget_recent_entries {
	margin: 20px 0 0 0;
	padding: 10px 0 10px 0;
}
.widget-title {
	display: block;
	margin: 0 0 10px 0;
	padding: 0 0 0 10px;
	font-size: 18px;
	font-weight: normal;
}
.widget_recent_entries li {
	display: block;
	margin: 0;
	padding: 10px 10px 15px 10px;
	border-top: 1px dotted #e5e5e5;
	font-size: 12px;
	background-image: url(assets/images/menu_arrow.png);
	background-position: 95%;
	background-repeat: no-repeat;
}
.widget_recent_entries li a {
	display: block;
	padding-right: 30px;
}
.widget_recent_entries li a:hover {
	color: #ff6600;
}
.widget_recent_entries li:last-child
{
	border-top: 1px dotted #e5e5e5;
	border-bottom: 1px dotted #e5e5e5;
} 
.post-date {
	display: block;
	margin: 0;
	padding: 0;
	font-size: 10px;
	color: #333333;
}
.entry-meta {
	display: block;
	margin: 10px 0 10px 0;
	padding: 0;
	font-size: 10px;
	color: #333333;
}

/** Search **/
.search-form {
	margin: 20px 0 0 0;
	padding: 10px;
}
.screen-reader-text {
	display: block;
	font-size: 10px;
	color: #333333;
	clear: both;
	padding: 0 0 0 1px;
}
.search-field {
	background-color: #ffffff;
	color: #333333;
	border: 1px solid #e5e5e5;
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	font-size: 12px;
}
.search-submit {
	background-color: #ffffff;
	-webkit-transition: background-color 0.4s ease;
	-moz-transition: background-color 0.4s ease;
	-o-transition: background-color 0.4s ease;
	transition: background-color 0.4s ease;
	color: #666666;
	border: 1px solid #e5e5e5;
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	font-size: 12px;
}
.search-submit:hover {
	border: 1px solid #ffcc00;
	background-color: #ffcc00;
	color: #333333;
	cursor: pointer;
}

/** Contact Form **/
.wpcf7 input, .wpcf7 textarea {
	background-color: #ffffff;
	color: #333333;
	border: 1px solid #e5e5e5;
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	font-size: 12px;	
} 
.wpcf7-submit {
	background-color: #ffffff;
	-webkit-transition: background-color 0.4s ease;
	-moz-transition: background-color 0.4s ease;
	-o-transition: background-color 0.4s ease;
	transition: background-color 0.4s ease;
	color: #666666;
	border: 1px solid #e5e5e5;
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	font-size: 12px;
}
.wpcf7-submit:hover {
	border: 1px solid #ffcc00;
	background-color: #ffcc00;
	color: #333333;
	cursor: pointer;
}
span.wpcf7-not-valid-tip {
	width: auto;
	border: none;
	text-align: left;
	padding: 3px 5px 5px 5px;
	background-color: #ff6600;
	color: #ffffff;
}
div.wpcf7-validation-errors {
	width: auto;
	border: none;
	text-align: left;
	padding: 3px 5px 5px 5px;
	background-color: #ff6600;
	color: #ffffff;
}
div.wpcf7-mail-sent-ok {
	width: auto;
	border: none;
	text-align: left;
	padding: 3px 5px 5px 5px;
	background-color: #669900;
	color: #ffffff;
}