@import "reset.css";

/* Global
----------------- */
body {
	background:#fff;
	color:#333;
	font:75%/1.5 Arial, Helvetica, sans-serif; /* 75% = 12px font-size */
}

input, select, textarea {font:1em/1.5 Arial, Helvetica, sans-serif}
address {font-style:normal;}
strong {
	font-weight:bold;
	color:#3C5489;
}
p {margin:10px 0;text-align:justify;}


/* Layout principal
-------------------- */

html, body {height: 100%;}

#contenedor {
	min-height:100%;
	position:relative;
}


#cabecera {
	background:url(../img/fondoCabecera.jpg) repeat-x top left;
	padding-top:31px;
}
#cabeceraInterior {
	border-bottom:2px solid #223D7A;
	margin:0 auto;
	padding-bottom:3px;
	width:932px;
}


#contenido {
	padding-bottom:1px; /* necesario para que #contenidoInterior aplique correctamente su margin-bottom */
}
#contenidoInterior {
	margin:0 auto;
	margin-bottom:67px; /* <alto del pie> + <20px separación> = 47 + 20 = 67px */ 
	position:relative;
	width:932px;
	z-index:2
}
	#contenidoPpal{
		float:right;
		width:669px
	}
	
	#contenidoSec {
		float:left;
		width:245px;
	}


#pie {
	background:url(../img/fondoPieExtendido.jpg) repeat-x bottom left;
	height:263px;
	position:absolute;
	bottom:0;
	width:100%;
	z-index:1
}
#pieInterior {
	background:url(../img/fondoFlor.jpg) no-repeat top right;
	height:47px;
	margin:0 auto;
	padding-top:216px;
	position:relative;
	width:932px
}


/* Headings
----------------- */
h1 {display:none}

h2.tituloSeccion {
	background:url(../img/fondoH2.jpg) repeat-x top left;
	border-bottom:2px solid #E6E9F0;
	color:#2A4581;
	font:bold 1.6em/36px arial;
	height:36px;
	margin:13px 0 23px;
	padding:1px 0 0 60px;
}

h2.tituloSeccion span.grey {
	font-size:1.1em;
	font-weight:normal;
	color:#999B9E;
}

h3 {
	background:url(../img/bulletListaGeneralAzul.gif) no-repeat left 6px;
	border-bottom:2px solid #E2E6EE;
	color:#223D7A;
	font-weight:bold;
	font-size:1.1em;
	margin:30px 0 10px;
	padding:0 0 2px 15px;
}

h3.linkDelegacion {
	position:relative;	
}
h3.linkDelegacion a {
	background:url(../img/icoTimon.gif) no-repeat left center;
	color:#223D7A;
	font:italic 1em/1.5em arial;
	padding-left:25px;
	position:absolute;
	top:0;
	right:0;
	text-decoration:none;
}

h3.elementoSupContPpal {margin-top:10px}

/* Enlaces
----------------- */
a:link {color:#000; text-decoration:underline;}
a:visited {color:inherit}
a:focus,
a:active {color:#000}
a:hover {text-decoration:none;}


/* Listas
----------------- */
#contenidoPpal ul {margin:10px 0 10px 10px}

#contenidoPpal li {
	background:url(../img/bulletListaGeneralAzul.gif) no-repeat left 6px;
	margin-top:3px;
	padding-left:15px
}
#contenidoPpal ul ul li {
	background:url(../img/bulletListaGeneralAzulNivel2.gif) no-repeat left 8px;
	padding-left:12px;
}




#contenidoPpal ul.dosCols {
	background:#fff;
	border:2px solid #E9ECF2;
	margin-left:0;
	margin-right:0;
}
#contenidoPpal ul.dosCols li {
	background:none;
	margin:0;
	padding:0;
}

#contenidoPpal ul.dosCols li.izq {
	float:left;
	width:333px;
}

#contenidoPpal ul.dosCols li.der {
	float:right;
	width:332px;
}
#contenidoPpal ul.dosCols ul {margin:0}

