body {
	font: 0.7em "Trebuchet MS",Verdana, Arial, sans-serif;
	color: #333333;
}

img{
	vertical-align: middle;
}

p{
	margin: 10px 0px;
	text-indent: 20px;
	text-align: justify;
}

.h1Iz{
	font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
	text-transform: uppercase;
	font-size: 10px;
	text-align:left;
	color: #164C70;
	margin: 15px 0px;
	padding-right: 15px;
	border-bottom: 1px solid #DBE0E6;
	width: auto;
}


h1{
	font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
	text-transform: uppercase;
	font-size: 11px;
	text-align: right;
	color: #164C70;
	margin: 15px 0px;
	padding-right: 15px;
	border-bottom: 1px solid #DBE0E6;
	width: auto;
}



h1 a:visited{
	color: #164C70;
}

h2{
	font-family: Verdana, Arial, sans-serif;
	text-transform: uppercase;
	font-size: 12px;
	text-align: left;
	color: #777777;
	font-weight: bold;
	margin: 10px 0px;
	padding-left: 15px;
	/* border-bottom: 1px dotted #164C70; */
	width: auto;
}

h3{
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	color:#999999;
	font-weight: normal;
	margin: 6px 0px;
	padding-left: 5px;
	border: none;
	width: auto;
}
.Diagram{
	color:#164C70;
}

a {
	color: #0265c7;
	text-decoration: none;
}

a:visited {
	color: #6F3750;
}

a:hover {
	color: #164C70;
	text-decoration: none;
}


/*Color del div que hay debajo de la cabecera, es decir la linea que sale por debajo de la cabecera*/
#header {
	border-bottom-color:#9AACBA;
	margin-bottom: 10px;
}


/*Color del div de la cabecera, la imagen que se quiere mostrar, los bordes del div y tamaño del div para que se vea el de detras*/
#subheader {
	background:#164C70 url("/imagenes/cabeceras/cabecera06.gif") no-repeat;
	background-position:85%;
	height:15px;
	padding: 10px;
	border-bottom: solid #FFFFFF 1px;
}


.localizacion img {
	background-color:transparent;
	border:none;
}

.imagenD {
	display: block;
	float: right;
	margin: 5px 15px;
}

.imagenI {
	display: block;
	float: left;
	margin: 5px 15px;
}
#imagen {
margin-left: 10 px;


}


/* Estilos de las cajas del menu */
.menuCaja {
	background: #FFFFFF url(/otri/img/degra-inf.gif) repeat-x scroll 0% 100%;
	margin-top: 0px;
	margin-bottom: 10px;
	padding-bottom: 4px;
	border: 1px solid #164C70;
}

.menuCaja h2 {
	background: #164C70;
	font-size: 10px;
	text-align: left;
	color: #F0F2EF; 
	padding: 4px;
	padding-left: 8px;
	border: none;
	margin: 0px;
	width: auto;
}

.menuCaja li {
	list-style-type: none;
	padding: 2px;
	margin: 0px;
}

.menuCaja a {
	color:#164C70;
}

.menuCaja a:hover {
	background-color:#F0F2EF;
	color:#164C70;
}

.menuCaja a:visited {
	color:#164C70;
}

.menuCaja ul li a {
	font-size: 10px;
	font-weight: bold;
	color: #164C70;
	display: block;
	text-transform: uppercase;
	text-decoration: none;
	line-height: normal;
	padding: 2px;
	margin: 0px;
}

.menuCaja img {
	vertical-align: middle;
}

.centrado {
	text-align:center;
}

.edificio {
	background-color: #F0F2EF;
	border-bottom: 2px solid #164C70;
	margin: 4px;
	padding: 3px;
}

.grpOpc{
	background-color:#164C70;
	width: auto;
	color: #F0F2EF;
	padding:3px;
}


/* Estilo del contenido central */
#contenido{
	border:1px solid #9aabb9;
	overflow: hidden;
	/*margin:0px 170px;*/
	padding:20px;
	height:100%;
	background: #FFF url(/otri/img/bgdegra2.jpg) repeat-x 0px 0px;
	/*width: expression((documentElement.clientWidth <775) ? "200px");*/
	/*width: expression((documentElement.clientWidth <775) ? "370px" : "80%"); */
}

