/* *** css by miss monorom www.intensivstation.ch *** */
/* css released under Creative Commons License -  http://creativecommons.org/licenses/by/2.0/deed.en  */

body {
	background-image:url(../images/fondopag.gif);
	font-size:10pt;
	font-family: Trebuchet ms, Verdana, Arial, SunSans-Regular, Sans-Serif;
	color:#564b47;
	padding:0px;
	margin:0px;
	height: auto;
}
a:link { color:#060; text-decoration:underline; }

a:visited { color:#060; text-decoration:underline; }

a { color:#000000; text-decoration:none; }

a:hover { color:#006; }

h1 {
font-size:20pt;
background-image: url('../images/menu.png');
font-weight: normal;
padding: 5px 10px;
margin:0px;
text-align:center;}


h2 {
font-size: 11pt;
color:#060;
text-transform:uppercase;
background-color: #ffffff;
border-bottom:1px solid #564b47;
padding:5px 15px;
text-align:left;
margin:0px }

h2 a:link { text-decoration:none; padding:10px; line-height:25px; }


h2 a:visited { text-decoration:none; padding:10px; line-height:25px; }


h2 a { text-decoration:none; padding:10px; line-height:25px; }


h3 {
	
	font-size:8pt;
	font-style:italic;
}

/* Lista horizontal */
.navi ul{  
	list-style:none;
	margin:0;
	padding:0;
}
.navi li {
	margin:2px;
	padding:2px;
	float:left; /*para eliminar el comportamiento de elemento de bloque(salto de linea)*/
}
/* Fin lista horizontal */

.lista ul {
	font-family:Trebuchet ms, Verdana, Arial, SunSans-Regular, Sans-Serif;
	font-size:10pt;
	text-align:left;
	border-left:10pt;
}
.lista li  {
	list-style-image:url(../images/arrow.gif);
	text-align:left;
	text-decoration:none;
	list-style-position:inside;
}


img.centrar {
display: block;
margin-left:auto;
margin-right:auto;
margin-bottom:2px;
margin-top:2px;
} 

img.download { 
vertical-align:middle;
}
 
img.derecha {
	float:right;
}

/* ----------container to center the layout-------------- */
#container {
background-color: #ffffff;
width: 800px;
margin-bottom: 10px;
margin-left: auto;
margin-right: auto;

}

/* ----------banner for logo-------------- */
#banner {
background-color: #ffffff;
text-align:center;
padding: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}
#banner img {padding:10px 0px;
	vertical-align:bottom;
} 

/* -----------------content--------------------- */
#content {
background-color: #ffffff;
padding-left: 10px;
padding-right:0px;
margin-left: 150px;
margin-right: 0px;
border-left:1px solid silver;
/*border-left-style:solid;
border-left-color:silver;
border-bottom:1px solid silver;
border-left-width:1px;*/
padding:2px;
}

/*-------------- gallería de fotos -------------------*/
#gallery {width:650px; height:400px; padding:10px; border:1px solid #333; background:#E3F4B7; position:relative; }
#gallery b.default {position:absolute; left:10px; top:10px; width:475px; height:500px; text-align:center;}
#gallery b.default img {display:block; margin:0 auto 10px auto; border:1px solid #eee; border-color:#555 #ddd #eee #333;}
#gallery b.default span {display:block; color:black; font-family:verdana, arial, sans-serif; font-weight:normal; font-size:11px; width:350px; margin:0 auto;}

#gallery ul {list-style:none; padding:0; margin:0; width:180px; position:relative; float:right;}
#gallery ul li {display:inline; width:52px; height:52px; float:left; margin:0 0 5px 5px;}
#gallery ul li a {display:block; width:50px; height:50px; text-decoration:none; border:1px solid #000; border-color:#eee #555 #333 #ddd;}
#gallery ul li a span {display:none;}
#gallery ul li a img {display:block; width:50px; height:50px; border:0;}
#gallery ul li a:hover {white-space:normal; border-color:#555 #ddd #eee #333; background:#777;}
#gallery ul li a:hover b {position:absolute; left:-475px; top:0; width:475px; height:500px; text-align:center; background:#E3F4B7; z-index:20;}
#gallery ul li a:hover span {display:block; color:black; font-family:verdana, arial, sans-serif; font-weight:normal; font-size:11px; width:350px; margin:0 auto;}
#gallery ul li a:hover img {margin:0 auto 10px auto; width:auto; height:auto; border:1px solid #eee; border-color:#555 #ddd #eee #333;}

#gallery ul li a:active, #gallery ul li a:focus {white-space:normal; border-color:#555 #ddd #eee #333; background:#777;}
#gallery ul li a:active b, #gallery ul li a:focus b {position:absolute; left:-475px; top:0; width:475px; height:500px; text-align:center; background:#E3F4B7; z-index:10;}
#gallery ul li a:active span, #gallery ul li a:focus span {display:block; color:#fff; font-family:verdana, arial, sans-serif; font-weight:normal; font-size:11px; width:350px; margin:0 auto;}
#gallery ul li a:active img, #gallery ul li a:focus img{margin:0 auto 10px auto; width:auto; height:auto; border:1px solid #eee; border-color:#555 #ddd #eee #333;}


div#content { 

min-height:290px; 
height:auto;
}

pre{
padding: 5px 5px;
margin:0px;
font-size: 10pt;
font-family: Trebuchet ms, Verdana, Arial, SunSans-Regular, Sans-Serif;

}

