@charset "utf-8";
/* CSS Document */
body {
	margin:0;
	padding:0;
    font-family: Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#666;
	background:#DDD;
	}	

.clearfix:after {     visibility: hidden;     display: block;     font-size: 0;     content: " ";     clear: both;     height: 0;     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */
* {-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box;    /* Firefox, other Gecko */ box-sizing: border-box;  
margin:0;padding:0;}
*:focus {outline: none;}

a {color:#333; text-decoration:none;transition: color 0.5s ease;}
a:hover {color:#333;transition: color 0.5s ease;}

#wrapper {width:100%;max-width:1000px; margin:0 auto; }
.mid {margin:0 auto; position:relative; width:100%; max-width:1000px;}
.midlimit {max-width:800px;}
.homemain {width:100%;max-width:960px; margin:0 auto;}

header {position:relative;background:#FFF; margin-top:20px;}
#logo {text-align:center}
#logo img {height:60px; width:auto; margin:8px 0;}


#navico {position:absolute;top:14px; left:8px; display:none;}

#navmobile,#navmobilefix {display:none;}
#navwrap {height:40px; border-top:6px solid #35A3FD; background:#025597}
#navwrap.fixed  {position:fixed; z-index:999; width:100%;top:0px; max-width:1000px;}
#navwrap.fixed ul li a {Xpadding:0px 6px;}
#navfix {display:none;}
#navfix.fixed {display:block;height:54px;}
#nav{ color:#FFF; font-size:14px;}
#nav ul { list-style: none; position: relative; text-align:left;  }
#nav ul li { position: relative; display:inline-block; margin-left:5px;  padding-top:2px;  }
#nav ul li a {color:#FFF; font-size:14px; display:block; padding:6px 18px;transition: color 0.85s ease;border-left:1px solid rgba(255,255,255,0.2)}
#nav ul li:hover a   { color:#FEFEFE;transition: color 0.85s ease;}
#nav ul li.active a {color:#FEFEFE; }

/*header_menu_second*/
#nav ul li ul {position:absolute;width:100%;display:none; top:48px;  margin:0;padding:0;;list-style:none;z-index:9999999  !important; }
#nav ul li ul li {margin:0;line-height:14px;z-index:99;  display:block; background:#FFF; height:auto; padding:0; }
#nav ul li ul li a{text-align:center; font-size:14px;  color:#FFF !important; font-weight:normal; border:none !important; padding:8px 8px 8px 8px  !important;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
background:#066E31 !important;
}
#nav ul li ul li a:hover{color:#CECECE  !important;border:none;}
#nav ul li:hover  ul{display:block;z-index:999999;list-style:none;  height:auto;overflow:auto;} 
/* end header_menu_second*/


.pagetitle {background:url(../images/bgplant.png) repeat-x bottom #FFF; text-align:center;  height:302px; padding:20px 10%;width:100%;}
.pagetitle p { color:#01637A; font-size:20px; line-height:1.8;}

#content { background:#FFF; min-height:300px; padding:20px 26px;}

#content_left {float:left; width:33%;}
#content_right {float:right; width:64%;}

.empresawrap {margin-top:30px;}
.empresa_left {float:left; width:36%; background:#74AFB7; padding:8px 30px; text-align:center; }
.empresa_left p {color:#FFF !important;}
.empresa_right {float:right; width:60%;}
.empresa_right p {margin-bottom:14px !important; }

.buttonemp {line-height:46px;  background:url(../images/bgbuttonlarge3.png) repeat-x; color:#FFF; text-align:center; width:100%; display:inline-block; font-size:16px; font-weight:600; text-transform:uppercase;}
.buttonemp:hover {color:#FFF !important; opacity:0.9;}
.upc {text-transform:uppercase;}
.lastpay {margin-top:20px; margin-bottom:6px !important;}

#main p {margin-bottom:20px; color:#676767; font-size:16px; line-height:1.65}
.contentpad {padding:34px 40px;}
#content img {max-width:100%; height:auto;}
.c_left50 {float:left; width:48%; }
.c_right50 {float:right; width:48%;}
.h_left50 {float:left; width:48%; }
.h_right50 {float:right; width:48%;}



#content .homebox p {color:#000; font-size:30px !important; font-weight:700;line-height:1.2;}
#content .homebox p:first-child { min-height:80px;}

#content .homebox a {color:#000; font-size:16px !important; background:#FFF; -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
padding:6px 20px; text-transform:uppercase;font-weight:700;
}

#content .lgtxt p {font-size: 23px; line-height:30px;)}



.newslist {text-align:left; vertical-align:top; width:100%; max-width:800px; margin:0 auto;}
/* .photo:first-child {margin-left:0px}*/
.news {display:inline-block; position:relative; width:42%;margin:0 26px 40px 25px;background:#FFF; height:408px; vertical-align:top; }
.newspic  {width:100%;height:150px;}
.newspic  img {width:100%;height:100%}
.newscap {text-align:left; padding:10px 0px; position:relative; min-height:240px;}
.ndate {font-size:14px;}
.ntitle {font-size:24px;  font-weight:600; color:#006E31; margin-bottom:6px; line-height:1.2;}
.news a {color:inherit;}
.ndesc {font-size:14px; line-height:1.6;}
.news_det_img {width:400px; height:auto; float:left; margin-right:20px; margin-bottom:8px;}
a.newsbutton {color:#FFF; background:url(../images/newsbutton.png); height:46px; line-height:45px; padding:0 24px; display:inline-block; font-weight:600;opacity:1;transition: opacity 0.5s ease;  position:absolute;bottom:0px; }
a.newsbutton:hover {opacity:0.8;transition: opacity 0.5s ease;}
.news_det_img {width:400px; height:auto; float:left; margin-right:20px; margin-bottom:8px;}


.galphoto {display:inline-block; width:150px; border:1px solid #CCC; margin-right:10px;margin-bottom:10px;}
.galphoto a {color:#FFF;}
.galpic  {width:100%;height:75px;}
.galpic  img {width:100%;height:75px}
.excphotoscroll {position:relative; width:92%; margin:0 auto;}
.rpprev {position:absolute; top:20px; left:-80px; z-index:99;}
.rpnext {position:absolute;top:20px; right:-80px;z-index:99;}


a.back {font-size:16px; color:#666;transition: color 0.6s ease;}
a.back:hover {color:#BCD030;transition: color 0.6s ease;}

h1 {color:#666; font-size:22px; font-weight:600; }
h2 {color:#454545; font-size:20px; font-weight:400; }
h3 {color:#FFF; font-size:22px; font-weight:600; text-transform:uppercase }
h4 {color:#03702F; font-size:25px; font-weight:600; margin:6px  0;}


h1 span {font-size:16px; font-weight:normal;}

.listbox {border:1px solid #CCC; background:#F2F2F2; padding:20px;}



a.buttonlarge {color:#FFF; background:#690; padding:10px 24px; display:block; font-weight:400;opacity:1;transition: opacity 1s ease; text-shadow:1px 1px #333; margin-top:10px; text-align:center;}
a.buttonlarge:hover {opacity:0.8;transition: opacity 1s ease;} 

a.buttonlargeout {color:#FFF; background:#CC0000; padding:10px 24px; display:block; font-weight:400;opacity:1;transition: opacity 1s ease; text-shadow:1px 1px #333; margin-top:10px; text-align:center;}
a.buttonlargeout:hover {opacity:0.8;transition: opacity 1s ease;} 

a.buttonlarge2 {color:#FFF; background:url(../images/bgbuttonlarge2.png); height:65px; line-height:64px; padding:0 24px; display:inline-block; font-weight:600;opacity:1;transition: opacity 1s ease; margin-bottom:30px;}
a.buttonlarge2:hover {opacity:0.7;transition: opacity 1s ease;} 

footer {min-height:38px; line-height:1; background:#025597; color:#FFF; text-align:center;line-height:1.5; font-size:13px; padding:4px 10px;}
footer a {color:#FFF;}




/*form contact */
form.empresa {max-width:540px;}
form.mainform.empresa > div > label, legend {	width: 25%;  float: left;  padding-right: 10px; text-align:right; padding-top:8px;}
form.mainform.empresa > div > div, form.mainform.empresa > div > fieldset > div {  width: 75%;   float: right;}

form.mainform > div {  clear: both;  overflow: hidden;  padding: 1px;  margin: 0 0 10px 0;}
form.mainform > div > fieldset > div > div {  margin: 0 0 5px 0;}
form.mainform > div > label, legend {	width: 35%;  float: left;  padding-right: 10px; text-align:right; padding-top:8px;}
form.mainform > div > div, form.mainform > div > fieldset > div {  width: 65%;   float: right;}
form.mainform > div > fieldset label {   /* font-size: 90%; */ }
fieldset {	border: 0;  padding: 0;}
form.mainform input[type=text],
form.mainform input[type=email],
form.mainform input[type=url],
form.mainform input[type=password],
form.mainform textarea, form.mainform select {  width: 100%;  border: 1px solid #B2B2B2;  padding:8px;  color:#666;  resize:none;  font-family:inherit;  font-size:inherit; text-transform:none;}
form.mainform input[type=submit] {cursor:pointer; background:#025597; color:#FFF; text-transform:uppercase; padding:6px 10px !important;transition: background 0.85s ease; border:none; -webkit-appearance: none;}
form.mainform input[type=submit]:hover { background:#35A3FD;transition: background 0.85s ease; -webkit-appearance: none;}
.tar {text-align:right;}
.tal {text-align:left;}
form.mainform label.error {background:#CC0000;padding:3px; color:#FFF; font-size:11px; padding-left:6px; width:100%; text-align:left;}
form.mainform input[type=text]:focus,
form.mainform input[type=email]:focus,
form.mainform input[type=url]:focus,
form.mainform input[type=password]:focus,
form.mainform textarea:focus {
  outline: 0;/*  border-color: #4697e4;*/
}
form.mainform select {	  padding:3px; 	width:100%;   -webkit-appearance: none !important;  -moz-appearance: none !important;
  background:url(../images/seldd.png) no-repeat right center #FFF;}
form.mainform select::-ms-expand {    display: none;}

@media (max-width: 600px) {
	.prod_gallery_main  img {width:100%; height:auto;}
  form.mainform  > div {   margin: 0 0 15px 0;   }
  form.mainform  > div > label,  legend {	  width: 100%;    float: none;    margin: 0 0 5px 0;  }
  form.mainform  > div > div,  form.mainform  > div > fieldset > div {    width: 100%;    float: none;  }
  
  form.mainform.empresa > div > label, legend {	width: 100%;    float: none;    margin: 0 0 5px 0;  }
form.mainform.empresa > div > div, form.mainform.empresa > div > fieldset > div {width: 100%;    float: none;  }
  
  form.mainform input[type=text],
  form.mainform input[type=email],
  form.mainform input[type=url],
  form.mainform input[type=password],
  form.mainform textarea,
  form.mainform select {   width: 100%;   }
}
@media (min-width: 1200px) {
  form.mainform form > div > label,	legend {text-align: left;  }
}


#backtotop {position:fixed; bottom:10px; right:30px; display:none; padding:5px 5px 0px 5px;-webkit-border-radius: 6px; -moz-border-radius: 6px;
border-radius: 6px; background: rgba(255, 255, 255, 0.7);z-index:999999}

@media (max-width: 980px) {
.footlogo {float:left;width:230px; padding-left:34px;}
.address { float:left;width:58%; max-width:300px; padding-top:10px;padding-left:64px;margin-left:30px; margin-top:10px; }
.phone {float:right;  width:280px; padding-top:10px;padding-left:64px; min-height:60px; margin-right:30px;margin-top:10px;}	
}




@media (max-width: 814px) {
#navwrap.fixed ul {margin-left:-20px;}
#navwrap.fixed ul li a {padding:0px 2px;}	
#logo {top:42px; left:14px;}
#login {top:28px; right:14px;}
}

@media (max-width: 784px) {
.footlogo {display:none;}
.address { float:left;width:58%; max-width:300px; padding-top:10px;padding-left:64px;margin-left:30px; margin-top:10px; }
.phone {float:right;  width:280px; padding-top:10px;padding-left:64px; min-height:60px; margin-right:80px;margin-top:10px;}	
.contentpad {padding:20px 20px;}
.news {height:424px;}
.newspic  {height:160px;}
#content_left {float:none; width:100%;}
#content_right {float:none; width:100%;}
.empresa_left {float:none; width:100%; margin-bottom:30px;}
.empresa_right {float:none; width:100%}
}

@media (max-width: 690px) {
header, #navwrap, #navwrap.fixed, #navfix, #navfix.fixed  {display:none;}
#logomobile {float:left;margin-left:10px; margin-top:6px;}
#logomobile img { height:44px; width:auto;}
.menutoggle {float:right;margin-right:14px; margin-top:4px;}
#navmobile {display:block; position:fixed;width:100%;  border-bottom:6px solid #676767; background:#FFF; z-index:99999;}
#mobmenu  {display:none; width:100%; position:fixed;top:62px; background:#6D6E72;}
#navmobilefix {display:block; height:62px;}

#navmobile ul {list-style:none;text-align:center;  width:100%; margin:0 auto; padding:10px  0 !important; background:#408FCB;}
#navmobile ul li a {color:#FFF; display:block; text-align:center;font-weight:normal; padding-left:0px;  }
#navmobile ul li {font-size:16px; font-weight:700; padding:6px 0;}
#navmobile ul li.subli {font-size:14px; padding:2px 0;padding-left:6px;}

.h_left50 {float:none; width:100%; margin-bottom:20px;}
.h_right50 {float:none; width:100%;}
.pagetitle p { font-size:18px; line-height:1.6;}
}



@media (max-width: 470px) {
.pagetitle p { font-size:17px; line-height:1.5;}
}

@media (max-width: 420px) {
.prefooter {padding-top:8px;}
.c_left50 {float:none; width:100%;}
.c_right50 {float:none; width:100%;}
}

@media (max-width: 420px) {
.pagetitle p { font-size:16px; line-height:1.4;}
}
.boxpos {max-width:400px; width:90%; margin:0 auto;}

.note {font-size:12px; }

 .msgbox, .msg  {
text-align:left;
padding: 10px;
background:#025597;
color:#FFF;
text-align: center;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}

.msgboxok, .msgok {
text-align:left;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
padding: 10px;
background:#390;
color:#FFF; text-align: center;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}

.msgboxnotok {border: 1px solid #999;
text-align:left;
padding: 10px;
background:#C33;
color:#FFF; text-align: center;
}