/* CSS Document */

*{
margin:0;
padding:0;
}

html
{
height: 100%;
}

body{
	background-image: url(../images/fondo_home.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	/*color:#6A918F;*/
	color:#52706F;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	height: 100%;
	}
body.int{background-image: url(../images/fondo_int.jpg);
}

.izq{
float:left;
margin: 7px 14px 7px 25px;
}
.der{
float:right;
margin: 7px 7px 7px 14px;
}

.clear{
clear:both;
padding-top:7px;
}


#contenido img{
margin-left:25px;
margin-bottom:5px;
}
#contenido img.noborder{
border:none;
}

p, ul, ol, li, h3{    /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< ! */
margin-left:25px;
margin-top: 7px;
margin-bottom:7px;
margin-right:7px;
}
h3{margin-top: 14px;
}

a {
	text-decoration:none;
	color:#96BCBE;
	outline: none;
	text-decoration:underline;
}
a:hover {
color:#94c03d;
}
a:active
{
  outline: none;
}

	
h1{display:block;
	font-size:22px;
font-weight:normal;
	padding-left:25px;
	background-image: url(../images/hbullet.gif);
	background-repeat: no-repeat;
	background-position: left center;
	margin-bottom:28px;
	
}	
h2{display:block;
font-size:16px;
font-weight:bold;
padding-left:25px;
margin-bottom:14px;
margin-top:14px;

}	
#boxes h2 {background-image: url(../images/hbullet.gif);
	background-repeat: no-repeat;
	background-position: left center;
	margin-top:5px;
}

#boxes2 h2 {background-image: url(../images/hbullet.gif);
	background-repeat: no-repeat;
	background-position: left center;
	margin-top:5px;
}

#container{
width:850px;
margin: 0 auto;

/*background-color:#FF0000;*/
/*height:600px;*/

position: relative;
min-height: 100%;
}
* html #container
{
height: 100%;
}


#head{
height:78px;

}

#head h1{
	background-image: url(../images/title_2.jpg);
    background-repeat: no-repeat;
    background-position: left top;
	height:75px;
	display:block;
	margin:0;
	padding:0;
	
}
#head h1 a{height:75px;
width:627px;
	display:block;
	text-indent:-9999px;
}

#contenido{
min-height:403px;
}
* html #contenido{
height:403px;
}

#contenido{
	border: 1px solid #cbe3df;
	padding-top:14px;
}
#sabiasbox{
	width:209px;
	/*height:147px;*/
	border: 1px solid #d0e7e0;
	background-color:#e8fef1;
	position:absolute;
	top:110px;
	right: 25px;
	
}



#sabiasbox h2{
	background-image: url(../images/h1-sabias.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height:43px;
	text-indent:-9999px;
	margin-top:0px;
	margin-bottom:0px;
}
#sabiasbox p {
margin-left:14px;
margin-right:14px;
margin-bottom: 14px;
}


#boxes{
margin-top:8px;
height:120px;

}
#boxes a{
color:#6A918F;
text-decoration:none;
}

#boxes p{
margin-left:25px;
}

#boxes div{
padding-top:7px;
	border: 1px solid #cbe3df;
	float:left;
	width:274px;
	height:85px;
	margin-right:11px;
	background-color:#f3fbed;
	background-image: url(../images/fondo_box.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
}
#boxes div.lastdiv{margin-right:0;
}




#boxes2{
margin-top:8px;
height:120px;

}
#boxes2 a{
color:#6A918F;
text-decoration:none;
}

#boxes2 p{
margin-left:25px;
}

#boxes2 div{
padding-top:7px;
	border: 1px solid #cbe3df;
	float:left;
	width:274px;
	height:85px;
	margin-right:11px;
	background-color:#f3fbed;
	background-image: url(../images/fondo_box.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
}
#boxes2 div.lastdiv{margin-right:0;
}






#subcontainer{
padding-bottom:150px;
}

