body {
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
}

h1, h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
}

a {
	outline: none;
}

a img {
	border: none;
}

acronym {
	border: none;
}

acronym:hover, abbs:hover {
    cursor: help;
}

#contedor {
	width: 752px;
	margin: 50px 0 0 50px;
}

#cabecera #clogo {
	width: 680px;
	height: 66px;
	margin-bottom: 10px;
	padding: 20px 0 0 20px;
	background-color: #00305C;
}

#cabecera img {
	display: block;  /* para que IE no ponga espacios */
}

#cabecera #clogo img {
	display: inline;
}

#cabecera #oferta {
	position: absolute;
	margin: -96px 0 0 631px;
}

#menui {
	float: right;
	padding: 4px 13px 0 0;
	font-size: 0.9em;
	color: #FFF;
}

#menui a {
   text-decoration: none;
	font-weight: normal;
	color: #FFF;
}

#menui a:hover {
	color: #00305C;
}

#menu {
	width: 700px;
	height: 26px;
	background-color: #7097BE;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	clear: both;
	border-top: 1px solid #FFF;
}

#menu ul {
   margin: 0;
   padding: 0;
   list-style-type: none;
   white-space: nowrap;
	color: #FFF;
}

#menu ul li {
	float: left;
	height: 18px;
	padding: 4px 0;
	border-right: 1px solid #FFF;
}

#menu ul a, #menu ul a:link {
	padding: 4px 13px;
   text-decoration: none;
	font-weight: normal;
	color: #FFF;
}

#menu ul li.active {
	height: 18px;
	padding: 4px 13px;
	background-color: #00305C;
}

#menu ul a:hover {
	background-color: #A4B3CA;
}

#banner {
	float: right;
	width: 170px;
	margin: 50px 0px 0 0;
	padding: 0 52px 0 32px;
	vertical-align: top;
}

#banner h1 {
	margin-bottom: 8px;
	padding-bottom: 8px;
	font-size: 1.1em;
	color: #FF4500;
	border-bottom: 1px #333 dashed;
}

#banner p {
	margin-top: 0;
	font-size: 0.75em;
	line-height: 1.6em;
}

#banner a {
	text-decoration: none;
	font-weight: bold;
	color: #3B709E;
}

#banner a:hover {
	color: #FF8C00;
}

#banner img {
	margin: 5px 0;
}

#coltodo {
	width: 700px;
}

#colu1 {
	width: 490px;
}

#contido {
	width: 100%;
	margin: 40px 0;
	padding: 0;
}

#contido h1 {
	font-size: 1.3em;
	color: #00305C;
}

#contido h2 {
	font-size: 1.1em;
	color: #5784B3;
}

#contido h2 span.ollo {
	color: #900;
}

#contido p {
	font-size: 0.75em;
	line-height: 1.8em;
}

#contido ul.lista li {
	list-style: url(img/vineta.gif);
	margin: 8px 0 0 -8px;
	padding-left: 3px;
	font-size: 0.8em;
	line-height: 22px;
}

#contido ol.lista li {
	margin: 10px 0 0 -10px;
	font-size: 0.8em;
	line-height: 22px;
}

#contido a {
	text-decoration: none;
	font-weight: bold;
	color: #3B709E;
}

#contido a:hover {
	color: #FF8C00;
}

.fotosh {
	padding: 12px 0 0;
}

.fotosh img {
	margin: 0 3px 4px 0;
}

.fotosh img.nomar {
	margin-right: 0;
}

.fotosh2 {
	margin: 12px 0;
}

.fotosh2 img {
	margin: 0 13px 13px 0;
}

.fotosh2 img.nomar {
	margin-right: 0;
}

p.coord {
	margin: 10px 0 40px;
	padding-top: 8px;
	font-weight: bold;
	text-transform: uppercase;
	color: #FF6633;
	border-top: 1px dashed #333;
}

.hrdoble {
	width: 100%;
	height: 10px;
	margin: 15px 0;
	background-image: url(img/doble.gif);
	background-repeat: repeat-x;
}

#pie {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #666;
}

#pie p {
	margin: 4px;
}

#pie .fidir p {
	line-height: 1.2em;
}

.mapag {
	width: 692px;
	height: 447px;
	margin: 0px;
	padding: 2px;
	font-size: 0.8em;
	background-color: #FFF;
	border: 1px solid #CCC;
}

#map {
	width: 692px;
	height: 447px;
}

table.piefoto {
	width: 100%;
	font-size: 0.8em;
	color: #3A6B97;
}

table.piefoto td {
	width: 50%;
	padding: 5px 3px 20px;
}

p.piefoto {
	margin-bottom: 30px;
	color: #3A6B97;
}

.meteo {
	margin: 30px 0;
}

.fotosder {
	float: right;
	width: 286px;
	margin: 40px 0 0 30px;;
	vertical-align: top;
}

.fotosder img {
	margin-top: 10px;
}

p.cita {
	margin: 10px 0;
	color: #708090;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 0.7em;
}

p.cita em {
	font-style: italic;
	font-weight: bold;
}

form.formc {
	width: 592px;
	margin: 20px 0;
	padding: 20px 50px 10px;
	border: 1px solid #AAA;
	background-color: #F3F3F3;
}

form.formc p{
	padding: 0px 0px;
	font-size: 0.8em;
}

form.formc input, form.formc textarea {
	padding: 2px;
	width: 585px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #036;
}

