/* GENERAL */
* { margin: 0; padding: 0; text-decoration: none; font-size: 1em; outline: none; }
code, kbd, samp, pre, tt, var, textarea, input, select, isindex { font: inherit; font-size: 1em; }
dfn, i, cite, var, address, em { font-style: normal; }
th, h1, h2, h3, h4, h5, h6 { font-weight: normal; }
a, img, a img, iframe, form, fieldset, abbr, acronym, object, applet { border: none; }
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td, center { text-align: left; vertical-align: top; }
body { line-height: 1; background: #fff; color: #000; }
q { quotes: "" ""; }
ul, ol, dir, menu { list-style: none; }
sub, sup { vertical-align: baseline; }
a { color: inherit; }
font { color: inherit !important; font: inherit !important; color: inherit !important; }
/**********FIN RESET************/
/***** Global *****/
html, body {
border:0;
margin:0;
padding:0;
}
body {
font:11px/1.25 "Trebuchet MS", Arial, sans-serif;
}
/***** Encabezados *****/
h1, h2, h3, h4, h5, h6 {
margin:0;
padding:0;
font-weight:normal;
}
#middle .content .contenido h6{
font-size:1.1em;
margin:8px 0 8px 3px;
font-weight:bold;
padding-left:15px;                                              
} 
/***** Formato comun *****/
p, ul, ol {
margin:0;
padding:0;
}
ul, ol {
padding:0;
}
blockquote {
margin:1.25em;
padding:1.25em 1.25em 0 1.25em;
}
small {
font-size:0.85em;
}
img {
border:0;
}
/***** Enlaces *****/
a,
a:link,
a:visited {
text-decoration:none;
color:#000;
}
a:hover {
text-decoration:underline;
}
/***** Wrapper *****/ 
#wrap {
width:980px;
margin:0 auto;
/*padding:0 15px;*/
background:url(/img/home/fondo-wrap.jpg) repeat-y center;
}
/* FIN GENERAL */

/* HEADER */
#wrap #header{
margin:0 auto;
height:362px;
padding-bottom:13px;
background:url(/img/home/fondo-top.jpg) top center no-repeat;
}
#header .left{
width:570px;
padding-left:15px;
float:left;
height:362px;
}
#header .left h1{
position:absolute;
font-size:1.8em;
background:url(/img/home/logo.gif) left center no-repeat;
padding-left:170px;
padding-top:48px;
margin-left:50px;
margin-top:15px;
color:#FFF;
height:78px;
}
#header .left .flash{
/*margin-top:106px;*/
padding-top:106px;
width:571px;
height:256px;
overflow:hidden;
}
#header .right{
width:365px;
height:362px;
float:right;
padding-right:15px;
}
#header .right .utilidades{
float:right;
padding:30px 0 40px;
font-weight:bold;
}
#header .right .utilidades a{
color:#FFF;
}
#header .right .utilidades li{
float:left;
border-left:1px solid #fff;
padding:0 8px;
}
#header .right .utilidades li.primero{
border:none;
}
#header .right .bienvenidos{
clear:both;
background:url(/img/home/fondo-bienvenidos.jpg) no-repeat center bottom;
overflow:hidden;
height:278px;
padding-right:45px;
padding-left:25px;
}
#header .right .bienvenidos h2{
padding-top:25px;
margin-bottom:20px;
background:url(/img/home/liene_h2.jpg) no-repeat left bottom;
font-size:1.8em;
color:#5C522C;
}
#header .right .bienvenidos h2 em{
display:block;
}
#header .right .bienvenidos p{
text-align:justify;
padding-bottom:15px;
}
/* FIN HEADER */

/* CONTENT */
#wrap #content{
height:273px;
margin:0 auto;
padding:0 15px;
}
#content .left{
width:570px;
float:left;
height:273px;
}
#content .left .menu{
background-color:#333;
width:570px;
height:22px;
padding-top:8px;
}
#content .left .menu a{
color:#FFF;
}
#content .left .menu li{
float:left;
border-left:1px solid #fff;
padding:0 10px;
}
#content .left .menu li.primero{
border:none;
padding-left:8px;
}
#content .left .bloque{
width:276px;
height:243px;
}
#content .left .bloque.material{
background:url(/img/home/bloque-material-educativo.jpg) no-repeat center;
float:left;
}
#content .left .bloque.instalaciones{
background:url(/img/home/bloque-instalaciones.jpg) no-repeat center;
float:right;
}
#content .left .bloque h3{
padding:15px 0 0 90px;
line-height:1.1em;
font-size:1.8em;
color:#000;
font-weight:bold;
}
#content .left .bloque h3 em{
display:block;
padding-left:50px;
}
#content .left .bloque p{
padding:16px 25px 0;
text-align:justify;
}
#content .left .bloque .btn{
background-color:#FFF;
display:block;
padding:1px 4px;
float:right;
margin-top:3px;
margin-right:8px;
}
#content .right{
height:273px;
width:365px;
float:right;
}
#content .right h2{
background:url(/img/home/degradado01.jpg) repeat-y;
width:363px;
height:26px;
padding-left:10px;
padding-top:4px;
font-size:1.8em;
font-weight:bold;
}
#content .right ul{
padding-top:30px;
}
#content .right ul li{
clear:both;
padding-bottom:5px;
height:100px;
}
#content .right ul li img{
float:left;
border:1px solid #666;
}
#content .right ul li .titulo,
#content .right ul li p{
margin-left:90px;
margin-bottom:7px;
margin-right:0;
padding-right:8px;
display:block;
}
#content .right ul li .titulo a{
color:#5C522C;
font-size:1.2em;
}
/* FIN CONTENT */

/* FOOTER */
#wrap #footer .footerFondo{
border-top:15px solid #fff;
margin:0 auto;
clear:both;
width:950px;
height:92px;
background:url(/img/footer-gradient.jpg) repeat-x;
}
#footer .footerFondo h4{
color:#FFFFCD;
background:url(/img/line-h4-footer.jpg) bottom left no-repeat;
margin-left:42px;
padding:15px 0 1px 2px; 
}
#footer .footerFondo ul{
padding-top:15px;
padding-left:20px;
}
#footer .footerFondo ul a{
color:#FFF;
}
#footer .footerFondo ul li{
float:left;
border-left:1px solid #fff;
padding:0 30px;
}
#footer .footerFondo ul li.primero{
border:none;
}
#footer .footerFondo ul li{
float:left;
}
#footer .pie{
clear:both;
text-align:center;             
width:960px;
margin:0 auto;
padding:10px;
background:url(/img/iso.gif) 770px 5px no-repeat; 
background-color:#FFF;    
}
#footer .pie p{
padding-bottom:7px; 
}

#footer ul li{
float:left;
}
#footer .logoFooter{
background-color:#fff;
width:980px;
text-align:center;
}
/* FIN FOOTER */