/* CSS Document */

*{font-family:"Arial", Helvetica, sans-serif; line-height:24px; font-size:12px; list-style:none; margin:0px; padding:0px;}
body { background:#519200;}
img { border:none;}
.clear{clear:both;}
.box { width:100%; height:auto; position:relative;}
.header { width:100%; height:87px; background:url(../images/header_back.png); position:absolute; top:0px; left:0px; z-index:60000;}
.header_page { width:1000px; height:87px; margin:0 auto 0 auto;}
.header_page .logo { width:326px; height:auto; margin-left:15px; display:inline; float:left;}
.header_page .nav { width:470px; height:auto; margin:40px 0 0 0px; display:inline; float:right;}
.header_page .nav ul li { height:45px; font-weight:bold; text-align:center; background:url(../images/asd.png) no-repeat; padding:0 15px 0 15px; float:left;}
.header_page .nav ul li a { color:#C6CFAD; text-decoration:none;}
.header_page .nav ul li a:hover{ color:#0C0; text-decoration:none;}
.header_page .nav ul li .sub { width:300px; height:auto; background:url(../images/nav_bg.png) no-repeat bottom; padding:10px; position:absolute; top:45px; left:-2px;}
.header_page .nav ul li .sub dl { width:300px; height:auto; float:left;}
.header_page .nav ul li .sub dl dd { width:150px; height:30px; line-height:30px; text-align:center; float:left;}
.header_page .nav ul li .sub dl dd a { color:#FFFFFF; text-decoration:none;}
.header_page .nav ul li .sub dl dd a:hover { background:url(../images/nav_bg1.png) no-repeat 15px 7px; display:block;}
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

#container { background:url(../images/main_cuestiones_02.jpg) repeat-x; height: 615px; width:auto;}
	
#cuestiones { height: 600px; width:1300px; background-image: url(../images/main_cuestiones.png); background-repeat: no-repeat; background-position:right 0px; overflow: hidden; position: absolute; z-index: 30000; top: 0px;}

#main { height: 615px; width:auto; margin-right: auto; margin-left: auto; background-repeat: no-repeat; background-position: center center;}

#about { height: 450px; width:1000px; margin-left: -480px; position: absolute; z-index: 45000; top: 120px; left: 49%;}

#about a { color:#FFFFFF; text-decoration:none;}
	
#about h3 { font-family:"Arial", Helvetica, sans-serif; font-size: 18px; color: #fbfbf7; height: 37px; line-height:37px; background: url(../images/section_h3_line.jpg) no-repeat bottom left; margin-top: 15px; width: 360px;}
#about h4 { font-family:"Arial", Helvetica, sans-serif; color: #fbfbf7; height: 25px; width: 360px;}

#about .product { width:580px; height:auto; margin-top:10px;}
#about .product ul li { width:170px; height:auto; text-align:center margin:10px 10px 0 10px; display:inline; float:left;}


#about #page { width:400px; height:35px; line-height:35px; font-family:"Arial", Helvetica, sans-serif; font-size:15px; color:#FFFFFF; background-image: url(../images/section_h3_line.png); background-repeat: no-repeat; background-position: 0px 6px;}
#about #page a { font-family:"Arial", Helvetica, sans-serif; font-size:14px; color:#FFFFFF; text-decoration:none;}

#about .page { width:580px; height:auto; line-height:18px; font-family:"Arial", Helvetica, sans-serif; font-size:13px; color:#FFFFFF;}

form#formulario { height: 240px; width: 345px; margin-top: 10px;}

textarea#mensaje, input#nombre, input#correo { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 0.875em; line-height: 1.60714em; color: #202600; padding-left: 15px;}

textarea#mensaje { height: 144px; padding-top: 6px;width: 330px; margin-bottom: 10px; border: none; background-image: url(../images/section_contact_form_textarea.png); background-repeat: no-repeat; background-position: 0px 0px; background-color: transparent;}

textarea#mensaje:focus { background-position: 0px -150px;}

#form_line { width: 345px; height: 45px;}

input#nombre, input#correo { height: 35px; width: 215px; border: none; background-color: transparent; background-repeat: no-repeat; background-position: 0px 0px;}

input#nombre { float: left; background-image: url(../images/section_contact_form_nombre.png);}

input#nombre:focus { background-position: 0px -45px;}

input#correo { background-image: url(../images/section_contact_form_correo.png);}

input#correo:focus { background-position: 0px -35px;}

input#boton { float: right; height: 45px; width: 115px; border: none; cursor: pointer; background-color: transparent; background-image: url(../images/section_contact_form_send.png); background-repeat: no-repeat; background-position: 0px 0px;}
input#boton2{ float: right; height: 45px; width: 115px; border: none; cursor: pointer; background-color: transparent; background-image: url(../images/section_contact_form_send2.png); background-repeat: no-repeat; background-position: 0px 0px;}

input#boton:hover { background-position: 0px -45px;}
	
input#boton:active { background-position: 0px -90px; outline-style: none; outline-width: 0;}

/*-----------------------------------------*/
.footer { height: 270px; width: 100%; z-index: 50001; top: 585px; position: absolute; background-image: url(../images/footer_back.png); background-repeat: repeat-x; background-position: center 0px;}

ul#footer { height: 195px; width: 960px; margin:15px auto 0 auto; }

ul#footer li { float: left; display: block; height: 89px; width: 210px; cursor: pointer; background-repeat: no-repeat; background-position: center 0px; padding-top: 106px; padding-right: 15px; padding-left: 15px;}

ul#footer li:hover, ul#footer li.active { background-position: center -195px;}

ul#footer li.footer_company { background-image: url(../images/footer_box_1.png);}

ul#footer li.footer_planning { background-image: url(../images/footer_box_2.png);}

ul#footer li.footer_environment {background-image: url(../images/footer_box_3.png);}

ul#footer li.footer_contact {background-image: url(../images/footer_box_4.png);}

ul#footer li h5 a { font-size: 13px; color: #ebece6; text-decoration: none; height: 30px; display: block; background:url(../images/footer_box_line.jpg) no-repeat left bottom;}

ul#footer li p { font-size: 12px; line-height: 22px; color: #b4b6a6; text-indent: 8px;}
	
.banquan { line-height:35px; color:#C6CFAD; text-align:center;}

.bian{width:200px; height:360px; background:url(../images/nav_bg3.png) no-repeat; padding:20px 0px 0px 15px;}
.lj{width:173px; height:19px; line-height:19px; color:#ffffff; background:url(../images/pack2.jpg) no-repeat top left; padding:0px 30px 0px 20px;}
.lj:hover{width:173px; height:19px; color:#FF0!important; line-height:19px; background:url(../images/pack.jpg) no-repeat top left;}
.tw{width:173px; height:19px; color:#fff; padding:0px 20px 0px 20px;}
.tw:hover{width:173px; height:19px; color:#ff0!important;}

#menu { 
	width:170px; 
}
.has_children{
	background:url(../images/pack2.jpg) no-repeat;
	color :#fff;
	line-height:19px;
	cursor:pointer;
	padding-left:20px;
}
.highlight{
	color : #fff;
	background:url(../images/pack.jpg) no-repeat;
}
.has_children a{
	display : none;
	float:left;
	width:170px;
}
.head{width:200px;}
#num{width:460px; height:50px; line-height:50px; color:#060; text-align:center;}
#num a{text-decoration:none; color:#060;}
#num a:hover{text-decoration:underline; line-height:45px; color:#F00;}

#demo{overflow:hidden;width:200px; height:150px; text-align:center;padding:10px;}
#demo img{border:none;width:180px;height:180px;border:5px solid #f4f4f4}
#enlarge_images{position:absolute;display:none;z-index:2;border:5px solid #f4f4f4;}