@media screen, print {

/*------------ ESTILOS GENÉRICOS ------------*/
body{background: #FFFFFF; margin: 0px 0px 0px 0px;}
body,td,th,thead,tbody,tfoot,div,span,p,h1,h2,h3,h4,h5,h6,ol,ul,li,dl,dt,blockquote,a,textarea,input,select{color:#343062;font:12px Verdana,Arial,Helvetica,sans-serif;}
b,strong,strong a{font-weight:bold;}
i,em{font-style:italic;}
img{border: 0px;}
/*------------ ENLACES ------------*/
a{color: #BD7200;text-decoration:none;}
a:hover{text-decoration: underline;}

#pagina{width: 100%;  background: url(../img/cuerpo-fondo.gif) repeat-y; text-align: left; }
/*------------ CABECERA ------------*/
#cabecera{
	height: 155px;
	position: relative;
	background: url(../img/fondo-cab.jpg);
	visibility: visible;

}
#cab-fondo{height: 155px; width: 60%;background: url(../img/cab1.jpg) no-repeat;vertical-align: top;}
#cab-fondo img{width: 440px; height: 1px}
#cab-fondo2{width: 40%;background: url(../img/cab2.jpg) no-repeat right; vertical-align: top;}
#cab-fondo2 img{width: 329px;height: 1px}
#logotipo{
	left: 65px;
	top: 10px;
	position: absolute;
	z-index: 3;
	width: 343px;
	height:113px;
	cursor: hand;
	visibility: visible;

}
#logotipo2{
	right: 0px;
	top: 98px;
	position: absolute;
	z-index: 3;
	width: 149px;
	height:59px;
	visibility: visible;

}
#contact{
	right: 150px;
	top: 98px;
	position: absolute;
	z-index: 3;
	width: 222px;
	height:56px;
	background: url(../img/contact-fondo.jpg) no-repeat;
	visibility: visible;
}
html>body #contact{right: 151px; }

#contact div{ padding: 15px 13px 13px 20px;}
#contact div a{ color:#343062 ;font-weight: bold;text-align: center; }
#menu-principal{
	top: 5px;
	right:2px;
	position: absolute;
	z-index: 4;
	width: 400px;
	text-align: right;
	visibility: visible;


}
#menu-principal td{ color: #CCCCCC;}
#menu-principal a{color: #FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size: 12px; font-weight:bold}
#menu-principal a.activo{ font-weight:bold; color: #FFFF66;}
/*------------ CUERPO ------------*/
#cuerpo{
	position: relative;
	z-index: 1;
	visibility: visible;

}
/*------------ MENÚ ------------*/
#menu{ width: 162px;padding: 0px 0px 10px 0px;}
#menu-el0{ background: #FACA56; height: 19px;  border-bottom: 1px solid #B79134;  }
#menu-el1{ background: #DDB142 url(../img/menu-f.jpg) repeat-x;padding: 11px;border-bottom: 1px solid #B79134;}
#menu-el1 div{ background: url(../img/icon-menu.gif) no-repeat; padding-left: 18px;}
#menu-el1 a{font: bold 12px Arial, Helvetica, sans-serif;  color: #232778; }
#menu-subel1 {padding: 0px 0px 0px 20px;}
#menu-subel1 a{ background: url(../img/menu-flec.gif) no-repeat 0px 1px;padding: 0px 0px 0px 19px; font: 12px Arial, Helvetica, sans-serif;  color: #000000;  }



/*------------ CONTENIDO ------------*/
#contenido{padding: 10px 10px 10px 10px;}
/*html>body #contenido:after{content: ""; display: block; height: 0; clear: both;}*/

#cont{margin: 10px 0px 0px 0px;}
h1{ padding: 10px 0px 5px 0px;  background:  url(../img/tit.gif) repeat-x 10px 12px;   }
h1 span{font: bolder 17px Arial, Helvetica, sans-serif; color: #242462; background: #FFFFFF;padding: 10px 5px 5px 0px;}
	
h2{margin: 0px 0px 10px 0px;font: bolder 17px Arial, Helvetica, sans-serif; color: #343062;}
h3{margin: 0px 0px 5px 0px;color: #343062;font-size: 13px;font-weight: bolder;}
h4{margin: 0px 0px 5px 0px;color: #343062;font-size: 12px;font-weight: bolder;}
h5{margin: 0px 0px 5px 0px;color: #343062;font-size: 11px;font-weight: bolder; font-style: italic;}

h1 img{vertical-align: baseline;}
#contenido ul{list-style-image: url(../img/list1.gif);margin-top:0px;}
#contenido ul li{margin-top: 8px;  list-style: none;  background: url(../img/trian.gif) no-repeat 0px 0px; padding-left: 15px; margin-left: -15px}

/*------------ PIE ------------*/
#cuerpocierre{clear: both; position: relative; z-index: 100; width: 780px}
#cuerpocierre div{background: url(../img/menu-degr.jpg) no-repeat top left;height: 60px; width:780px; z-index: 5; top: -60px; position: absolute;}
#pie{ width: 100%; text-align: right;  background: #FFFFFF;       }
#pie1{background: #FDEFCE;}
#piedatos{padding: 6px;margin: 0px 10px 0px 10px; text-align: center;border: 1px solid #DBDDE4; color: #959393;}
#pie2{background: #FDEFCE url(../img/pie-d.gif) repeat-y;}
#pie span{ padding: 0px 4px 0px 4px;font-size: 9px;color: #666666;}
#pie a{color: #7C97C2;  font-size: 9px;}
/*------------ ACCESIBILIDAD ------------*/
caption{display:none}
fieldset{ border: 1px solid #6699FF;padding: 4px 0px 4px 4px;}
#contenido table.tabla{border-collapse: collapse;}
#contenido table.tabla th{ background-color: #B5CDE6; padding: 8px; border: 1px solid #6699FF; font-weight: bolder;}
#contenido table.tabla td{ background-color: #EEF4F9; padding: 8px; border: 1px solid #A4C2FF;}
#contenido table.tabla td table td{ background-color: none; padding: 3px; border: none}

#contenido table.tabla2{border-collapse: collapse;}
#contenido table.tabla2 td{ background-color: #EEF4F9; padding: 2px; border: 1px solid #A4C2FF; font-size: 11px;}
#contenido table.tabla2 td a{font-size: 11px;}
.clear {clear: left;}
input, legend{	margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}
.login{ margin-top: 10px;}
.login td{ font-size: 11px;}

.input1{ width: 60px;font-size: 11px;	}


.button{border: none;font-size: 11px;
	background: url(../images/menu-f.jpg);
	border-left: 1px solid #FBF3DA;
	border-top: 1px solid #FBF3DA;
	border-bottom: 1px solid #FBF3DA;
	border-right: 1px solid #FBF3DA;
	
}

.button:active{font-size: 11px;	
	border: none;
	background: url(../images/menu-f2.jpg);
	color: #FFFFFF;
	border-left: 1px solid #FAD785;
	border-top: 1px solid #FAD785;
	border-bottom: 1px solid #FAD785;
	border-right: 1px solid #FAD785;
}
/*------------ PÁGINAS ------------*/

}
