@charset "UTF-8";
/* 														cabeza								*/
#cabeza{
width:1004px;
height:160px;
text-align:left;
}
#logo{
width:690px;
float:left;
}
#campos{
width:292px;
float:left;
margin-top:60px;
text-align:right;
}
input{
border:1px solid #CCCCCC;
padding:4px;
color:#666666;
margin:5px;
}
label{
color: #844184;
font-size:13px;
}
.campos_cabeza{
text-align:right;
clear:both;
padding:5px;
color:#333333;
}
/* 											Men� empresas								*/
#menu_empresas{
float:left;
margin-top:6px;
text-align:right;
}
#menu_empresas li{
display:inline;
border-left: #b851b8 1px solid;
padding:0px;
}
#menu_empresas a{
padding:3px;
padding-right:8px;
padding-left:10px;
color:#333333;
font-size:12px;
}
/* HTML */
body{
margin:0;
padding:0;
font-family:"Trebuchet MS", Arial;
}
h1 {	
color: #099ac8;
font-size: 26px;
font-weight:bold;
margin:0px;
text-align:left;
}
h2 {	
color: #099ac8;
font-size: 20px;
font-weight:bold;
letter-spacing:.02em;
font-family:"Century Gothic", Arial;
margin:0px;
text-align:left;
}
h3 {
color:#666666;
font-size: 16px;
font-weight:normal;
margin:0px;
text-align:left;
padding-bottom:4px;
padding-top:10px;
letter-spacing:.02em;
}
h4 {	
color: #844184;
font-size: 13px;
line-height:16px;
font-weight:bold;
text-align:left;
margin:0px;
}
p{
font-size: 13px;
line-height:19px;
font-weight:normal;
color:#000;
text-align:justify;
}
li{
list-style-image: url(../imagenes/bullet_1.png) ;
text-align:left;
font-size:13px;
line-height:19px;
padding-bottom:5px;
}
ol li{
font-size:13px;
line-height:19px;
list-style-image: none;
color:#333333;
text-align:left;
padding-bottom:5px;
}
a{
text-decoration:none;
}
img{
border:none;
}
/* 														MENU LATERAL INSTITUTE								*/
#menu_lateral{
background:url(../imagenes/cabeza_menu_institute.jpg) no-repeat top #02b7f0;
margin-left:0px;
padding-bottom:6px;
padding-right:12px;
padding-top:1px;
margin-top:16px;
}
#menu_lateral h4{
font-family:"Century Gothic", Arial;
font-weight:normal;
color:#FFFFFF;
margin:7px 0px 0px 13px;
padding-bottom:4px;
border-bottom:#fff 1px dotted;
letter-spacing:.03em;
font-size:14px;
text-transform:uppercase;
}
#menu_lateral h5{
font-style:italic;
font-weight:normal;
color:#FFFFFF;
font-size:12px;
letter-spacing:.04em;
margin:5px 5px 10px 14px;
}
#menu_lateral li{
font-weight:normal;
list-style-image:none;
list-style-type:none;
line-height:15px;
border-bottom:#127392 1px dotted;
margin-bottom:6px;
margin-left:-24px;
padding-bottom:4px;
padding-top:0px;
}
#menu_lateral li a{
font-size:13px;
letter-spacing:.03em;
color:#074c62;
font-family:"Century Gothic", Arial;
}
#menu_lateral .li_sub{
border-bottom:#127392 1px dotted;
color:#FFFFFF;
font-size:11px;
line-height:14px;
letter-spacing:.03em;
padding-bottom:3px;
margin-left:-8px;
list-style-image: url(../imagenes/bullet_1.png) ;
}
#menu_lateral li a:hover{
color:#FFFFFF;
}
#menu_lateral .li_sub a{
color:#FFFFFF;
font-size:12px;
font-family:"Trebuchet MS", Arial;
}
#menu_lateral .li_sub a:hover{
color:#aad8e6;
}
.pie_menu{
background:url(../imagenes/pie_menu_institute.jpg) top no-repeat ;
height:20px;
clear:both;
}
/*											COLUMNA INTERIOR 											*/
#contenido_central h2 {	
color: #08a8da;
font-size: 18px;
font-weight:normal;
margin:0px;
text-align:left;
padding-bottom:10px;
}

