/*****************************************************************
Principal
******************************************************************/
html {font-size: 62.5%;}
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.15em;
	padding: 10px 0 0;
	margin: 0;
	background-color: #4BBBD6;
}

input, textarea, select {font-size: 62.5%; font-size: 1.15em; font-family: Arial, Helvetica, sans-serif; color: #333;}

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

h1, h2, h3, h4, h5, h6 {padding: 0; margin: 0;}

p {padding: 0 0 5px 0; margin: 0;}

a:link {color: #709503; text-decoration: none;}
a:visited {color: #709503; text-decoration: none;}
a:hover {color: #709503; text-decoration: underline;}

a img {border: none;}

ul { padding: 0; margin: 0; list-style: none;}
ul li {	padding: 5px 0 10px 18px; background: url(imgcomunes/bolillo.gif) 7px 11px no-repeat;}
ul li ul li {	padding: 5px 0 10px 18px; background: url(imgcomunes/bolillo2.gif) 7px 11px no-repeat;}
ol li {	padding: 0px 0px 5px 0px; }

img.foto_de { float: right; margin-left: 10px;}
img.foto_iz { float: left; margin-right: 10px;}

.finalizador { clear: both; height: 1px;}
td {vertical-align: top;}

p.subir {text-align: right; padding-right: 12px; background: url(imgcomunes/subir.gif) top right no-repeat;}
p.subir a:link, p.subir a:visited {color: #438306;}

input.btn1 {
	background-color: #333;
	font-weight: bold;
	color: #fff;
	border: none;
	padding: 2px;
	margin: 2px 1px 1px 1px;
	font-size: 11px;
	vertical-align: middle;
}

/*****************************************************************
Home
*****************************************************************/
#centrado_vertical{
	position: absolute;
	left: 50%;
	top: 50%;
	width: 900px;
	height: 550px;
	margin-left: -450px; /*- width/2*/
	margin-top: -275px;  /*- height /2*/
}

table.tabla_home {
	margin: 0 auto;
	background-color: #fff;
	border: 14px solid #fff;
	width: 876px;
}

table.tabla_interior {
	margin: 0 auto;
	background-color: #fff;
	border: 14px solid #fff;
	width: 906px;
}


td.menu_principal {
	vertical-align: top;
	width: 184px;
	padding-bottom: 15px;
}
td#menu_principal_home {
background: url(imgcomunes/fd_menu.gif) 0px 0px repeat;

}

td.menu_principal a:link, td.menu_principal a:visited {color: #fff;}
td.menu_principal ul, td.menu_principal ul li, td.menu_principal ul li ul, td.menu_principal ul li ul li {
	padding: 0;
	margin: 0;
	color: #fff;
	text-align: right;
}

td.menu_principal ul li ul li {background: none; padding-right: 10px;}
td.menu_principal ul li ul { margin-bottom: 3px; margin-top: 6px;}
ul.ocultarmenu {border-right: 1px solid #F0C8D7; padding-right: 10px; width: 170px;}

p#intro {background: url(imgcomunes/fd_menu_principal2.gif) 0px 0px repeat-x;}
td.menu_principal p {
	background: url(imgcomunes/fd_menu_principal.gif) 0px 0px repeat-x;
	font-weight: bold;
	color: #fff;
	text-align: right;
	padding: 6px 12px;
	margin: 0;
}
td.menu_principal ul li {font-weight: normal; padding: 2px 12px 2px 0px;}
li.quienes img {vertical-align: middle; padding: 0 4px;}

td.menu_auxiliar { vertical-align: bottom; text-align: right; padding-right: 10px; padding-bottom: 4px; color: #00364A; width: 453px;}
td.menu_auxiliar a:link, td.menu_auxiliar a:visited {color: #00364A; }
td.idioma {vertical-align: bottom; text-align: right; padding-bottom: 4px; color: #00364A;}
td.idioma img {padding-bottom: 12px;}
td.idioma a:link, td.idioma a:visited {color: #00364A;}

td.centro_home {
	border-right: 11px solid #fff;
	border-left: 11px solid #fff;
	background-color: #E9EBDB;
	vertical-align: top;
}

td.centro_home p {padding: 5px 20px 10px 20px;}
td.centro_home h2 {padding: 0; margin: 0; color: #1AA5FC; font-size: 1.5em; padding: 3px 20px 0px 20px;}

td.catalogo_home {
	border-bottom: 11px solid #fff;
	vertical-align: top;
	background: #99CC00 url(imghome/foto1.jpg) bottom right no-repeat;
	padding: 20px;
	color: #fff;
}

td.catalogo_home p {padding-top: 0px; margin-top: 0;}
td.catalogo_home a:link, td.catalogo_home a:visited {color: #fff;}
td.catalogo_home a:hover {text-decoration: none;}

td.preguntas_home { background-color: #0ABCEA; vertical-align: top;}
p.pie {color: #fff; text-align: center; padding-top: 4px;}
.pie a:link, .pie a:visited, .pie a:hover{color: #D8F460; text-decoration: underline;}

/*****************************************************************/
/*****************************************************************/
td.contenedor {vertical-align: top; width: 693px;}
p.navegacion {}
.mensaje img { float: left;}
.mensaje { background: #99CC00 url(imgcomunes/marca_agua.jpg) bottom right no-repeat; height: 198px;}
.mensaje h2 {color: #fff; padding: 20px; padding-left: 480px; font-size: 1.6em; font-weight: normal;}

.contenido { padding: 15px 26px 26px 26px;}
.contenido h1 {color: #2896F7; font-size: 1.5em; padding-bottom: 10px; padding-top: 5px;}
.contenido h2 {color: #DB3575; font-size: 1.3em; padding-bottom: 10px; padding-top: 5px;}
.contenido h3 {color: #2896F7; font-size: 1.7em; padding-bottom: 10px;}

table.mapaweb a:link, table.mapaweb a:visited {color: #333;}

/*****************************************************************/
/*****************************************************************/
/*****************************************************************/
/*****************************************************************/
.tablacabecera {
	color: #FFFFFF;
	background-color: #1C88AC;
	padding: 8px;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
}
.tabladatos {
	background-color: #E2F4FA;
	text-align: center;
	padding: 8px;
	color: #2F3335;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #658794;
}
.tabladatosblanco {
	text-align: center;
	padding: 8px;
	color: #2F3335;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #658794;
}
.buscador {
	border: 1px solid #668894;
	padding: 10px;
	background-color: #F2F8FA;
}
.buscador label {font-weight: bold;}


/**************************************************************
Paginador
**************************************************************/

.paginador_datos {float: left; width: 250px;}
.paginador { margin-left: 210px; text-align: right;}
.paginador a {padding: 0px 4px; color: #007D33; text-decoration: none;}
.paginador a:hover {background-color: #007D33; text-decoration: none; color: #fff;}
.paginador_finalizador { clear: both; height: 1px;}
a.paginador_activado, a:visited.paginador_activado {background-color: #007D33; text-decoration: none; color: #fff;}

/***************************************************************/
.fotosborde {
	border: 3px solid #DDE4E5;
	margin: 10px 40px 10px 0px
 }
 .fotosfichas {
	border: 3px solid #DDE4E5;
	margin: 5px 15px 0px 0px;
	float:left;
 }

/**************************************************************
Lista de Donantes de Semen (/bsi/servicio/catalogo.htm)
**************************************************************/
.listaDonantes {
	border: solid 1px black;
	border-right: 0;
}
.listaDonantes th {
	background: #ddd;
	border-left: solid 1px black;
	border-top: solid 2px black;
	writing-mode:tb-rl;
	filter: flipH() flipV();
}
.listaDonantes td {
	border-right: solid 1px black;
}
.listaDonantes td.c { text-align: center; }
.listaDonantes td.r { text-align: right; }
.listaDonantes tr.par { background: #efefef; }


.principal { background: url(imgcomunes/fd_menu.gif) 0px 0px repeat; padding-bottom: 10px; margin-bottom: 15px;}


.firma {
	float: left;
	color: #C9EBF3;
	padding: 2px 0 0 13px;
}

p.home {
	text-align: left;
	padding-left: 210px;
	padding-top: 10px;
}

.firma a:link, .firma a:visited {color: #C9EBF3;}
.firma a:hover {color: #F1FCFF; text-decoration: none;}