#footer
{
	height:156px;
	clear:both;
	position: relative;
	margin-top: -156px;
	background-image: url(../images/planta.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}
#tetrapack {
	width:850px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;

	
}
/*#footer p, #footer img{
float:right;

}
#footer p{
padding: 130px 7px 0 0;
margin:0;
}*/

.prefooter{
font-size:10px;
margin-top:-15px;
color:#b9cdcf;
text-align:right;
}


/* --------circulo home---------  */


#circulohome{
	width:503px;
	height:313px;
	background-image: url(../images/circulorollover.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	position:absolute;
	top:159px;
	left:45px;
}
#circulohome ul{
list-style:none;
}

#circ li {margin: 0; padding: 0; list-style: none; display: block; position: absolute; }

#circ a {display: block;
}

#circ1 {
	left: 280px;
	top: 0px;
	width: 205px;
	height: 148px;
	/*border: 1px solid #99CC00;*/
}
#circ1 a {height: 148px;}
#circ1 a:hover {background: url(../images/circulorollover.jpg) -280px -626px no-repeat;}

#circ2 {
	left: 324px;
	top: 148px;
	width: 168px;
	height: 148px;
	/*border: 1px solid #99CC00;*/
}
#circ2 a {height: 158px;}
#circ2 a:hover {background: url(../images/circulorollover.jpg) -324px -461px no-repeat;}

#circ3 {
	left: 211px;
	top: 177px;
	width: 114px;
	height: 135px;
	/*border: 1px solid #99CC00;*/
}
#circ3 a {height: 135px;}
#circ3 a:hover {background: url(../images/circulorollover.jpg) -211px -803px no-repeat;}

#circ4 {
	left: 0px;
	top: 148px;
	width: 210px;
	height: 158px;
	/*border: 1px solid #99CC00;*/
}
#circ4 a {height: 135px;}
#circ4 a:hover {background: url(../images/circulorollover.jpg) -0px -461px no-repeat;}

#circ5 {
	left: 50px;
	top: 0px;
	width: 211px;
	height: 148px;
	/*border: 1px solid #99CC00;*/
}
#circ5 a {height: 135px;}
#circ5 a:hover {background: url(../images/circulorollover.jpg) -50px -626px no-repeat;}

/* ---------------------- circulo interno --------------*/

#circuloint{
	width:338px;
	height:210px;
	background-image: url(../images/circulointernal.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	
	position:absolute;
	top:140px;
	left:15px;
}

#circuloint ul{
list-style:none;
}

#circ_i li {margin: 0; padding: 0; list-style: none; display: block; position: absolute;}

#circ_i a {display: block;}

#circ_i1 {
	left: 181px;
	top: 0px;
	width: 143px;
	height: 100px;
	/*border: 1px solid #99CC00;*/
}
#circ_i1 a {height: 100px;}
#circ_i1 a:hover, #circ_i1 a.current {background: url(../images/circover01.gif) 0px 0px no-repeat;}


#circ_i2 {
	left: 175px;
	top: 89px;
	width: 156px;
	height: 135px;
	/*border: 1px solid #99CC00;*/
}
#circ_i2 a {height: 135px;}

#circ_i2 a:hover, #circ_i2 a.current {background: url(../images/circover02.gif) 23px 0px no-repeat;}

#circ_i3 {
	left: 133px;
	top: 116px;
	width: 87px;
	height: 94px;
	/*border: 1px solid #99CC00;*/
}
#circ_i3 a {height: 94px;}

#circ_i3 a:hover, #circ_i3 a.current {background: url(../images/circover03.gif) 0px 0px no-repeat;}

#circ_i4 {
	left: 6px;
	top: 82px;
	width: 150px;
	height: 123px;
	/*border: 1px solid #99CC00;*/
}
#circ_i4 a {height: 123px;}

#circ_i4 a:hover, #circ_i4 a.current {background: url(../images/circover04.gif) 0px 0px no-repeat;}

