/*Estilo para os contidos*/

h1, h2, h3{ font-family: "Century Gothic"; }
h1.titular{width:100%;text-align:left; font-size:30px; color: #000099; font-weight:bold; border-bottom:1px solid #ccc; margin:10px 0;}
h2.titular, h3.titular{text-align:left; font-size:22px; color: #000099; font-weight:bold; margin-bottom:5px; margin-top:15px}
h3.titular{font-size:20px}
h2.centrado{text-align:center;  font-size:22px; color: #06f; margin:10px auto; clear:both;}
h2.cierreJustificado{font-size:22px; width:100%; text-align:justify; color:#c30; margin:1em 0}
h2.cierreCentrado{font-size:22px; width:100%; text-align:center; color:#c30; margin:1em 0}
h2.titularError{text-align:center; font-size:18px; color: #c00; font-weight:bold; margin-bottom:5px; margin-top:15px}
h2.exito{font-size:20px; text-align:left; color:#090; clear:both;}
.resaltado, .resaltado2{color:#0066FF;}
.resaltado2{ font-size:14px}





p, p.noMargenAbaixo, p.centrado{ font-size:14px; float:left; color:#000066; width:100%; text-align:justify; text-indent:1em; line-height:20px; margin-bottom:1em; border:0px solid;}
p.centrado{ text-align:center}
p.noMargenAbaixo{margin-bottom:0}

p.exito{color: #090; text-align:center; text-indent:0; }
p.error{color:#c00; text-align:center; text-indent:0;}

.resaltadoP{color:#06f; font-size:16px; font-weight:bold;}

img.left{border:1px solid #aaa;margin:0 10px 10px 0; float:left;}

img.right{border:1px solid #aaa;margin:0 0 10px 10px; float:right;}

img.centro{width:545px; margin:.5em 0 .5em 50px; border:1px solid #aaa;}

img.icono, img.iconoLeft, img.iconoRight{padding:3px; border:0px solid #f00}
img.iconoLeft{ float:left;}
img.iconoRight{ float:right}

ul.enumerar{float:left; border:0px solid #f00; font-size:14px; color:#009; width:99%; margin-bottom:1em;}
ul.enumerar li{list-style:disc; list-style-position:inside; border:0px solid; padding:0; margin:2px 0; width:100%; }

div.divTarifas{
	border:1px solid #aaa;
	float:left;
	width:200px;
	margin-left:80px; margin-bottom:1em;
	padding:1px;
}
div.divYoutube{
	width:480px;
	height:385px;
	margin:1em auto;
	clear:both;
}
div.divSwfRutas, div#divSwfRutas{
	width:480px;
	height:350px;
	margin:1em auto;
	clear:both;
	border:2px solid;
}
/*Estilo para amosar as tarifas de mantemento*/
h3.titularTarifa, h3.titularTarifa2{text-align:center; width:100%; background-color:#06f; color:#fff; font-size:20px;padding:3px 0; margin-bottom:5px;}
h3.titularTarifa2{background-color:#fc0}
p.tarifa{font-size:12px; line-height:14px;}

a.iconoMotor{display:block; float:left; height:100px; width:56px; border:0px solid; margin:0 0 10px 20px; background-image:url(../imaxes/motor_out.jpg); background-repeat:no-repeat}
a.iconoMotor:hover{ background-image:url(../imaxes/motor.jpg)}
a.iconoVela{display:block; float:left;  height:100px; width:72px; border:0px solid; margin:0 0 10px 20px; background-image: url(../imaxes/vela_out.jpg); background-repeat:no-repeat}
a.iconoVela:hover{ background-image:url(../imaxes/vela.jpg)}


/*Listado de telefonos en apartado contacto*/
.telefonos{ font-size:16px; font-weight:bold}
p.telefonos{margin-bottom:0;text-indent:3em; }
.resaltadoP{color:#06f; font-size:16px; font-weight:bold;}

/*Listado de barcos*/
div.barcoCaixa{border:0px solid #ccc; float:left; margin-left:10px; margin-bottom:2em}
img.barcoThumb{border:2px solid #aaa; margin-right:2px; float:left; width:150px; height:113px;}
p.barcoDescricion{float:left; width:455px; margin:0 0 1em 5px; border:0px solid; text-indent:0;}
p.barcoIconos{float:left; width:430px; margin:.2em 0 1em 2px; border:0px solid; text-align:right; }

div.separadorBarcos{clear:both;width:98%; margin:1em auto; border-top:1px solid #06f}


table.tablaTemporadas{ border-collapse: collapse; margin:1em auto; border:1px solid; width:90%;} 
table.tablaTemporadas caption{font-size:16px; color:#06c; margin:5px 0 0; text-align:center; border: none }
table.tablaTemporadas td{border:1px solid #ccc; padding:1px;  vertical-align:middle; cursor:default; padding:2px; font-size:inherit}
table.tablaTemporadas tr.encabezado{ background-color:#06f; color:#fff; font-size:16px}
table.tablaTemporadas tr.resultados1{ background-color:#eee; font-size:14px;}
table.tablaTemporadas tr.resultados2{ background-color:#e0e0e0; font-size:14px;}

table.tablaTemporadas td.encabezado{vertical-align:middle; padding-left:1em;}
table.tablaTemporadas td.temporada{padding-left:5px;}
table.tablaTemporadas td.fecha{text-align:right; padding-right:5px; width:130px}
table.tablaTemporadas td.precio{text-align:right;width:110px; padding-right:5px;}




/*Estilos para capa de google*/
#contenedorCapaGoogle{
	margin:.5em auto 1em;
	border:1px solid #aaa;
	width:500px; height:350px;
	clear:both;
}
#mapaGoogle{
	width:100%; height:100%;
}