#contenidoDer{
	float:right;
	padding:0px 5px;
	text-align:left;
	width:160px;
}

#contenidoIzq{
	float:left;
	padding:0px 5px;
	text-align:left;
	text-decoration:none;
	width:160px;
	background-color:#FFFFFF;
}

/* Estilos de las cajas con titulares del contenido del Indice */
#destacados{
	width:auto;
	clear:both;
	overflow:hidden;
	margin: 15px 0px 10px 0px;
}

#agenda{
	float:right;
	width:49%;
	margin-top:60px;
}

#actualidad{
	float:left;
	width:49%;
	margin-top:60px;
}

#noticias{
	float:right;
	width:51%;
}

.cajaIndex{
	border: 1px solid #8783BF;
	padding: 10px 0px;
	margin-top: 15px;
}

/* Estilos del contenido de los Indicadores */
.cIndi {
	width: 555px;
	margin: 0px auto;
}

.indi {
	margin: 2px 18px;
	font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
	text-transform: uppercase;
	font-size: 10px;
	color: #7E7E7E;
	font-weight:bold;
}


/* Estilos para la tabla del menú en los contenidos */
.menuSel {
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	text-transform: uppercase;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	background-color: #FFFFFF;
	padding: 5px 10px;
}

.menuSel a:hover{
	text-decoration: none;
}

.menuSel a:visited {
	color: #164C70;
}

.menuDes a {
	font-family: "Trebuchet MS",Verdana, Arial, sans-serif;
	text-transform: uppercase;
	font-size: 10px;
	text-align: center;
	text-decoration: none;
	background-color: #DBE0E6;
	display: block;
	padding: 3px 6px;
}
 
.menuDes a:hover{
	background-color: #9AACBA;
	text-decoration: none;
	display: block;
}

.menuDes a:visited{
	color: #164C70;
}

.TMenu {
	background-color: #164C70;
	padding: 0px 4px;
}

.tablaMenu {
	margin-bottom: -2px;
}

.contenidoMenu {
	border-top: 0px;
	border-left: 1px solid #164C70;
	border-right: 1px solid #164C70;
	border-bottom: 1px solid #164C70;
	background-color: #FFFFFF;
	padding: 10px;
	margin: 0px;
	height: 100%;
	overflow: hidden;
}


/* Clase para listados */
.listado {
	margin: 10px 30px;
}

.listado li {
	list-style-image: url("/otri/img/iconos/cuadro-lista-hueco.gif");
	text-align: left;
	padding-bottom: 5px;
	text-align:justify;
	/*clear: both;*/
}

.listado li ul li{
	list-style-image: url("/otri/img/iconos/triangulo-lista.gif");
	padding-bottom: 2px;
}



/* Localizacion */
.localizacion {
	margin: 10px;
}
#gmaps {
	background: #FFFFFF;
	border: 1px solid #164C70;
	width: 80%;
	min-width: 380px;
	height: 450px;
	margin-top: 10px;
}

.formulario {
    font-style:italic;
 	border: 1px solid #164C70;
	background: #F0F2EF;
}


.colorOtri {
	border: 1px solid #164C70;
	background: #F0F2EF;
}

.formnegrita {
font-size:12px;
}



/* Estilos de las pestañas de los perfiles */

#cajaMenuPerfiles{
	overflow:hidden;
	margin: 0px 0px 0px 180px;
	width:440px;
	clear:both;
	
}
#cajaintro {
background-color: #3399FF;
font-size:10px;
margin-top: 5px;
padding: 6px;
border:medium;
}

#menuPerfiles {
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0;
	height: 29px;
	width: 440px;
}

#menuPerfiles li{
	display: inline;
	list-style-type: none;
}

#menuPerfiles a{

	font-family: Verdana, Arial, sans-serif;
	font-weight: bold;
	color: #9aabb9;

	text-transform: uppercase;
	text-decoration:none;
	text-align:center;	font-size: 9px;

	float: left;
	height: 19px; 
	width: 200px;

	margin-bottom: -3px;
	padding-top: 2px;

	background: #FFF url(/otri/img/tabs3.jpg) top left no-repeat;
}

#menuPerfiles a:hover{
	text-decoration:none;
	color:#FFF;
	background-position: 0 -19px;	
}