#circ_i5 {
	left: 22px;
	top: 5px;
	width: 147px;
	height: 101px;
	/*border: 1px solid #99CC00;*/
}
#circ_i5 a {height: 101px;}

#circ_i5 a:hover, #circ_i5 a.current {background: url(../images/circover05.gif) 0px 0px no-repeat;}


/* ------------------- internas circulo ---------------------------*/
#circ_izquierda{
width:370px;
float:left;
}

#circ_izquierda ol{
	list-style-type: none;	
	margin-left:14px;
	margin-top:245px;
}
#circ_izquierda ol a{
color:#5c787b;
text-decoration:none;
display:block;
height:15px;
	
padding: 3px 25px;
}
#circ_izquierda ol li a.uno{
	background-image: url(../images/bullet01.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
#circ_izquierda ol li a.uno:hover{
	background-image: url(../images/bullet01_over.gif);
}

#circ_izquierda ol a.dos{
	background-image: url(../images/bullet02.gif);
	background-repeat: no-repeat;
	background-position: left center;	
}
#circ_izquierda ol a.dos:hover{
	background-image: url(../images/bullet02_over.gif);
	}


#circ_izquierda ol a.tres{background-image: url(../images/bullet03.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
#circ_izquierda ol a.tres:hover{
	background-image: url(../images/bullet03_over.gif);
	}
	
#circ_izquierda ol a.cuatro{background-image: url(../images/bullet04.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
#circ_izquierda ol a.cuatro:hover{
	background-image: url(../images/bullet04_over.gif);
	}


#circ_izquierda ol a.cinco{background-image: url(../images/bullet05.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
#circ_izquierda ol a.cinco:hover{
	background-image: url(../images/bullet05_over.gif);
	}



#circ_derecha{
margin-left:380px;
margin-right:35px;

}
#circ_derecha img.h1number{
float:left;
margin-right:7px;
border:none;
margin-left:0px;
margin-top:0;
}
#circ_derecha h1{
	font-size:22px;
	font-weight:normal;
	margin-left:35px;
	background:none;
	color:#5c787b;
	margin-bottom:28px;
	margin-top:0px;
	padding-top:0;
	height:28px;
	
}	

#circ_derecha h2, #circ_derecha h3, #circ_derecha a{
margin-left:35px;
margin-top:14px;
} 
#circ_derecha p, #circ_derecha ul, #circ_derecha ol, #circ_derecha img {
margin-left:68px;
} 
 #circ_derecha img{
 margin-top:14px;
 }

#circ_derecha22{
	font-size:12px;
	font-weight:bold;
	display:block;
	padding-left:3px;
	
	padding-top:2px;
	padding-bottom:1px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #84BB1E;
	color:#84BB1E;
	/*background-color:#84BB1E;*/
}


#circ_derecha h3{
	font-size:12px;
	font-weight:bold;
	display:block;
	padding-left:3px;
	
	padding-top:2px;
	padding-bottom:1px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #84BB1E;
	color:#84BB1E;
	/*background-color:#84BB1E;*/
}
#circ_derecha h1{display:block;
padding-left:0px;
}


/**************** */

.listagrande li {
font-size:14px;
font-weight:bold;
margin-bottom: 14px;
list-style:none;
}



#contenido.texto p, #contenido.texto h3{
	width:500px;
	color:#52706F;
}
#contenido.texto h3{
font-size:12px; width:500px;

}


.h2_decorado
{
display:block;
font-size:16px;
font-weight:bold;
padding-left:25px;
margin-bottom:14px;
margin-top:14px;
color:#fff; 
	background-color:#73B522;
	padding-top:3px;
	padding-bottom:2px;
}


#contenido.texto h2 {
	color:#fff; 
	background-color:#73B522;
	padding-top:3px;
	padding-bottom:2px;
}

 #logosvert{
 position:absolute;
 top:790px;
 left:350px;

border:none;
}


img#pack{
position:absolute;
top:300px;
right:20px;
border:none;
}