/*
 * Hoja de estilo común
 */



/*************************************
 * Estilos generales
 ************************************/
*{
	margin: 0;
	padding: 0;
}
body{
	margin: 0;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 70%;
	color: black;
	background-color: #CFCFCF;
}
img{
	border-width: 0;
}



.collapse{
	margin: 0;
	padding: 0;
	height: 0;
	overflow: hidden;
}
.clear{
	clear: both;
}
.clear_left{
	clear: left;
}
.clear_right{
	clear: right;
}

.centrado{
	text-align: center !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
}

.icono_obligatorio{
	color: #077BD1;
	font-weight: bold;
}


/*************************************
 * Bloque de contenido
 ************************************/
div.contenido{
	margin: 0 19px 0 0;
	padding: 0 0 45px 0;
	background: transparent url(/lib/img/contenido-inf.gif) right bottom no-repeat;
}
div.contenido h1{
	margin: 12px 0 10px 0;
	padding: 0 0 6px 0;
	background: transparent url(/lib/img/h1-fondo.gif) right bottom no-repeat;
}
div.contenido h2{
	font-size: 100%;
	color: #C2C200;
	letter-spacing: 1pt;
	margin: 25px 0 0 0;
}
div.contenido p{
	margin: 1em 0;
	color: #555555;
	text-align: left;
}


/*************************************
 * Otros bloques
 ************************************/
div#encabezado{
	position: relative;
	width: 778px;
	height: 99px;
	margin: 0 auto;
	padding: 0;
	background: white url(/lib/img/encabezado-inf.gif) left bottom repeat-x;
}
div#encabezado div.logo img{
	float: left;
	margin: 10px 0 0 20px;
}


div#encabezado ul.idioma{
	float: right;
	display: inline; /* IE Doubled Float-Margin Bug */
	margin: 14px 15px 0 0;
}
div#encabezado ul.idioma li{
	display: inline;
}
div#encabezado ul.idioma a{
	display: inline-block;
	color: white;
	background: #00ADC6 url(/lib/img/flecha-idioma.gif) 5px 50% no-repeat;
	padding: 2px 12px 3px 21px;
	text-decoration: none;
}
div#encabezado ul.idioma span{
	display: inline-block;
	color: #00ADC6;
	background: white url(/lib/img/flecha-idioma.gif) 5px 50% no-repeat;
	padding: 1px 11px 2px 20px;
	text-decoration: none;
	border: 1px solid #00ADC6;
}
div#encabezado ul.idioma a:hover{
	background-image: url(/lib/img/flecha-idioma_h.gif);
}


div#encabezado ul.menu_encabezado{
	font-size: 90%;
	margin: 0;
	padding: 0;
	position: absolute;
	right: 15px;
	bottom: 18px;
}
div#encabezado ul.menu_encabezado li{
	display: inline;
	margin: 0 0 0 15px;
}
div#encabezado ul.menu_encabezado a{
	display: inline-block;
	height: 15px;
	padding: 4px 0 0 15px;
	color: #646464;
	text-transform: lowercase;
	text-decoration: none;
	letter-spacing: -1px;
	background-position: 0 50%;
	background-repeat: no-repeat;
}


div#encabezado ul.menu_encabezado li.inicio a{
	background-image: url(/lib/img/encabezado-inicio.gif);
}
div#encabezado ul.menu_encabezado li.clientes a{
	background-image: url(/lib/img/encabezado-clientes.gif);
	background-repeat: no-repeat;
}
div#encabezado ul.menu_encabezado li.mapa a{
	background-image: url(/lib/img/encabezado-mapa.gif);
}
div#encabezado ul.menu_encabezado li.contacto a{
	background-image: url(/lib/img/encabezado-contacto.gif);
}