#contido .lopd {
	margin: 30px 0 20px;
	font-size: 0.9em;
	color: #666;
}

#contido p.botonera {
	margin: 10px 0;
	text-align: right;
}

#contido a.boton {
	padding: 4px 12px;
	margin-left: 6px;
	text-decoration: none;
	color: #FFF;
	font-weight: bold;
	background-color: #4F7DAC;
	letter-spacing: 0.1em;
	border: 1px solid #FFF;
}

#contido a.boton:hover {
	background-color: #A4B3CA;
}

img.izqsin {
	float: left;
	margin: 0 20px 10px 0;
}

.iconos img {
	margin-right: 9px;
}

#contido table.toferta {
	border: 1px solid #7097BE;
	font-size: 0.8em;
	border-collapse:collapse;
}

#contido table.toferta td {
	width: 200px;
	padding: 5px;
	text-align: right;
	border-top: 1px solid #7097BE;
}

#contido table.toferta th {
	padding: 5px;
	background-color: #7097BE;
	color: #fff;
	text-align: right;
}

#contido table.toferta td.coment {
	text-align:left;
}

#contido .video {
	margin: 40px auto;
	text-align: center;
}

#notalegal {
	float: right;
	font-size:0.8em;
}

img.der {
	float: right;
	margin-left: 20px;	
}


#meerkat {
	width: 100%;
	height: 110px;
	display: none;
	border-top: 5px solid #BB0000;
	background-image:url(img/fon_ban3.png);
	background-repeat:repeat-x;
	background-position:top;
}

#meerkat-content {
	width: 960px;
	margin: 0 60px;
	padding-top: 5px;
	color: #FFF;
}

#meerkat-content h1{
	color: #000;
	font-size: 1.3em;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}

#meerkat-content p {
	color: #FFF;
	font-size: 1em;
}

#meerkat a {
	text-decoration: none;
	color:#FFF;
	text-decoration:underline;
}

#meerkat a:hover {
	color:#FFCD82;
}

#meerkat a.close-meerkat {
	position: absolute;
	top: 8px;
	right: 5px;
	background: #FFF;
	text-decoration: none;
	padding: 0px 4px 1px 5px;
	font-weight: bold;
	font-size: 1.2em;
	border: 2px solid #BB0000;
	color: #BB0000;
}

#meerkat a.close-meerkat:hover {
	border: 2px solid #F00;
	color: #F00;
}

.logos {
	margin: 20px 0;
}

.logos img {
	margin-right: 25px;	
}

.expo {
	margin: 20px 0;
}

.expo img {
	margin: 10px;
}


/*------------------POPUPS------------------------*/
#fade {
	display: none;
	background: #000; 
	position: fixed; left: 0; top: 0; 
	z-index: 10;
	width: 100%; height: 100%;
	opacity: .50;
	z-index: 9999;
}
.popup_block{
	display: none;
	background: #FFF;
	padding: 20px; 	
	border: 20px solid #069;
	float: left;
	font-size: 1em;
	position: fixed;
	top: 50%; left: 50%;
	z-index: 99999;
	-webkit-box-shadow: 0px 0px 20px #000;
	-moz-box-shadow: 0px 0px 20px #000;
	box-shadow: 0px 0px 20px #000;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.popup_block h2 {
	color: #003E6A;
	font-weight: bold;
}

.popup_block p {
	color: #005493;
	line-height: 1.5em;
	font-weight: bold;
}

.popup_block img {
	float: left;
	margin-right: 20px;
}

.popup_block a {
	text-decoration: none;
	color: #F90;
}

.popup_block a:hover {
	color: #F60;
}

img.btn_close {
	float: right; 
	margin: -55px -55px 0 0;
}
.popup p {
	padding: 5px 10px;
	margin: 5px 0;
}

/*--Making IE6 Understand Fixed Positioning--*/
*html #fade {
	position: absolute;
}
*html .popup_block {
	position: absolute;
}

/* TABS ----------------------------------------------------- */

#pestanas {
	margin-top: 30px;
	padding: 0;
}

ul.tabs {  
    margin: 0;  
    padding: 0;  
    list-style: none;  
    height: 36px;  
    border-bottom: 1px solid #CCC;  
    border-left: 1px solid #CCC;  
    width: 100%;  
}  
ul.tabs li {  
    float: left;  
    margin: 0;  
    padding: 0;  
    height: 35px;  
    line-height: 35px;  
    border: 1px solid #CCC;  
    border-left: none;  
    margin-bottom: -1px;  
    overflow: hidden;  
    position: relative;  
}

ul.tabs li a {  
	letter-spacing: 0.2em;
    display: block;  
    font-size: 1em;
	font-weight: bold;
    padding: 0 20px;  
    outline: none;  
}

html ul.tabs li.active, html ul.tabs li.active a:hover, html ul.tabs li.active a  {  
    background: #fff;  
    border-bottom: 1px solid #fff;
	color: #F60;
}

.tab_container {
	margin: 0 0 30px;
    border: 1px solid #CCC;  
    border-top: none;  
    overflow: hidden;  
    clear: both;  
    float: left;
	width: 100%;  
    background: #fff;  
}  
.tab_content {  
    padding: 20px;  
    font-size: 1em;  
}

.tab_content p {
	margin: 10px 0;
}

.logos {
	text-align: center;	
}

.logos img {
	margin: 0 20px;
}