#contenidoPpal ul.dosCols ul li {
	background:url(../img/fondoListaDosColsLI.jpg) repeat-x 0 50%;
}
#contenidoPpal ul.dosCols ul li span, #contenidoPpal ul.dosCols ul li a {
	background:url(../img/bulletListaGeneralAzul.gif) no-repeat left center;
	display:block;
	height:27px;
	line-height:27px;
	margin-left:10px;
	padding-left:15px;
	text-decoration:none;
}

#contenidoPpal ul.dosCols ul li a:hover {text-decoration:underline;}

#contenidoPpal ul.dosCols li.izq li {
	border-right:2px solid #E9ECF2;
}


#contenidoPpal .listaImgTxtDegradado {
	margin:15px 0 15px 1px;
}

#contenidoPpal .listaImgTxtDegradado li {
	background:url(../img/fondoListaImgTxtDegredado.jpg) repeat-x top left;
	border:2px solid #E8EAF1;
	border-left:1px solid #fff;
	float:left;
	height:200px;
	margin:0;
	overflow:hidden;
	padding:11px 15px 3px 14px;
	width:190px;
}

#contenidoPpal .listaImgTxtDegradado li.primero {border-left:2px solid #E8EAF1;}

#contenidoPpal .listaImgTxtDegradado .img {
	border:2px solid #E2E6EE;
	display:block;
}
#contenidoPpal .listaImgTxtDegradado .txt {
	display:block;
	margin:2px 0 0;
}



/* Imágenes
----------------- */


/* Formularios
----------------- */


/* Misc
----------------- */
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix {display:inline-block;}
* html .clearfix {height:1%;}
.clearfix {display:block;}

strong.marca {font-size:1.1em}

p.subir {
	margin:30px 0;
	text-align:right;
}
p.subir .linea {
	background:url(../img/fondoLinkSubirLinea.gif) repeat-x left center;
	display:inline-block;
	margin-right:10px;
	width:594px;
}

p.subir a {
	background:url(../img/fondoBotonSubir.gif) no-repeat top left;
	color:#fff;
	display:inline-block;
	font-weight:bold;
	height:21px;
	line-height:21px;
	text-align:center;
	text-decoration:none;
	width:65px;
}

/* Cabecera
----------------- */

#logoCab {
	display:block;
	margin:15px 0 20px;
}
#logoCabJAArocha {
	float:left;
	margin:5px 0 0;
}
#logoCabUkas{
	float:left;
	margin:0 0 0 40px;
}
#logoCabWrist{
	float:right;
	margin:15px 0 0;
}
#cabMenu {
	border-top:1px solid #999;
	background:url(../img/fondoCabMenu.jpg) repeat-x top left;
	height:26px;
	margin-bottom:3px;
}

#navPpal {
	min-width:101px;
	height:26px;
	float:left;
	padding-left:5px;
}
#navPpal li {
	float:left;
	width:101px;
	height:26px;
	text-align:center;
	margin-right:2px;
}
#navPpal li a {
	color:#333333;
	width:101px;
	height:19px;
	float:left;
	text-decoration:none;
	background:url(../img/fondoCabMenuOut.jpg) repeat-x top left;
	padding-top:7px;
}
#navPpal li a:hover {
	background:url(../img/fondoCabMenuHover.jpg) repeat-x top left;
}
#navPpal li.actual a {
	background:url(../img/fondoCabMenuHover.jpg) repeat-x top left;
}

#cabIdioma {
	width:32px;
	height:26px;
	float:right;
	background:url(../img/fondoCabIdioma.jpg) no-repeat top left;
	/*margin-right:7px;*/
	padding:3px 0 0 10px;
}
#bannerPagina {display:block;}



