﻿/*

-----------------------------------------------

Style Sheet
Site: Grupo Regio
Author:   Dot Design    www.dotdesign.es
Version:  2008.1

----------------------------------------------- */
.imgrollover { visibility:hidden; display:none }
* {
	font-family: Arial,  Helvetica, sans-serif; 
	margin: 0;
	padding: 0;
}
html, body, div, p {
	font-family: Arial, Helvetica, sans-serif; 
}
body {	
	font-size: 12px;
	line-height: 17px;
	background: #f3f3f3;
	color: #000;
}

h1 {
	font-size: 16px;
	padding: 15px;
	padding-bottom:0;
	*font-weight: normal; 
}
h2 {
	font-size: 13px;
	padding: 5px 15px;
	color: #000;
	line-height: 20px;
	
}
h3 {
	font-size: 13px;
	padding: 5px 0;
	color: #68a4cf;
	line-height: 20px;
	
}
.borderazul {
	padding: 5px 8px 8px 0; 
	border-bottom: 5px solid #68a4cf;
	*font-weight: normal;
	margin-bottom: 10px;
}
#wrapper {
	position: absolute;
	width: 995px;
	height: 700px;
	/*top: 50%;*/
	left: 50%;
	/*margin-top: -300px;*/
	margin-left: -500px;
}
#contenedor {
	position: relative;
	border: 1px solid #c8c8c8;
	background: #fff;
	width: 995px;
	margin-top: 27px;
}
a img {
	border: 0; 
	border-style: none;
}
img.right {
	float: right;
	margin-left: 3px;
}
img.left {
	float: left;
	margin-right: 10px;
}


img.mapa {
	margin-left: 20px;
	margin-top: 10px;
	border: 1px solid #d9d9d9;
}

p { 
	padding: 8px 15px;
	background: #fff;
} 
a {
	color: #30478d;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
.titular {
	font-size: 16px;
	padding: 10px 15px; 
	color: #8e8e8e;
	line-height: 22px;
	font-weight:bold;
	*font-weight: normal;
	}

ul.lista {
	margin-left: 30px;
	margin-right: 30px;
	list-style-image: none;
	list-style-type: none;

}
ul.lista  li {
	background: url(../img/bolo.gif)  no-repeat 0 5px;
	padding-left: 15px;
	padding-bottom: 2px;

}
ul.mapa {
	margin-left: 20px;
	margin-right: 30px;
	list-style-image: none;
	list-style-type: none;

}
ul.mapa  li {
	background: url(../img/im-flecha.gif) no-repeat 0 12px;
	padding-left: 10px;
	padding-bottom: 8px;
	padding-top: 8px;
	font-size: 14px;

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

#info_enlaces {
	float: right;
	color: #646464;
	font-size: 11px;
	margin-top: 2px;
}
#info_enlaces a  {
	color: #646464;
	text-decoration: none;
	padding-right: 5px;
}
#info_enlaces a:hover {
	text-decoration: underline;
}
.boton_idioma {
	position: relative;
	top: 2px;
	right: 0;
	padding-left: 5px;
}

.ver_idiomas  {
	display: none;
	position: absolute;
	z-index: 100;
	float: right;
	top: 1px;
	right: 1px;
	color: #646464;
	font-size: 11px;
	width: 58px;
	border: 1px solid #c8c8c8;
	background: #fff;
	padding: 2px 5px;
}

.ver_idiomas ul {
	list-style-type: none;
	list-style-image: none;
}
.ver_idiomas li a {
	width: 58px;
	display: block;
	text-decoration: none;
}
.ver_idiomas li a:hover {
	text-decoration:none;
	background: #f3f3f3;
}
#cabecera {
	height: 109px;
}
#logo {
	float: left;
	
}
.titulo_servicios {
	display: none; 
	margin: 25px 20px 10px 55px;
	width: 300px;
	color: #68a4cf;
	font-size: 16px;
	line-height: 22px;
	float: left;
}

#contacto {
	float: right;
	background: url(../img/im-contacte.jpg) no-repeat right top;
	width: 342px;
	height:109px;
}
.telefono_contacto {
	color: #fff;
	font-size: 18px;
	padding: 9px 0 0 85px;
}

a.bt_contacto {
	background: url(../img/bt-contacto.jpg) no-repeat top left;
	width: 39px;
	height:36px;
	display: block;
	margin: 23px 0 0 140px;
}
a:hover.bt_contacto {
	background: url(../img/bt-contacto-on.jpg) no-repeat top left;

}

#menu {
	height: 29px;
	background: #30478d;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}
#menu ul {
	list-style-type: none;
	list-style-image: none;
}
#menu li {
	float: left;
	color: #fff;
	
}
#menu li.titular {
	padding: 4px 50px 3px 25px;
	font-size: 11px;
	font-weight: bold;
	border-right: 1px solid #fff;
}
#menu li a {
	display: block;
	padding: 6px 23px;
	color: #fff;
	text-decoration: none;
	border-right: 1px solid #fff;
}
#menu li a:hover, #menu li.seleccion a {
	background: #68a4cf;
}
/* Cuerpo ---------------------------------------  */