div#menu_principal{
	margin: 0;
	padding: 0;
	border-top: 3px solid #04A9C7;
}
div#menu_principal ul{
	position: relative;
	top: -5px;
	width: 778px;
    height: 29px;
	margin: 0 auto -5px auto;
	padding: 1px 0 0 0;
	background-color: #B9BBBB;
}
div#menu_principal li{
	text-align: center;
	list-style-type: none;
	float: left;
	width: 110px;
	height: 29px;
	padding: 0;
	margin: 0 1px 0 0;
	background-color: white;
}
div#menu_principal li.primero{
	width: 111px;
}
div#menu_principal li.ultimo{
	width: 111px;
	margin-right: 0;
}
div#menu_principal li a{
	display: block;
	height: 18px;
	padding: 6px 0 0 0;
	margin: 1px 1px 0 1px;
	color: #555555;
	text-transform: uppercase;
	font-size: 90%;
	text-decoration: none;
	border-top: 3px solid #04A9C7;
}
div#menu_principal li a.res{
	color: #00879B;
}


div#ppal{
	width: 757px;
	margin: 0 auto;
	padding: 0 0 0 20px;
	border-top: 6px solid white;
	border-right: 1px solid white;
	background: white url(/lib/img/ppal-sup.gif) left top no-repeat;
}


/*
 * Submenú largo (dos niveles)
 */
div#submenu{
	height: 1%; /* IE */
	position: relative; /* IE */
	/*margin: 12px 0 -18px 0;*/
	margin: 12px -35px -18px 0;
}
div#submenu div.titulo{
	font-size: 100%;
	color: #555555;
	font-weight: bold;
	letter-spacing: -1px;
}
div#submenu div.titulo_res{
	color: #296898;
}
div#submenu div.col{
	position: relative; /* IE */
	height: 1%; /* IE */
	margin: 0 9px 0 0;
	float: left;
}
div#submenu div.derecha{
	margin-right: -35px;
}
div#submenu ul{
	position: relative; /* IE/Win Disappearing List-Background Bug */
	margin: 9px 0 0 0;
	list-style-type: none;
	background: transparent url(/lib/img/submenu-izq.gif) left top repeat-y;
}
div#submenu ul li{
	/*padding: 0 12px 0 5px;*/
	padding: 0 0 0 5px;
	font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
}
div#submenu ul li a{
	color: #777777;
	text-decoration: none;
}
div#submenu ul li.res{
	/*padding-right: 12px;*/
	/*background: transparent url(/lib/img/flecha-submenu.gif) 100% 6px no-repeat;*/
}
div#submenu ul li.res a{
	color: #296898;
}


/*
 * Submenú corto (un solo nivel)
 */
div.contenido div#submenu_corto ul{
	margin: 15px 0 10px 0;
	padding: 0;
	list-style-type: none;
}
div.contenido div#submenu_corto ul li{
	display: inline;
	padding-left: 12px;
	margin-right: 20px;
	background: transparent url(/lib/img/submenu-corto-li.gif) 0 7px no-repeat;
}
div.contenido div#submenu_corto ul li a{
	color: #555555;
	text-decoration: none;
}
div.contenido div#submenu_corto ul li.res{
	background-image: url(/lib/img/submenu-corto-li-res.gif);
}
div.contenido div#submenu_corto ul li.res a{
	color: #777777;
	font-weight: bold;
}



div#pie{
	clear: both;
	margin: 0;
	padding: 0;
	background: transparent url(/lib/img/pie-linea.png) 50% 32px no-repeat;
}
div#pie div.interior{
	position: relative;
	margin: 0 auto;
	padding: 0;
	width: 778px;
	height: 101px;
	color: #555555;
	background: #CFCFCF url(/lib/img/pie-fondo.png) left top no-repeat;
	font-size: 80%;
}
div#pie a{
	color: #555555;
	text-decoration: none;
}
div#pie div.telefono{
	float: left;
	width: 330px;
	margin: 31px 0 0 0;
	padding: 0 10px 0 0;
	color: white;
	font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
	font-size: 11pt;
	text-align: right;
}
div#pie div.telefono strong{
	font-weight: bold;
}
div#pie div.empresa p, div#pie div.legal p{
	margin: 0 0 0.25em 0;
}
div#pie div.empresa{
	position: absolute;
	bottom: 10px;
	right: 16px;
}
div#pie div.empresa strong{
	text-transform: uppercase;
	font-weight: bold;
}
div#pie div.legal{
	position: absolute;
	bottom: 10px;
	right: 19em;
	text-align: right;
}