/*******************************
	COSAS GENERALES
*******************************/
body {
	background: #fff url("../lib_img/logo_proyecto.jpg") no-repeat top left;
	background-position: 30px 30px;	
	}

img {
	margin: 0px;
	border: 0px;
	vertical-align: middle;
	}
input {
	border: 1px solid #999;
	height: 14px;
	font: normal 10px verdana;
	color: #4B7EB2;
	text-align: center;
	padding-left: 2px;
	padding-right: 2px;
	vertical-align: middle;
	}


/******************************************************
  1.-  OPCIONES COMUNES (imprimir , mapaweb, contacto)
******************************************************/
#ITAcomun {
	/* posicion */
	position:absolute;
	top:40px;
	left:208px;
	right: 10px;
	height: 28px;
	background: #fff url("../lib_img/titulo_proyecto.gif") no-repeat top left;
	background-position: 0px 0px;
	}
#ITAcomun div {
	width: 100%;
	}
html>body #ITAcomun {
	right: 30px;
	}
#ITAcomun ul {
	padding: 4px 0px 0px 5px; /*top right bottom left*/
	margin: 0px;
	list-style:none;
	float: right;
	text-align: center;
	}
#ITAcomun li {
	float: left;
	padding:0px 1px 0px 1px; /*top right bottom left*/
	font: normal 11px verdana;
	color: #999;
	}
#ITAcomun a {
	text-decoration: none;
	font: bold 9px verdana;
	color: #4B7EB2;
	}
#ITAcomun a:hover{
	text-decoration: underline;
	}


/***************************
	2.-	CAMBIO DE IDIOMA
***************************/
#ITAcomun2 {
	/*posicion*/
	position: absolute;
	top: 71px;
	left: 208px;
	right: 10px;
	height: 22px;

	/* aspecto */
	border: 1px solid #4B7EB2;
	background: #689BCD url("../lib_img/fondo_zonaIdiomas.jpg") no-repeat top right;
	font: normal 10px verdana;
	color: #fff;
	}
html>body #ITAcomun2 {
	right: 30px;
	}
#ITAcomun2 ul {
	width: 100%;
	padding: 3px 10px 0px 5px; /*top right bottom left*/
	margin:0;
	list-style:none;
	}
#ITAcomun2 li {
	float: left;
	padding: 0px 1px 0px 1px; /*top right bottom left*/
	}
#ITAcomun2 a {
	text-decoration: none;
	font: bold 9px verdana;
	color: #fff;
	}
#ITAcomun2 a:hover {
	text-decoration: underline;
	}


/*****************************
		3.- ZONA FECHA
*****************************/
#ITAcomun3 {
	/*posicion*/
	position: absolute;
	top: 92px;
	left: 208px;
	right: 10px;
	height: 16px;
	margin: 0px; 
	padding: 1px 10px 0px 10px; /*top right bottom left*/

	/* aspecto */
	border: 1px solid #4B7EB2;
	background-color: #ddd;
	font: normal 9px verdana;
	color: #555;
	text-align: right;
	}
html>body #ITAcomun3 {
	right: 30px;
	}
#ITAcomun3 div {
	width: 100%;
	}


/*****************************
	4.- ZONA NAVEGACION 1
*****************************/
#ITAcomun4 {
	/*posicion*/
	position: absolute;
	top: 132px;
	left: 179px;
	right: 162px;

	/* aspecto */
	border-left: 1px solid #999;
	background-color: #fff;
	font: normal 10px verdana;
	color: #555;
	}
html>body #ITAcomun4 {
	top: 133px;
	left: 181px;
	right: 183px;
	}
#ITAcomun4 ul{
	padding: 1px 0px 1px 4px; /*top right bottom left*/
	margin:0px;
	list-style:none;
	width: 100%;
	}
#ITAcomun4 li {
	float: left;
	padding: 2px 2px 2px 2px; /*top right bottom left*/
	font: normal 10px verdana;
	color: #555;
	}
#ITAcomun4 a {
	text-decoration: none;
	font: bold 9px verdana;
	color: #4B7EB2;
	}
#ITAcomun4 a:hover {
	text-decoration: underline;
	}
#ITAcomun4 a:active {
	color: #CA7529;
	}


/********************************
        5.-ZONA NAVEGACION 2
*********************************/
#ITAcomun5 {
	/* posicion */
	position: absolute;
	top: 150px;
	left: 179px;
	right: 161px;
	height: 62px;

	/*aspecto*/
	background: #fff url("../lib_img/fondo_navegacion2.jpg") no-repeat top right;
	background-color: #fff;
	border: 1px solid #999;
	}
html>body #ITAcomun5 {
	left: 181px;
	right: 183px;
	}
#ITAcomun5 div {
	text-align: left;
	margin: 0px;
	padding: 0px 0px 0px 10px; /*top right bottom left*/
	width: 100%;
	}


/*******************************
	6.- ITAcontenedorContenido
*******************************/
DIV.ITAcontenedorContenido {
	position:relative;
	margin-top:213px;
	margin-left: 20px;
	margin-right:171px;
	padding-left:148px;
	border-left:1px solid #999;
	border-bottom:1px solid #999;
	border-top:1px solid #999;
	background-color:#FEF0E2;
}
html>body DIV.ITAcontenedorContenido {
	margin-left: 22px;
	margin-right: 175px;
	padding-left: 150px;
	}


