/* CSS Document */

* {padding:0px;margin:0px;}

body {background:#b3e2c5;}

#contenedor {width:720px;margin:0 auto 0 auto;}

#cabeza {width:100%; height:163px; margin:0 auto 0 auto; position: relative;}

#cabeza h1 { font-size:12px; display: block; width:290px;}
#cabeza h1 img{ left: 0; position: absolute; top:0;}


#navegador{height:31px;background:url(../images/bg_navegador.jpg) repeat-x;clear:both;}

#navegador ul{ float:left;height:17px;padding:3px 5px 0px 10px;}

#navegador ul li{ float:left; list-style:none;margin:0 5px;}

#navegador ul li a{ font-family:Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size:12px; color:#FFF;}

#navegador ul li a:hover{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#cffe92;}



#navegador ul li.idioma{float:right; margin-right:}



#contenido{

background:#FFF;

border-left:5px solid #ed812f;

border-right:5px solid #ed812f;

padding:10px 5px 10px 5px;

font-family:Arial, Helvetica, sans-serif;

font-size:12px;

color:#666666;

}


#contenido h1 {

font-family: Arial, Helvetica, sans-serif;

font-style:italic;

font-weight: normal;

color:#00943c;

font-size:22px;

}

#contenido h2 {

font-family: Arial, Helvetica, sans-serif;

font-style:italic;

font-weight:normal;

color:#00943c;

font-size:18px;
}

#contenido h3 {

font-family: Arial, Helvetica, sans-serif;

font-style:italic;

font-weight:normal;

color:#00943c;

font-size:16px;
}
#contenido h4 {

font-family: Arial, Helvetica, sans-serif;

font-style:italic;

font-weight:normal;

color:#00943c;

font-size:16px;

}
#contenido h5 {

font-family: Arial, Helvetica, sans-serif;

font-style:italic;

font-weight:normal;

color:#00943c;

font-size:13px;

}

/*estilos para los enlaces*/
.enlace{ text-decoration:underline; font-weight: normal; color:#ED812F; font-size:18px;}
.enlace:hover{ text-decoration:none;}


#contenido li {



list-style:inside; margin-left: 8px;}

#centro {margin: 0 auto;
}
 table {
    margin: 0 auto;
	border-bottom: 1px dotted #8CACBB; 
	border-left: 1px dotted #8CACBB;
	font-family: Verdana, Arial, Tahoma, sans-serif;
	font-size:11px;	
}

 td { 
	padding: 8px 20px 8px 11px; 
	border-top: 1px dotted #8CACBB; 
	border-right: 1px dotted #8CACBB;
}


 th { 
	font-weight:bold;
	padding: 8px 20px 8px 11px; 
	border-top: 1px dotted #8CACBB; 
	border-right: 1px dotted #8CACBB; 
	text-align:left;
	width:175px; 
}

#footer1, #footer2 {
background:#ed812f; 

height:33px;

font-family:Verdana, Arial, Helvetica, sans-serif;

font-size:12px;

color:#FFFFFF;

text-align:center;

padding:5px;

}



.enviado{font:bold 1.1em Arial, Helvetica, sans-serif; color:#678e33;}



#footer2 {_margin-left:6px;}



/*Cuadro de texto*/
	.sidebox {
	  width: 35%;
	  margin: 120px 50px 0;
	  float:right;
	  background: url(../images/bottom-left.gif) no-repeat left bottom;
	  text-align: left;
	}

	.sidebox-outer {
		  background: url(../images/bottom-right.gif) no-repeat right bottom;
		  padding-bottom: 5%;
		  margin-top:-5px;
	}

	.sidebox-inner {
		  background: url(../images/top-left.gif) no-repeat left top;
		  padding-left: 10px;
		  margin-bottom: 15px;
	}

	.sidebox h2 {
		  background: url(../images/top-right.gif) no-repeat right top;
		  padding-top: 8%;
		  margin: 5px 0 0 0;
	}


	.sidebox h2, .sidebox p {
		  padding-left: 8%;
		  padding-right: 8%;
	}

/*termina cuadro texto*/

.clearfix:after {content:".";display:block;height:0px;clear:both;visibility:hidden;}
.clearfix {display:inline-block;}
* html .clearfix {height:1%;}
.clearfix {display:block;}
/*Para las imagenes*/



img.centrado {

    display: block;

    margin-left: auto;

    margin-right: auto;

}



img.derecha {

    padding: 4px;

    margin: 0 0 2px 7px;

    display: inline;

}



img.izquierda {

    padding: 4px;

    margin: 0 7px 2px 0;

    display: inline;

}



.derecha {

    float: right;

}



.izquierda {

    float: left

}

.imgcontenedor { width:150px; float:left; margin:2px 10px 4px 2px; 

}

.imgcontenedor1 { width:150px; float:right; margin:2px 10px 4px 2px; 

}


.imgcontenedor2 { width:100%;  float:left;

}


.wrapper { width:60%; float:right;  

}

.wrapper .imgcontenedor1 { width:150px; float:right; margin:2px 0px 4px 2px; 

}
