@charset "utf-8";
/* CSS Document */
body {
	background-color: #0072b1;
	margin: 0;
	padding-top: 15px;
	padding-bottom: 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}

a {font-size: 12px; color: #3A4C9B;}
a:link {text-decoration: none; color: #cc0000;}
a:visited {text-decoration: none; color: #cc0000;}
a:hover {text-decoration: underline; color: #FFFFCC;}
a:active {text-decoration: none; color: #0066CC;}

a img {border: none;}

.style1 {font-size: 16px;}
.style3 {color: #000000; font-weight: bold;}
.style4 {color: #FFFFFF;}
.style5 {font-size: medium; font-weight: bold; font-style: italic;}
.style8 {font-size: 12px;}
.style9, .style10, .style11 {color: #003399;}

h1 {font-size: 12px; font-weight: bold; margin: 10px 0 0;}
h2 {font-size: 12px; font-weight: bold; margin: 10px 0 0; color: #0072B1;}

li {list-style-image: url(../imagenes/bullet2.gif); list-style-position: outside; margin: 0;}

.texto-izq {
	height: 460px;
	padding: 0 20px;

	background-image: url(../imagenes/texto-izq.jpg);
	background-repeat: no-repeat;
	background-position: top center;
}
.texto-izq p {margin: 5px 0 15px;}
.texto-izq h1 {font-size: 14px; color: #FFCC00; text-align: center; margin: 0;}

img.float-der {float: right; margin: 18px 15px 0;}
div.info {border-bottom: dotted 2px #5566AA;}
div.info p {margin-top: 0;}
div.info li ul {margin: 10px 0 20px 0;}
div.info li li {color: #003399; margin-left: 15px;}
html>body div.info li li {margin-left: -15px;}
div.menu-inf {
	margin: 0 0 10px;
	padding: 5px 0px;
	height: 90px;
	background-color: #BECCE4;
}
div.menu-inf div {
	float: left;
	width: 46%;
	margin: 0 0 0 10px;
}
div.menu-inf ul {margin: 0; padding: 0;}
div.menu-inf li {margin: 0 10px;}
html>body div.menu-inf li {list-style-image: url(../imagenes/bullet1.gif);}

div.foto {width: 242px; height: 230px; background-color: #BECCE4; text-align: center; margin: 0 0 15px 3px; float: left;}
div.foto img {border: 1px solid #000000;}
div.foto p {margin: 8px 5px 5px; font-size: 11px;}

div.foto1 {width: 242px; height: 215px; background-color: #BECCE4; text-align: center; margin: 0 0 15px 3px; float: left;}
div.foto1 img {border: 1px solid #000000;}
div.foto1 p {margin: 8px 5px 5px; font-size: 11px;}

div.foto2 {width: 242px; height: 355px; background-color: #BECCE4; text-align: center; margin: 0 0 15px 3px; float: left;}
div.foto2 img {border: 1px solid #000000;}
div.foto2 p {margin: 8px 5px 5px; font-size: 11px;}

div.foto-izq {width: 265px; background-color: #BECCE4; margin-bottom: 5px; padding: 0 0 5px;}
div.foto-izq p {color: #003399; margin: 5px 5px 0; font-size: 11px;}

div.alternativa {margin: 0 0 10px 10px; float: left;}
div.alternativa img {border: 1px solid #000000;}
img.rango {border-bottom: dotted 2px #5566AA; margin: 5px 0 0; padding: 0 0 5px;}

table.componentes {margin: 5px 0 20px; padding: 0; background-color: #FFFFFF;}
table.componentes tr, table.componentes td, table.componentes th {margin: 0; padding: 0; line-height: 18px; text-align: left;}
html>body table.componentes tr, table.componentes td, table.componentes th {line-height: 0px; padding-top: 7px;}
table.componentes th {background-color: #003399; color: #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px;}