/*												NUESTRO EQUIPO												*/
#equipo{
margin-top:20px;
}
.equipo p{
font-size:13px;
text-align:center;
padding-bottom:20px;
}
.equipo img{
border:#999999 1px solid;
}
.biografia{
margin-left:15px;
margin-right:15px;
}
.biografia img{
border:#999999 1px solid;
margin-right:15px;
float:left;
}
.biografia p{
font-size:13px;
line-height:20px;
float:left;
}
/*												ALIANZAS										*/
#texto_intro{
float:left;
}
#foto_intro{
float:left;
}
#contenido_central{
clear:both;
padding-left:16px;
margin-top:20px;
}
.intro p{
font-size: 14px;
line-height:18px;
font-weight:normal;
color:#333333;
padding-left:15px;
padding-right:10px;
padding-top:6px;
padding-bottom:10px;
margin:0px;
float:left;
width:340px;
}
.intro h2 {	
margin:0px;
margin-left:10px;
text-align:left;
padding-bottom:20px;

}
#alianzas{
margin-left:10px;
width:454px;
}
.empresa{
clear:both;
border-bottom:#CCCCCC 1px dotted;
margin-top:8px;
margin-bottom:4px;
}
.empresa h2{
font-size: 14px;
color:#08a8da;
font-weight:normal;
float:left;
padding-left:10px;
margin:0;
}
.empresa p {
font-size: 12px;
line-height:16px;
font-weight:normal;
color: #333333;
float:left;
width:317px;
padding-left:10px;
margin-top:5px;
}
.empresa img {
float:left;
width:115px;
}
.pie{
clear:both;
}
.arial{
font-family:Arial, Helvetica, sans-serif;
}
/*											PANELES LATERAL								*/
.panel{
width:230px;
margin:0px;
}
.panel_contenido{
clear:both;
border:#999999 1px solid;
margin:0px;
padding-right:8px;
margin-bottom:6px;
}
.panel_contenido li{
text-align:left;
margin-left:-12px;
line-height:16px;
}
.panel_contenido li a{
color:#333333;
}
.panel h4{
clear:both;
font-family:"Century Gothic", Arial;
text-transform:uppercase;
letter-spacing:.02em;
font-size:13px;
line-height:13px;
color:#FFFFFF;
font-weight:normal;
padding: 7px 0 5px 10px;
margin:0px;
}
.productos{
background: url(../imagenes/cabeza_panel.jpg) no-repeat top;
}
.destacados{
background: url(../imagenes/cabeza_destacados.jpg) no-repeat top;
}
.actividades{
background: url(../imagenes/cabeza_actividades.jpg) no-repeat top;
}
.enterese{
background: url(../imagenes/cabeza_enterese.jpg) no-repeat top;
}
/*											PRESENTACION									*/
.presentacion{
font-size:13px;
text-align:left;
font-weight:normal;
color:#666666;
}
.presentacion_principal{
font-size:13px;
line-height:18px;
text-align:left;
font-weight:normal;
color:#333333;
}
/*															VARIOS											*/
.destacar{
color: #844184;
}
.bienvenido{
font-family:"Century Gothic", Arial;
padding-bottom:10px;
font-weight:bold;
padding-top:36px;
}
.seccion_home{
font-family:"Century Gothic", Arial;
font-weight:bold;
font-size:18px;
padding-bottom:5px;
padding-top:10px;
}
.center{
text-align:center;
}
.seccion{
font-family:"Century Gothic", Arial;
padding-bottom:10px;
font-weight:bold;
}
.h4_home{
text-align:center;
}
.altura_1{
height:976px;
}
.altura_2{
height:830px;
}
.altura_3{
height:1230px;
}

/* temporal banner erickson puesto por Eduardo R. */

/* CSS for the box starts here
================================================*/
/* Insert the custom corners and borders for browsers with JavaScript on */
.cb {
	margin:0.5em 0;
}
/* Rules for the top corners and border */
.bt {
	background:url(box.png) no-repeat 100% 0;
	margin:0 0 0 18px;
	height:17px;
}
.bt div {
	height:17px;
	width:18px;
	position:relative;
	left:-18px;
	background:url(box.png) no-repeat 0 0;
}

/* Rules for the bottom corners and border */
.bb {
	background:url(box.png) no-repeat 100% 100%;
	margin:0 0 0 18px;
	height:17px;
}
.bb div {
	height:17px;
	width:18px;
	position:relative;
	left:-18px;
	background:url(box.png) no-repeat 0 100%;
}

/* Insert the left border */
.i1 {
	padding:0 0 0 12px;
	background:url(borders.png) repeat-y 0 0;
}
/* Insert the right border */
.i2 {
	padding:0 12px 0 0;
	background:url(borders.png) repeat-y 100% 0;
}
/* Wrapper for the content. Use it to set the background colour and insert some padding between the borders and the content. */
.i3 {
	background:#fff;
	border:1px solid #fff;
	border-width:1px 0;
	padding:0 10px;
}
/* CSS for the box ends here */

/* Just a bit of styling for this example. Adjust as you wish. */
.cb h1 {
	margin:0 -10px;
	padding:0.3em 10px;
	background:#efece6;
	font:bold 1.2em/1 Arial, Helvetica, sans-serif;
}