/* Pie
----------------- */
#navPie li {
	border-left: 1px solid #97A4C0;
	height:1em;
	line-height:1em;
	float:left;
	margin:20px 0 0 10px;
	padding-left:10px;
}
#navPie a {
	color:#97A4C0;
	text-decoration:none;
}
#navPie a:hover {
	color:#fff;
}
#navPie .primero {
	border-left:none;
	padding-left:0;
}

#pie .copyright {
	float:right;
	min-width:250px;
	height:15px;
	margin:18px 0px 0 0;
	color:#97A4C0;
}



/* Home
----------------- */

.home #contenidoInterior {
	background:url(../img/fondoContenidoHome.gif) repeat-y 580px 0;
	margin-top:10px;
}

#bienvenidaHome {
	float:left;
	width:565px;
}

#bienvenidaHome p {margin-left:20px}

#nuestrosServiciosHome {
	float:right;
	width:336px;
}

#nuestrosServiciosHome .barco {
	float:left;
	margin:0 0 0 11px;
}
#nuestrosServiciosHome .listado {
	float:left;
	width:150px;
	width:96%;
	min-height:30px;
	margin:10px 0 20px 16px;
}
#nuestrosServiciosHome .listado li {
	float:left;
	display:block;
	width:150px;
	width:94%;
	height:16px;
	background:url(../img/bulletListaGeneralAzul.gif) no-repeat left 5px;
	padding-left:20px;
}

#bienvenidaHome .masInfo {text-align:right}
#nuestrosServiciosHome .masInfo {float:right}

#bienvenidaHome .masInfo a , #nuestrosServiciosHome .masInfo a {
	background: url(../img/botonCurvoGrisIzq.gif) no-repeat top left;
	color:#2A4581;
	display:inline-block;
	font-size:0.9em;
	padding-left:6px;
	text-decoration:none;
}
#bienvenidaHome .masInfo span, #nuestrosServiciosHome .masInfo span {
	background:url(../img/botonCurvoGrisDch.gif) no-repeat top right;
	display:inline-block;
	height:25px;
	line-height:25px;
	padding-right:6px;
}



/* Contacto
----------------- */
address#contacto {
	background:url(../img/fondoDireccionContacto.jpg) no-repeat top left;
	width:664px;
	height:162px;
	overflow:hidden;
	margin:0 auto 20px;
}

#contenidoPpal address#contacto p {
	float:right;
	line-height:26px;
	margin:0;
	padding:0 35px;
	width:260px;
}
#contenidoPpal address#contacto .etiqueta {
	color:#223d7a;
	display:inline-block;
	font-weight:bold;
	width:100px;
}


#contenidoPpal address#contacto p.direccion {
	float:left;
	padding:30px 5px 35px 35px;
	margin:0;
	width:290px;
	height:100px;
}
#contenidoPpal address#contacto p.direccion .etiqueta {
	float:left;
	width:70px;
}
#contenidoPpal address#contacto p.direccion span {
	float:right;
	width:210px;
}
#contenidoPpal address#contacto p.email {
	margin-top:30px;
}

#contenidoPpal address#contacto .destacado {
	border:1px solid #d0d3db;
	display:inline-block;
	padding:0 4px;
	position:relative;
	left:-5px;
}

#mapaContacto {
	border:2px solid #e2e6ee;
	display:block;
	margin:20px auto;
}



/* El Equipo
----------------- */
ul#listaEquipo {
	border-top:2px solid #e2e6ee;
	margin-top:20px;
}
#listaEquipo li {
	background:url(../img/fondoListaEquipo.jpg) repeat-x top left;
	border:2px solid #e2e6ee;
	border-top:none;
	height:62px;
	margin:0;
	padding:1px 0 0;
	overflow:hidden;
}
#listaEquipo p {
	margin:0
}

#listaEquipo .nombrePuesto {
	float:left;
	padding:0 0 0 15px;
	width:320px;
}
#listaEquipo .nombre {
	color:#223d7a;
	font:bold 1.5em arial;
	margin:10px 0 5px;
}

#listaEquipo .puesto {
	margin:0 15px;
}