/*******************************
	6A.- CONTENIDO PRINCIPAL
*******************************/
#ITAcontenido {	
	/*position: absolute;*/
	padding: 10px 20px; /*top right bottom left*/

	/* aspecto */
	border-right: 1px solid #999;
	border-left: 1px solid #999;
	background: #fff url("../lib_img/tampon_SUP.jpg") no-repeat bottom right;
	color:#555;
	font: normal 11px verdana;
	text-align: justify;
	}
html>body #ITAcontenido {
	padding: 20px 20px; /*top right bottom left*/
	}
#ITAcontenido div {
	margin-bottom: 10px;	
	}
#ITAcontenido table {
	border: 1px solid #999;
	border-collapse:collapse;	/* esto simula el cellpadding=0 cellspacing=0 */
	margin-top: 20px;
	margin-bottom: 20px;
	background-color: #fff;
	font: normal 10px verdana;
	text-align: center;
	color: #555;
	}
#ITAcontenido table thead td {
	background-color: #FEF0E2;
	border-bottom: 1px solid #999;
	text-align: center;
	font-weight: bold;
	}
#ITAcontenido table tbody td {
	padding: 5px;
	}
#ITAcontenido table tbody .par {
	background-color: #F2F2F2;
	}
#ITAcontenido table tfoot {
	display: none;
	}
#ITAcontenido table tfoot td {
	border-top: 1px solid #999;
	}
#ITAcontenido p {
	margin: 15px;
	}
#ITAcontenido h1 {
	text-align: center;
	background: #F2F2F2 url("../lib_img/detalle_esquina.gif") no-repeat bottom right;
	color: #4B7EB2;
	font: bold 16px Arial;
	padding: 0px;
	margin: 10px 0px /*top right bottom left*/
	}
html>body #ITAcontenido h1 {
	margin: 0px 0px 20px 0px; /*top right bottom left*/
	width: auto;
	}
#ITAcontenido h2 {
	text-align: left;
	font: bold 13px Arial;
	margin-bottom: 5px;
	text-decoration: underline;
	}
#ITAcontenido h3 {
	text-align: left;
	font:bold 11px Arial;
	}
#ITAcontenido ul {
	vertical-align: middle;
	}
#ITAcontenido li { 
	margin-bottom:10px;
	list-style-image:url("../lib_img/flechita_naranja.gif");
	}
#ITAcontenido ul.mapaweb ul li {
	list-style-image: none;
	list-style-type: decimal;
	margin: 1px 0px; /*top right bottom left*/
	}
#ITAcontenido ul.mapaweb ul ul li {
	list-style-type: lower-alpha;
	margin: 1px 0px; /*top right bottom left*/
	}
#ITAcontenido img {
	float: left;
	margin: 0px 10px 5px 0px; /*top right bottom left*/
	width: 100px;
	}
#ITAcontenido img.logo {
	float: none;
	clear: left;
	width: auto;
	margin: 0px 2px;
	}
#ITAcontenido a {
	text-decoration: none;
	color: #4B7EB2;
	font-weight: bold
	}
#ITAcontenido a:hover {
	text-decoration: underline;
	}
#ITAcontenido a.descarga {
	font-size: 9px;
	}
#ITAcontenido p.logosSocios {
	border: 1px solid #4B7EB2;
	text-align: center;
	padding: 5px 2px;
	}

/*#ITAcontenido .registro DIV{
	display:inline;
	color:orange;
	font-style:italic;
}*/


/******************************
		7.- PIE DE PÁGINA
******************************/
#ITApiedepagina {	
	/* posicion */
	position: relative;
	margin-top:10px;
	margin-left: 22px;
	margin-right: 173px;
	height: 15px;

	/* aspecto */
	font: normal 10px verdana;
	color: #555;
	}
#ITApiedepagina div {
	display: none;
	}
#ITApiedepagina p {
	margin: 3px;
	text-align: center;
	}
#ITApiedepagina table {
	font: normal 9px verdana;
	color: #555;
	text-align: center;
	width: 100%;
	}
#ITApiedepagina ul {
	padding:0;
	margin:0;
	height: 100%;
	list-style:none;
	}
#ITApiedepagina li {
	float: left;
	padding: 0px 10px 0px 10px; /*top right bottom left*/
	}
#ITApiedepagina a {
	text-decoration: none;
	font-weight: bold;
	color: #4B7EB2;
	}
#ITApiedepagina a:hover {
	text-decoration: underline;
	}
#ITApiedepagina a.tipo2 {
	color: #666;
	}


/***********************************
   8.- MENU VERTICAL 1 (PRINCIPAL)
***********************************/
#ITAmenu {
	/* posicion */
	position:absolute;
	top:150px;
	left:30px;
	width:150px;
	padding-bottom:40px;
	
	/* aspecto */
	background-color: #FEF0E2;
	color: #fff;
	font: bold 9px verdana;
	border-top: 1px solid #999;
	border-left: 1px solid #999;
	border-right: 1px solid #999;
	}