#contenido {
	background: url(../img/fn-callcenter.jpg) no-repeat right top;
	min-height: 483px;
	_height:auto !important;
  	_height:483px;
}
#contenido_paginas {
	overflow-y: auto;
	_overflow-y: none;
	min-height: 483px;
	_height:auto !important;
  	_height:483px;
	border-left: 1px dashed #919191;
}
#columna_noticias {
 	padding: 0 10px;
	width: 220px;
	_width: 223px;
	height:483px;
	border-left: 1px dashed #919191;
	float: right;
}
#columna_navegacion {
	background: #fff url(../img/halo.jpg) no-repeat left top;
	float: left;
	width: 220px;
	*width: 223px;
	margin-right: 10px;
	overflow-y: auto;
	height: 100%;
}
#fondo_halo {
	float: left;
	width: 184px;
	height: 34px;
	margin-right: 10px;
	background: #fff url(../img/halo.jpg) no-repeat left top;

}
#columna_navegacion ul {
	background: #ededed url(../img/fn-navegacion.gif) no-repeat left top;
	width: 200px;
	list-style-type: none;
	list-style-image: none;
	margin: 18px 9px;
	margin-bottom: 12px;
	padding: 20px 1px 5px 1px;
}
#columna_navegacion li {
	_width: 203px;
	_height: 1%;
	_margin:-3px;
	_padding:0;
}

#columna_navegacion li a {
	background: #ededed url(../img/im-flecha.gif) no-repeat 5px 8px;
	display: block;
	color: #666;
	padding: 4px;
	padding-left: 15px;
	text-decoration: none;
	border-bottom: 1px dashed #919191;
}
#columna_navegacion li a:hover, #columna_navegacion li.seleccion a {
	background: #cbdae5 url(../img/im-flecha.gif) no-repeat 5px 8px;
}
#links_servicios {
	padding: 5px 30px;
	padding-bottom: 50px;
}
#links_servicios_ot {
	padding: 5px 30px;
	padding-bottom: 10px;
}
#ver_on1, #ver_on2, #ver_on3, #ver_on4, #ver_on5, #ver_on6, #ver_on7, #ver_on8, #ver_on9, #ver_off1, #ver_off2, #ver_off3, #ver_off4, #ver_off5, #ver_off6, #ver_off7, #ver_off8, #ver_off9 {
    font-size: 14px;
	background: url(../img/im-flecha.gif) no-repeat 10px;
	color: #30478d;
	padding-left: 20px;
	padding-bottom: 5px;
	text-decoration: none;
}
.display_enlaces {
	display: none;
	font-size: 12px;
	padding: 5px 20px;
	background: #f2f2f2;
	border-top: 1px dashed #919191;
	border-bottom: 1px dashed #919191;
	margin: 10px;
	margin-top: 5px;
}
#breadcrumb {
	padding: 16px;
	padding-top: 5px;
	font-size: 10px;
	color: #646464;
}
#breadcrumb a {
	color: #646464;
	text-decoration: none;
}
#breadcrumb a:hover, #breadcrumb a.seleccionado {
	text-decoration: underline;
}
.contenido_sin_nav {
	padding-top: 60px;
}
.fondo_prensa { 
	background: url(../img/fn-prensa.gif) repeat-y;
	min-height: 350px;
	height: 100%;
	_height:auto !important;
  	_height:350px;
	overflow-y:auto;
	padding-bottom: 30px;
}
.dos_columnas {
	float:left; 
	width: 45%; 
}
.tres_columnas {
	float:left; 
	width: 235px;
	margin-left: 20px;
	_margin-left: 9px;
}
#columna_video {
	float: left;
	width: 211px;
	*width: 223px;
	
}
/* Videos -------------------------------------  */


#videos_contenedor {
	width: 203px;
	margin: 0 9px 10px 9px;

}
.video {	
	background: #ededed;
	padding: 8px 5px;
}
.tt_subtitular {
	background: #b9b9b9;
	padding: 1px 10px;
	font-weight: bold;
}
.ver_mas {
	padding-top: 5px;

	font-size: 11px;
	text-align: center;
}

.tt_video {
	color: #fff;
	font-size: 16px;
	background: #30478d url(../img/youtube.gif) no-repeat right 4px;
	padding: 5px 0 4px 13px;
}


/* Pie ---------------------------------------  */

