/* Clases generales */

* { margin:0px; padding:0px; }

.clear { clear:both; }

.centrado { text-align:center; }

.float_right { float:right; }

hr { display:none; }









/* Estructura web */

body { background:url(../img/background.gif) repeat-x top; background-color:#e6ddd8; }

#web { width:998px; margin:0 auto; font-family:Arial, Helvetica, sans-serif; font-size:100%; }

#pagina { width:998px; background:url(../img/pagina.gif) repeat-y; background-color:#f1ebe1; }

#centro { float:left; width:685px; padding:20px 40px 0px; }

#main { text-align:justify; }

#lateral { float:right; width:233px; margin-top:20px; }

.logo_bottom { position:relative; left:815px; top:-20px; width:131px; height:27px; text-align:right; }





/* Headers */

h1 { padding-top:8px; font-size:0.95em; color:#875a3e; font-weight:bold; }

h2 { margin-bottom:12px; font-size:1.5em; font-weight:bold; color:black; letter-spacing:-1px; }

h3 { font-size:1.2em; color:#875a3e; font-weight:bold; }

h4 { font-size:1.5em; color:#52260b; font-family:"Times New Roman", Times, serif; font-weight:normal; }

h5 { font-size:1.3em; color:black; font-weight:bold; }









/* Cabecera */

#cabecera { padding-left:8px; width:990px; height:200px; background:url(../img/cabecera.gif) no-repeat bottom; }

#cabecera .fecha { color:#cfa185; font-size:0.7em; }

#logotipo_itnm { position:relative; top:40px; left:20px; width:408px; height:90px; background:url(../img/logo.png) no-repeat; text-indent:-9999px; }







/* Menu */

#menu { width:998px; height:44px; background:url(../img/menu.gif) no-repeat top; background-color:#f1ebe1; }

#menu ul { list-style:none; }

#menu li { float:left; width:168px; height:44px; font-size:0.75em; font-weight:bold; color:white; text-align:center; }

#menu li a { color:white; text-decoration:none; }

#menu .link { width:168px; height:24px; padding-top:10px; }

#menu .link:hover { background:#ad8064; }

#menu .seleccionado { padding-top:10px; width:168px; height:44px; background:url(../img/selector.png) no-repeat; }







/* Tools */

#tools { padding-bottom:20px; width:685px; text-align:right; }

#tools img { vertical-align:middle; cursor:pointer; }

#tools a { display:block; float:right; margin-left:4px; }

#tools a.ico_imprimir { margin-top:8px; width:16px; height:12px; background:url(../img/ico_imprimir.png) no-repeat; text-indent:-9999px; font-size:0px; }

#tools a.ico_disminuir { width:21px; height:21px; background:url(../img/ico_disminuir.png) no-repeat; text-indent:-9999px; font-size:0px; }

#tools a.ico_ampliar { width:21px; height:21px; background:url(../img/ico_ampliar.png) no-repeat; text-indent:-9999px; font-size:0px; }







/* Seccion lateral */

#lateral .cabecera_seccion_lateral { height:30px; }

#lateral .cabecera_seccion_lateral .titulo_seccion_lateral { padding-left:40px; width:193px; height:30px; background:#ebd9be; }

#lateral .contenido_seccion_lateral { padding:20px; }

#lateral .ico_mapa_formativo { position:relative; top:-40px; left:-20px; width:51px; height:64px; background:url(../img/ico_mapa_formativo.png) no-repeat; }

#lateral .ico_contacto { position:relative; top:-50px; left:-20px; width:51px; height:64px; background:url(../img/ico_contacto.png) no-repeat; }

#lateral .ico_newsletters { position:relative; top:-50px; left:-20px; width:51px; height:64px; background:url(../img/ico_newsletters.png) no-repeat; }



#lateral #mapa_formativo .contenido_seccion_lateral { text-align:center; }

#lateral #mapa_formativo .contenido_seccion_lateral p { margin-bottom:10px; font-size:0.7em; color:#52260b; text-align:left; }



#lateral #contacto { margin-top:10px; }

#lateral #contacto .contenido_seccion_lateral { font-size:0.7em; color:#52260b; }

#lateral #contacto .campo { margin-top:2px; }

#lateral #contacto .campo input { vertical-align:middle; }

#lateral #contacto .campo .caja_texto { width:190px; padding:2px; border:solid 1px #a47f52; font-size:1em; }

#lateral #contacto .campo .caja_textarea { width:190px; padding:2px; border:solid 1px #a47f52; font-size:1em; font-family:Arial, Helvetica, sans-serif; }

#lateral #contacto .campo input.btnSubmit { width:80px; height:16px; background:url(../img/boton01.gif) repeat-x; border:solid 1px #bc8d03; text-align:center; color:#52260b; cursor:pointer; font-size:1em; padding-bottom:2px; }

#lateral #contacto .campo label { font-size:0.85em; }



#lateral #newsletters { margin-top:20px; margin-bottom:30px; }

#lateral #newsletters .contenido_seccion_lateral { font-size:0.7em; color:#52260b; }

#lateral #newsletters .campo .caja_texto { width:150px; height:16px; padding:2px; border:solid 1px #a47f52; font-size:1em; color:#8c653d; }

#lateral #newsletters .campo input.btnSubmit { width:24px; height:18px; background:url(../img/boton02.gif) repeat-x; border:none; cursor:pointer; }

#lateral #newsletters .campo a { display:block; margin-top:8px; color:#52260b; }





/* Pie */

#pie { width:982px; border-top:solid 1px white; padding:8px; background:#906940; font-size:0.7em; }

#pie { color:white; }

#pie a { color:white; text-decoration:none; }

#pie a:hover { text-decoration:underline; }

#pie .enlaces { float:left; }

#pie .viafisio { float:right; }



#mensaje_contacto, #mensaje_newsletters {border:2px solid #116611; padding:2px;color:#116611;text-align:center; font-weight:bold}