#listaEquipo address {
	background:#fff;
	border:2px solid #e2e6ee;
	float:right;
	margin:4px 5px 0 0;
	padding:5px 10px;
	width:275px;
}
#listaEquipo address p {
	line-height:20px; 
}
#listaEquipo address .etiqueta {
	color:#223d7a;
	display:inline-block;
	font-weight:bold;
	width:80px;
}


/*añadido*/


#listaEquipo li{height:115px;background:transparent url(../img/fnd_equipo.png) repeat-x scroll left top;}
#listaEquipo .nombrePuesto img{margin:8px 15px 0 5px;float:left;display:block;}
#listaEquipo .nombrePuesto .nombre{margin-left:20px;display:block;}
#listaEquipo .nombrePuesto .funcion{margin-left:20px;color:black;display:block;padding-top:6px;}
#listaEquipo address {padding:24px 10px;}

#listaEquipo address p{line-height:26px;}

#listaEquipo address .etiqueta {font-size:1.2em;}





/* seccion descargas*/
#descargas .empaquetado_cabecera{background:transparent url(../img/fnd_gr.png) repeat-x bottom;display:block;height:59px;width:100%;}

#descargas .contenedor_list{width:100%;	}
#descargas .contenedor_list  tr.fila{background:transparent url(../img/fnd_pq.png) repeat-x center bottom;padding:10px 0px;height:45px;line-height:12px;}
#descargas .contenedor_list  tr.fila  td{background:transparent url(../img/separdor2px.png) no-repeat scroll right 0;padding:0px;color:#777;overflow:hidden;font-size:13px;text-align:center;vertical-align:middle;}
#descargas .contenedor_list   .fila .titulo{width:55%;text-align:left;padding-left:15px;}
#descargas .contenedor_list   .fila .extension{width:10%;}
#descargas .contenedor_list   .fila .size{width:15%;}
#descargas .contenedor_list   .fila  .download{width:20%;}
#descargas .contenedor_list   .fila  .download a{text-decoration:none;}
#descargas .contenedor_list   .fila  .download a img{text-decoration:none;margin:7px 0px 0px 0px; padding:0;}

/*modificado por que en ingles el texto se superpone vease el index*/
#nuestrosServiciosHome .listado li {height:auto;}


/*formulario contacto*/
.clear{clear:both;}/*

*/
#contactar .contenedor_datos{display:block;border:0px solid #E2E6EE;background:transparent url(../img/fondoDireccionContacto.jpg) no-repeat scroll left top; }

#contactar .contenedor_datos .left{width:48%;border:0px solid blue;float:left; padding:5px 0px 5px 10px;}
#contactar .contenedor_datos .right{width:48%;border:0px solid blue;float:right; padding:5px 0px 5px 0px;}

#contactar .contenedor_datos .fila{display:block;width:100%;border:0px solid black;margin:5px 0px;}
#contactar .contenedor_datos .fila .labelCont{width:40%;float:left;}
#contactar .contenedor_datos .fila label{color:#3C5489;font-weight:bold;}
#contactar .contenedor_datos .fila input.text{border:2px solid #E2E6EE;}


#contactar .contenedor_comentario  {padding:20px 0;margin-top:30px;}
#contactar .contenedor_comentario  input.text{width:71%;}
#contactar .contenedor_comentario .fila .labelCont{width:20%;}
#contactar .contenedor_comentario .fila label{padding-left:15px;}
#contactar .contenedor_comentario .fila textarea{width:71%;border:2px solid #E2E6EE;height:100px;}

#contactar .cont_send {display:block;text-align:right;margin-right:5px;}
#contactar .cont_send button{cursor:pointer;border:0px;background:transparent none repeat scroll 0 0;padding:0;text-align:center;}
#contactar .cont_send #enviar img{}



#enlaces_logos{float:left;padding:17px 0px 0px 30px;}
#enlaces_logos a{padding-right:15px;}

#contenidoPpal .listaImgTxtDegradado.delegaciones li {height:auto;}