#menuPerfiles .active a{
	text-decoration:none;
	color:#FFF;
	background-position: 0 -38px;
}

.comentario{
	margin: 0px 30px;
	font-size:10px;
}

.sugerencias td {
	padding: 5px;
}

/** **** Estilos del apartado de enlaces **** */
/** Estilo de la caja con el menu a las distintas categorías de enlaces */
.menuEnlaces{
	margin: 0px 15px;
	/*border-bottom: 1px dotted #164C70;*/
	width: auto;
}

.menuEnlaces ul{
	margin-left: 30px;
	margin-bottom: 15px;
}

.menuEnlaces ul li{
	margin: 5px;
}

.menuEnlaces ul li a{
	vertical-align: top;
}

/*** ESTILOS PARA ACORDEON ***/


#acordeon {
	margin: 0px;
	
}

a.box:link, a.box:visited{
	font-family: Verdana, Arial, sans-serif;
	text-transform: uppercase;
	font-size: 10px;
	display: block;
	color:#164C70;
	text-decoration: none;
	margin-top: 5px;
	padding: 6px;
	
}

.box {
	color:#164C70;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:1.2em;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:normal;
	border:1px solid #ccc;
	padding: 4px;
	background: #DBE0E6 url(../img/iconos/flecha1.gif) no-repeat 99% 8px;
	display:block;
	margin-top: 5px;
	text-decoration:none;
	
}

.info {
	margin: 0px;
	background: #FFF;
	padding: 0px 15px;
}






/*** ESTILOS PARA ACORDEON ***/

/**

#acordeon {
	margin: 0px;
}

a.box:link {
	color: #164C70;
}

a.box:visited {
	color: #164C70;
}

a.box:hover {
	color: #164C70;
}

.box {
	font-family: Verdana, Arial, sans-serif;
	text-transform: uppercase;
	font-size: 10px;
	display: block;
	color: #164C70;
	text-decoration: none;
	margin-top: 5px;
	padding: 6px;
	background: #DBE0E6 url(../img/iconos/flecha1.gif) no-repeat 99% 8px;
}

.info {
	background: #FFF;
	margin: 0px 10px;
}
**/
/* Estilo de los cajetines Milkificados*/
.cajaMilk{
	overflow:hidden;
	background:#f7f8f7 url(/otri/img/cajaMilk/latIzq.jpg) repeat-y 0% 0%;
}

.cajaMilk h6{
	padding: 4px 20px;
	margin:0px 20px;
	background: #47608F url(/otri/img/degraAzul.gif) repeat-x 0% 0%;
	color:#FFFFFF;
}

.cajaMilk .latSup{
	background:transparent url(/otri/img/cajaMilk/latSup.jpg) repeat-x 0% 0%;
	height:22px;
	clear:both;
}

.cajaMilk .latInf{
	background:transparent url(/otri/img/cajaMilk/latInf.jpg) repeat-x 0% 0%;
	height:22px;
	clear:both;
}

.cajaMilk .latIzq{
	background:transparent url(/otri/img/cajaMilk/latIzq.jpg) repeat-y 0% 0%;
	float:left;
	width:22px;
	/*padding-bottom:3000px;
	margin-bottom:-3000px;*/
}

.cajaMilk .latDer{
	background:transparent url(/otri/img/cajaMilk/latDer.jpg) repeat-y 0% 0%;
	width:22px;
	float:right;
	padding-bottom:3000px;
	margin-bottom:-3000px;
}

.cajaMilk .contenido{
	width:100%;
	height:100%;
	background:transparent url(/otri/img/cajaMilk/latDer.jpg) repeat-y 100% 0%;
}

.indi {
	margin: 2px 18px;
	font-family: "Arial", Verdana, sans-serif bold;
	text-transform: uppercase;
	font-size: 9px;
	color: #7E7E7E;
	font-weight:bold;
}

/* Tamaño para el contenido de la web (sin cabecera ni lateral izquierdo ni pie)  */
/**
#contenido {
	margin: 10px 5px;
	overflow:hidden;
	padding: 15px;
	padding-bottom: 30px;
	background:#FFFFFF url(/otri/img/degra6.gif) repeat-x scroll 0% 100%;
	border: 1px solid #47608F;
	height: 100%;
}
**/
#contenido h2{
	margin:5px 10px;
	font-size:x-small;
	width: auto;
	border-bottom: 1px solid #C7C7C7;
}