#footer {
	position: relative;
	clear: both;
	color: #575757;
	font-size: 10px;
	height: 50px;
	
}
#footer_links {
	font-size: 11px;
	color: #fff;
	background: #30478d;
	padding: 4px 15px;
	font-weight: bold;
	margin-bottom: 6px;
}
#footer_links a {
	color: #fff;
	text-decoration: none;
	padding: 0 8px;
}
#footer_links a:hover {
	text-decoration: underline;

}
#dreaming_sales {
	position: absolute;
	z-index: 99;
	right: 16px;
	bottom: 9px;
	background: #cbdae5 url(../img/im-dreaming-sales.gif) no-repeat top right;
	width: 137px;
	height: 90px;
	
}
#autor {
	font-size:10px; 
	text-align:right;
	color: #000;
	margin: 5px 10px 5px 15px;

}
/* Home ---------------------------------------  */

.noticias {
	background: #fff;
	width: 217px;
	margin-top: 0; 
}
.tt_noticias, h2.tt_noticias {
	color: #fff;
	font-size: 16px;
	background: #30478d;
	padding: 5px 0 4px 13px;
	font-weight: normal;
}
.noticias ul {
	list-style-type: none;
	list-style-image: none;
	margin-top: 8px;
	 
}
.noticias li {
	background: url(../img/im-flecha-noticias.gif) no-repeat 0 4px;
	padding-left: 10px;
	line-height: 15px;
	margin-bottom: 5px;
	max-height: 30px;
	overflow:hidden;
}
#contenido_index {
	float:left;
	margin-left: 12px;
	margin-top: 10px;
	width: 515px;
	_width: 505px; 
	
}
#banners {
	float:left;
	margin-left: 16px;
	_margin-left: 13px;
	margin-top: 15px;
	width: 200px; 
}
.elcomercial {
	padding: 0 8px;
	font-size: 9px;
	background: #ececec;
}
#quick_link {
	background: #ececec url(../img/quick-link.jpg) no-repeat;
	width: 754px;
	_width: 748px;
	height:184px;
}
#quick_link ul {
	padding-left: 20px;
	_padding-left: 15px;
	padding-top: 88px;
	list-style-type: none;
	list-style-image: none;
}
#quick_link li {
	float: left;
	font-size: 14px;
	*font-weight: normal;
}
#quick_link li a {
	display: block;
	width: 82px;
	height: 70px;
	_height: 67px;
	color: #000;
	text-decoration: none;
	padding: 28px 10px 0 10px;
	background: url(../img/fn-quick-of.gif) no-repeat;
}
#quick_link li a:hover {
	background: url(../img/fn-quick-on.gif) no-repeat;
}
#quick_link li.cuatro a {
	background: url(../img/fn-quick4-of.gif) no-repeat;
}
#quick_link li.cuatro a:hover {
	background: url(../img/fn-quick4-on.gif) no-repeat;
}
#quick_link li.cinco a {
	background: url(../img/fn-quick5-of.gif) no-repeat;
}
#quick_link li.cinco a:hover {
	background: url(../img/fn-quick5-on.gif) no-repeat;
}
#quick_link li.seis a {
	background: url(../img/fn-quick6-of.gif) no-repeat;
}
#quick_link li.seis a:hover {
	background: url(../img/fn-quick6-on.gif) no-repeat;
}
/* Tablas ---------------------------------------  */

table.datos {
	font-size: 11px;
	line-height: 15px;
	text-align: left;
	border-collapse: collapse;
	empty-cells: show;
	margin-left: 10px;
	border: 1px solid #ececec;
}
table.datos th, table.datos td {
	padding: 8px 10px;
}

table.datos th {
	background: #68a4cf;
	color: #fff;
	font-size: 12px;
	text-align: right;
}
table.datos td {
	vertical-align: top;
	text-align: right;
	border-bottom: 1px solid #ececec;
}
table.datos td.seccion {
	border-bottom: 1px solid #ececec;
	font-weight: bold;
	color: #919191;
	text-align: left;
}

/* Formulario ---------------------------------------  */
form {
	text-align: left;
	margin-top: 10px;
	margin-bottom: 10px;
}

.mandatory {
	font-size: 10px;	
	color: #8b1010;
}

label {
	float: left;
	width: 150px;
	margin-left: 20px;
	
}
label.dos {
	float: left;
	width: 250px;
	margin-left: 20px;
	
}
label.tos {
	float: left;
	width: 350px;
	margin-left: 20px;
	
}

input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px; 
	color: #000;
	padding: 1px 3px 1px 3px; 
	border: 1px #aaa solid;
	margin-bottom: 5px;
	width: 250px;
}
input.boton {
	width: auto;
	float: left;
	font-size: 12px;
	color: #fff;
	background: #30478d; 
	border:0;
	cursor:pointer;
	*cursor: hand;
}
textarea {
	display: block;
	width: 250px;
	height: 40px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000;
	padding: 1px 3px 1px 3px;
	border: 1px #aaa solid;
}
input.radio, input.checkbox {
	width: auto;
	border: 0;
}

/*----------Validación del formulario ---------- */


  .info   { color: black; background-color: transparent; font-weight: normal; }
  .warn   { color: rgb(120,0,0); background-color: transparent; font-weight: normal; }
  .error  { 
	font-size: 10px;	
	color: #8b1010;
	margin-top:-3px; }

