/******************** Docuemento CSS / embarcando.com ********************/

* {
	margin: 0;
	padding: 0;
}

html, body, img {
	margin: 0;
	padding: 0;
	border: 0;
}

body {
	background: #1e82be url(imagenes/fondo.jpg) repeat-y scroll 50% 0;
	font: normal 12px/1.8em helvetica, arial, sans-serif;
	color: #404040;
	text-align: center;
}

a { color: #404040; }

a:link, a:visited { text-decoration: underline; }

a:hover, a:active { text-decoration: none; }

/******************** CONTENEDOR ********************/

#fondo {
	width: 980px;

	margin: auto;
}

#contenedor {
	width: 960px;
	padding: 0 10px;
	text-align: left;
	background: white url(imagenes/contenedor.gif) repeat-y center;	
}

/******************** CABECERA ********************/

#cabecera {
	width: 945px;
	height: 80px;
	padding: 10px 0 0 15px;
	background: url(imagenes/cabecera.jpg) no-repeat;
}

#cabecera a {
	display: block;
	width: 191px;
	height: 46px;
	margin-bottom: 5px;
}
#cabecera a span{ display: none; }

#cabecera p {
	font: normal 18px/1em helvetica, arial, sans-serif;
	color: white;
}

/******************** NAVEGACIÓN ********************/

ul#nav {
	width: 960px;
	height: 30px;
	margin: 5px 0;
	list-style: none;
	background-color: #404040;
}

ul#nav li {
	position: relative;
	float: left;
	height: 30px;
}

ul#nav li a {
	display: block;
	width: 140px;
	padding: 0 15px;
	font: normal 12px/30px helvetica, arial, sans-serif;
	background-color: #404040;
	color: white;
}

ul#nav li a#nav_link1 { width: 60px; }
ul#nav li a#nav_link2 { width: 140px; }
ul#nav li a#nav_link3 { width: 40px; }

ul#nav li a#nav_link5 {
	float: right;
	text-align: right;
}

ul#nav li a:hover {
	background-color: #f2f2f2;
	color: #666;
}

body#portada_activa ul#nav li a#nav_link1:link,
body#portada_activa ul#nav li a#nav_link1:visited,
body#portada_activa ul#nav li a#nav_link1:hover,
body#portada_activa ul#nav li a#nav_link1:active {
	background-color: #ccc;
	color: #404040;
}

/* Fix IE. Hide from IE Mac \*/
* html ul#nav li { float:left; height: 1%;  }
* html ul#nav li a { height: 1%; }
/* End */

ul#nav li ul {
	position: absolute;
	top: 30px;
	left: 0;
	list-style: none;
	background: none;
}

li:hover ul, li.over ul { 
	display: block;
}

.esconder {
	display: none;
}

ul#nav li ul li {
	float: none;
}

ul#nav li ul li a {
	width: 180px;
	background-color: #ccc;
	color: #404040;
	text-decoration: none;
}

ul#nav li ul#sub_flota li a { width: 100px; }

ul#nav li ul li a:hover {
	text-decoration: none;
}

/******************** CONTENIDO ********************/

#contenido {
	width: 960px;
}

#contenido p {
	margin-top: 15px;
}

#contenido_izq {
	width: 155px; /*width: 215px;*/
	height: 500px;
	float: left;
	background: url(imagenes/barcos_portada.jpg) no-repeat;
}

#contenido_der {
	width: 765px; /*width: 745px;*/
	height: 480px;
	padding: 20px 20px 0px 20px;
	float: left;
	overflow: auto;
}

#contenido_bot {
	width: 960px;
	height: 93px;
	margin-top: 5px;
	clear:both;
	background:url(imagenes/barcos_portada2.jpg) no-repeat center;
}

#contenido_der h2 {
	margin: 20px 0 0 0;
	width: 90%;
	border-top: 1px solid #1e82be;
	padding: 10px 0 0 0;
	color: #1e82be;
	font: bold 22px/1.4em helvetica, arial, sans-serif;
}

#contenido_der h3 {
	margin: 10px 0 0 0;
	font: bold 16px/1.4em helvetica, arial, sans-serif;
}

#contenido_der p {
	margin: 10px 0 0 0;
}

#contenido_der ul.lista_info {
	padding: 0 0 0 30px;
}

#contenido_der table.tabla_info {
	margin: 20px 0;
	border: 1px outset #999999;
	border-spacing: 2px;
	border-collapse: collapse;
	background-color: white;
}

#contenido_der table.tabla_info tr td {
	padding: 15px;
	border: 1px inset #999999;
	background-color: white;
	-moz-border-radius: 0px 0px 0px 0px;
}

html>body #margen_contenido {
	clear: both;
	width: 960px;
	height: 0;
}

* html #margen_contenido { display: none; }

/******************** FLOTA ********************/


h3#titular_flota {
	margin-bottom: 20px;
	padding-left: 25px;
	font: bold 20px/1em helvetica, arial, sans-serif;
}

ul#galeria_flota {
	width: 300px;
	margin: 0 0 0 20px;
	float: left;
}

ul#galeria_flota li {
	margin: 5px;
	list-style: none;
	float: left;
}

ul#galeria_flota li a {
	display: inline;
	padding: 2px;
	text-decoration: none;
	float: left;
}

ul#galeria_flota li a:hover  {
	padding: 1px;
	border: 1px solid #404040;
}

ul#galeria_flota li a, ul#galeria_flota li a img  {
	width: 75px;
	height: 75px;
}

#info_flota {
	width: 405px;
	padding-right: 20px;
	float: left;
}

#info_flota ul li {
	list-style-type: disc;
}

/******************** LISTA DE ENLACES (microsites) ********************/

#lista_enlaces {
	width: 920px;
	padding: 20px;
	background-color: #404040;
	margin-top: 5px;
	color: white;
}

#lista_enlaces ul {
	list-style-type: none;
}

#lista_enlaces ul li {
}

#lista_enlaces ul li a {
	display: inline;
	color: white;
}

/******************** PIE ********************/

#pie {
	width: 920px;
	padding: 15px 20px;
	background-color: #404040;
	margin-top: 5px;
	color: white;
}

#pie p {
	margin: 0;
	font: normal 11px/1.6em helvetica, arial, sans-serif;
}

#pie p a {
	color: white;
}