#contenido sup{
	text-transform:lowercase;
}

/* Estilos para las paginas con listados de 2 columnas */
.contenido2colum {
	width: 100%;
	clear:both;
	overflow:hidden;
}

.contenido2colum p{
	margin: 5px 15px 15px 15px;
}

.contenido2colum ul li {
	padding: 4px;
}

.latIzq {
	float: left;
	width: 48%;
}

.latIzq ul{
	margin-right: 5px;
}

.latDer ul{
	margin-right: 5px;
}

.latDer {
	float: right;
	width: 48%;
}

.latIzq2 {
	float: left;
	width: 74%;
}

.latDer2 {
	float: right;
	width: 24%;
}
.destacado h2 {
	background-color:#006699;
	border:medium none;
	color:#FFFFFF;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:1em;
	font-weight:bold;
	margin:2px 2px 10px 4px;
	padding:2px;
	width:auto;
}

.destacado {
	background:#FFFFFF none repeat scroll 0 0;
	margin:31px 0 0;
	padding:1px 0 5px;
}

.listanum {
	margin-left:30px;
	padding-bottom: 5px;
	padding-top:5px;
}

.volver {
font-family: Verdana, Arial, sans-serif;
	text-transform: uppercase;
	font-size: 10px;
	text-align:right;
	color: #777777;
	font-weight: bold;
	padding-left: 15px;
	/* border-bottom: 1px dotted #164C70; */
	width: auto;
}

.tablaP table { width: 100%;}
.tablaP tr.cab td{
	
	background: #A2B5BF repeat-x;
	border: 1px solid #999999;
	font-weight:bold;
	color:#FFFFFF;
	font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
	text-align:center;
	font-size: 11px;


}
.tablaP tr.tit td{
	
	background: #164C70 repeat-x;
	border: 1px solid #999999;
	font-weight:bold;
	text-transform: uppercase;
	font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
	font-size: 11px;
	text-align:left;
	color:#FFFFFF;
}
.tablaP tr.cont td{
	font-variant:normal;
	border: 1px solid #e0e0e0;
	font-size: 12px;
	background: #F2F2F2 repeat-x;
	padding-left:5px;
}
.tablaP{
	font-variant:normal;
	border: 1px solid #e0e0e0;
}
/** Estilo para el pie de página */
#footer {
	
	font-size: 0.85em;
	clear: both;
	width:100%;

}
#footer ul { margin: 10px 0px; }
#footer ul li { 
	list-style-type: none; 
	display: inline;
}
#footer div{
	margin: 5px 0px;
}
#footer img { border: 1px solid #9AABB9; }

#footer div p{
	color: #164C70;
}


/** Estilo para los formularios de contacto */
.formulario input{
	border: 1px solid #47608F;
	background: #F0F2EF url("/prinum/imagenes/sombraIntAI.gif") no-repeat 1.5% 0.7%;
}
.formulario textarea{
	border: 1px solid #47608F;
	background: #F0F2EF url("/prinum/imagenes/sombraIntAI.gif") no-repeat 2% 1%;
	padding: 5px;
	width: 90% !important;
}
.formulario .boton{
	border: 1px solid #47608F;
	background: #F0F2EF url("/prinum/imagenes/degra6.gif") repeat-x 0% 100%;
}
.formulario td{
	padding-bottom:5px;
	vertical-align:top;
	text-align:left;
}

.formOtri {
	border: 1px solid #164C70;
	background: #DDDDDD;
}

.cajaGris {
	padding: 8px;
	border: 1px solid #47608F;
	background-color: #F0F2EF;
	margin-bottom: 4px;
	overflow:hidden;
}

#pagina {
	width:990px;
	border:none;
	margin:auto;
}

/* Coloca una flecha delante del enlace */
.enlace{
	padding: 2px 25px;
	line-height: 25px;
	background: transparent url("../img/irDer.jpg") no-repeat top left;
}
.enlacectt a:visited{
color:#164C70;
font-weight:bold;
font-size:12px;
}
.enlacectt{
color:#164C70;
font-weight:bold;
font-size:12px;

}