/* CSS Document */
* { margin:0;padding:0 }

body { font:12px "Trebuchet MS",Arial ; color:white;}

a {
text-decoration:none;
color:#00CC00;
}

a:hover {
text-decoration:none;
color:#009933;
}

#pagina { width:927px; margin:0 auto }

#encabezado { height:203px; background:url(../imagenes/encabezado.jpg); position:relative }

#encabezado h1 a { width:170px; height:0; padding-top:192px; display:block; overflow:hidden; position:absolute; left:29px }

#encabezado ul { overflow:hidden;width:580px; height:30px; position:absolute; right:0; _right:-1px; bottom:0; _bottom:-1px; }
#encabezado ul li {list-style:none;float:left; width:116px; height:30px }
#encabezado ul a {
	display:block;
 	color:#fff;
	text-decoration:none;
   	height:25px;
	padding:5px 0 0 0;
	text-align:center;
	width:116px;
	
}
#encabezado ul a:hover { }
#encabezado ul a:hover {background-image: url(../imagenes/menu-hover.jpg) ;}
a#quienes:hover {background-position: 0px 0px; }
a#consejos:hover { background-position: -116px 0px; }
a#objetivos:hover { background-position: -232px 0px; } 
a#contacto:hover { background-position: -348px 0px; }
a#links:hover { background-position: -464px 0px;}

#contenido { background: #37aae4 url(../imagenes/fondocontenido.gif) no-repeat; margin-top:11px; padding:15px 0 40px 0}

#objetivo { float:left; width:346px; height:0; padding-top:40px; display:block; overflow:hidden; background:#fff url(../imagenes/objetivos.gif) 40px 10px no-repeat}
#curriculum { float:left; width:346px; height:0; padding-top:40px; display:block; overflow:hidden; background:#fff url(../imagenes/Dr_grun.gif) 40px 10px no-repeat}
#consejos-utiles { float:left; width:346px; height:0; padding-top:40px; display:block; overflow:hidden; background:#fff url(../imagenes/consejosutiles.gif) 40px 10px no-repeat}
#inicio { float:left; width:346px; height:0; padding-top:40px; display:block; overflow:hidden; background:#fff url(../imagenes/inicio.gif) 40px 10px no-repeat}
#Linkss { float:left; width:346px; height:0; padding-top:40px; display:block; overflow:hidden; background:#fff url(../imagenes/Links.gif) 40px 10px no-repeat}
#contactoss { float:left; width:346px; height:0; padding-top:40px; display:block; overflow:hidden; background:#fff url(../imagenes/contacto.gif) 40px 10px no-repeat}
#aviso { float:left; width:346px; height:0; padding-top:40px; display:block; overflow:hidden; background:#fff url(../imagenes/avisolegal.gif) 40px 10px no-repeat}


.actualizacion { margin:10px 0 0 10px; font:10px Arial, Helvetica, sans-serif; float:left; line-height:10px}

.contenedor { clear:both }



.columna-depie { float:left; width:844px; margin:0 0 0 30px;*margin:0 0 0 30px;_margin:0 0 0 15px;  padding-right:20px}
.columna-unica { float:left; width:844px; margin:30px 0 0 30px;*margin:17px 0 0 30px;_margin:17px 0 0 15px;  padding-right:20px}
	.columna-unica a { color:#FFFF00; text-decoration:none; font-size:12px}
	.columna-unica a:hover { color:#FF9900; text-decoration:none; font-size:12px}
.columna-izquierda {   float:left; width:422px; margin:30px 0 0 30px;*margin:17px 0 0 30px;_margin:17px 0 0 15px;  padding-right:20px}
.columna-derecha {float:left; width:422px;margin:30px 0 0 0;*margin:17px 0 0 0;_margin:17px 0 0 0}
#contenido h3 { font-size:15px; margin-left:140px; *margin-left: 0 }

.columna-izquierda img,.columna-derecha img {float:left }


.columna-izquierda p,.columna-derecha p { margin:15px 0 0 145px; line-height:12px }
.columna-izquierda li,.columna-derecha li { margin:15px 0 0 145px; line-height:12px }
.columna-izquierda ul,.columna-derecha ul { margin:15px 0 0 145px; *margin:15px 0 0 0px; line-height:12px }
.color1 { color:#A2D159}

.gris {color:#ccc}

#pie { height:30px; background: url(../imagenes/pie.gif) no-repeat top }
#pie p { color:#37AAE4; text-align:center; position:relative;top:18px; font:10px Arial; padding-right:20px}


* html .clearfix {height: 1%}
.clearfix {display: inline-block}
html[xmlns] .clearfix {display: block}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden}

.imageleft {
float:left;
margin-right:-130px;
*margin-right:20px;
}
.imageright {
float:right;
margin-left:20px;
}