p{
font-family:Trebuchet ms, Verdana, Arial, SunSans-Regular, Sans-Serif;
font-size:10pt;
padding: 3px 3px;
margin:0px;
	
}
/* ----------caja verde----------------------------------*/
#cajaverde
{
	background-color:#E3F4B7;
	width:650px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto; 
	text-align:left;
	padding-bottom:40px;
	min-height:100px;
}
/* caja para lista horizontales con imágenes */
#cajalistahor
{
	width: 600px;
    height: 100px;
    margin:0px;
    padding:0px;
}


.text { padding:5px; text-align:justify;margin-right:10px; }
/* Texto a la izquierda e imagen a la derecha */
.text img { margin-right:10px; margin-bottom: 10px; float:left; vertical-align:middle; border-color: #aaa #ccc #ddd #bbb;
	border-style: solid; 
}

.textR { padding:5px; text-align:justify;margin-right:10px; min-height:200px; }
/* Texto a la derecha e imagen a la izquierda */
.textR img { margin-left:10px; margin-bottom:10px; float:right; vertical-align:middle; border-color: #aaa #ccc #ddd #bbb;
	border-style:solid;
}

.textint { padding:5px;margin-right:10px;text-decoration:blink; color:#060;}    /* Texto que parpadea */
	
.textresalt {color:#060;}


/* ----------cajas----------------------------*/
#caja150c
{
	width:150px;
	margin-top: 1px;
	margin-right: auto;
	margin-bottom: 1px;
	margin-left: auto; 
	text-align:center;
	padding-bottom:10px;
	font-family:Trebuchet ms, Verdana, Arial, SunSans-Regular, Sans-Serif;
	font-size:10pt;
}

#caja600c
{
	width:650px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto; 
	text-align:center;
	padding-bottom:20px;
	
	
}
#caja650x500c
{
	width:650px;
	min-height:600px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto; 
	text-align:center;
	padding-bottom:20px;
	min-height:500px; 
	height:auto;
	
}
#infocenter
{
	width:800px;
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: auto; 
	text-align:center;
	padding-bottom:25px;
	border-bottom:1px solid silver;


}
#inforight
{
	width:800px;
	text-align:right;
	margin-top: 3px;
	line-height:20px;
}
#infoleft
{
	width:800px;
	text-align:left;
	margin-top: 3px;
	line-height:20px;
}
#titulo
{
	background-image:url(../images/header.png);
	background-repeat:no-repeat;
	width:135px;
	line-height:25px;
	padding-left:10px;
	margin-bottom:5px;
	color:black;
	/*overflow:hidden;*/
	font-weight:bold;
	text-align:left;
	}
/* ----------listas-------------------------------------- */

/* ----------tablas ------------------------------------- */
#tablasencilla-a
{
	font-family: Trebuchet ms, Verdana, Arial, SunSans-Regular, Sans-Serif;
	font-size: 10pt;
	background: #fff;
	margin: 45px;
	width: 480px;
	border-collapse: collapse;
	text-align: left;
}
#tablasencilla-a th
{
	font-size: 10pt;
	font-weight: bold;
	color:black;
	padding: 5px 8px;
	border-bottom: 2px solid black;
	background-color:#e4e4e4;
}
#tablasencilla-a td
{
	color: black;
	
}
#tablasencilla-a tbody tr:hover td
{
	color: #009;
}
#newspaper-a
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 10px;
	width: auto;
	text-align: center;
	border-collapse: collapse;
	border: 1px solid #69c;
	padding: 20px;
}
.oce-first
{
	background: #d0dafd;
}

#newspaper-a tfoot
{
	border-collapse: collapse;
	border: 1px solid #69c;
}
#newspaper-a th
{
	padding: 12px 17px 12px 17px;
	font-weight: normal;
	font-size: 12px;
	color: #039;
	border-bottom: 1px dashed #69c;
}
#newspaper-a td
{
	padding: 7px 17px 7px 17px;
	color: #669;
}
#newspaper-a tbody tr:hover td
{
	color: #339;
	background: #d0dafd;
}


#newspaper-b
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 14px;
	margin: 45px;
	width: 480px;
	text-align: left;
	border-collapse: collapse;
	border: 1px solid #69c;
}
#newspaper-b th
{
	padding: 15px 10px 10px 10px;
	font-weight: normal;
	font-size: 16px;
	color: #039;
}
#newspaper-b tbody
{
	background: #e8edff;
}
#newspaper-b td
{
	padding: 10px;
	color: #669;
	border-top: 1px dashed #fff;
}
#newspaper-b tbody tr:hover td
{
	color: #339;
	background: #d0dafd;
}


#newspaper-c
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 45px;
	width: 480px;
	text-align: left;
	border-collapse: collapse;
	border: 1px solid #6cf;
}
#newspaper-c th
{
	padding: 20px;
	font-weight: normal;
	font-size: 13px;
	color: #039;
	text-transform: uppercase;
	border-right: 1px solid #0865c2;
	border-top: 1px solid #0865c2;
	border-left: 1px solid #0865c2;
	border-bottom: 1px solid #fff;
}
#newspaper-c td
{
	padding: 10px 20px;
	color: #669;
	border-right: 1px dashed #6cf;
}



/* --------------left navi------------- */
#left {
float: left;
width: 150px;
margin: 0px;
padding: 0px;

}

/* -----------Pie ---------------- */
#pie {
	
clear: both;
margin: 0px;
padding: 0px;
text-align:center
}