#ITAmenu ul {
	background-color: #CA7529;
	padding:0;
	margin:0;
	list-style:none;
	}
#ITAmenu a {
	font: bold 10px verdana;
	padding-left: 5px;
	background-color:#FEF0E2;
	color: #555;
	text-decoration: none;
	display:block;
	border-top: 1px solid #FEF0E2;
	border-bottom: 1px solid #FEF0E2;
	width:100%; /* ojo, ponerlo para IE */
	}
html>body #ITAmenu a {
	width: auto;
	}
#ITAmenu a:hover {
	background-color: #fff;
	color: #4B7EB2;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	}
#ITAmenu a:active {
	background-color: #fff;
	color: #4B7EB2;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	}
#ITAmenu ul ul ul a {
	padding-left: 15px;
	}
html>body #ITAmenu ul ul ul a {
	width: auto;
	}

#ITAmenu ul li {
	background-color: #CA7529;
	padding-left: 3px;
}
#ITAmenu ul ul li{
	padding: 0px;
	margin-left: -3px;
}
html>body #ITAmenu ul ul li{
	margin-left: 0px;
}

/**********************************
	9.- ITAcontenedorZonaDerecha
**********************************/

DIV.ITAcontenedorZonaDerecha {
	position:absolute;
	top: 120px;
	right: 30px;
}

/**********************************
		9a.- ZONA CALENDARIO
**********************************/
#ITAcomun6 {
	/* posicion */
	display: none;
	width: 141px;
	margin-bottom:15px;
	
	/* aspecto */
	background-color: #fff;
	color: #555;
	font: bold 10px verdana;
	border: 1px solid #999;
	}
#ITAcomun6 table {
	font: bold 10px verdana;
	color: #555;
	text-align: center;
	width: 100%;
	border-collapse:collapse;
	margin-bottom: 5px;
	}
#ITAcomun6 table #mes {
	background-color: #4B7EB2;
	color: #fff;
	 }
#ITAcomun6 table #letraDia {
	border-bottom: 1px solid #999;
	color: #4B7EB2;
	}
#ITAcomun6 table #otroMes {
	color: #ccc;
	}
#ITAcomun6 table a {
	color: #CA7529;
	}

/***********************************
	9b.- MENU VERTICAL SECUNDARIO
***********************************/
#ITAmenu2 {
	/* posicion */
	width: 141px;
	margin-bottom:15px;
	
	/* aspecto */
	background-color: #fff;
	color: #fff;
	font: bold 9px verdana;
	border-top: 1px solid #999;
	border-left: 1px solid #999;
	border-right: 1px solid #999;
	}
#ITAmenu2 ul {
	background-color: #CA7529;
	padding: 0px;
	margin: 0px;
	list-style: none;
	text-align: center;
	}
#ITAmenu2 li {
	text-align: left;
	}
#ITAmenu2 a{
	font: bold 10px verdana;
	padding-left: 5px;
	background-color: #F2F2F2;
	color: #555;
	text-decoration: none;
	display: block;
	border-bottom: 1px solid #999;
	width: 100%; /* ojo, ponerlo para IE */
	}
html>body #ITAmenu2 a {
	width: auto;
	}
#ITAmenu2 a:hover {
	background-color: #fff;
	color: #4B7EB2;
	border-bottom: 1px solid #999;
	}
#ITAmenu2 a:active {
	background-color: #fff;
	color: #4B7EB2;
	border-bottom: 1px solid #999;
	}
#ITAmenu2 ul ul ul a {
	padding-left: 15px;
	}
html>body #ITAmenu2 ul ul ul a {
	width: auto;
	}

#ITAmenu2 ul li {
	background-color: #CA7529;
	padding-left: 3px;
}
#ITAmenu2 ul ul li{
	padding: 0px;
	margin-left: -3px;
}
html>body #ITAmenu2 ul ul li{
	margin-left: 0px;
}


/**********************************
		9c.- LOGOS SOCIOS
**********************************/
#ITAsocioslogos {
	/* posicion */
	width: 141px;
	margin-bottom:15px;
	
	/* aspecto */
	border: 1px solid #999;
	background-color: #fff;
	}
#ITAsocioslogos .divCabecera {
	background-color: #CA7529;
	font: bold 9px verdana;
	color: #fff;
	text-align: center;
	padding: 0px /*top right bottom left*/;
	}
#ITAsocioslogos ul {
	padding: 0px;
	margin: 0px;
	text-align: center;
	}
#ITAsocioslogos li {
	list-style: none;
	padding: 3px 0px 3px 0px; /*top right bottom left*/
	}
#ITAsocioslogos li p {
	font: normal 9px verdana;
	color: #555;
	margin: 0px;
	padding: 2px; /*top right bottom left*/
	}
#ITAsocioslogos a {
	color: #4B7EB2;
	font-weight: bold;
	}
#ITAsocioslogos a:hover {
	text-decoration: underline;
	}


/*******************************
		OBJETOS A OCULTAR
*******************************/
 #ITAmenu3,
 #ITAtitulo{
	display: none;
	}