/* Elementos que queremos limpiar completamente: */

* {
	margin: 0;
	padding: 0;
	/*border: none;*/
}
/* Ajustes tipográficos */

h1, h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address {
	font-weight: normal;
	margin: 0 0 0 0;
}

cite, em, dfn {
	font-style: italic;
}

sup {
	position: relative;
	bottom: 0.3em;
	vertical-align: baseline;
}

sub {
	position: relative;
	bottom: -0.2em;
	vertical-align: baseline;
}

li, dd, blockquote {
	margin-left: 1em;
}

code, kbd, samp, pre, tt, var{
	font-size: 100%;
	font-family: monaco, "Lucida Console", courier, mono-space;
}

del {
	text-decoration: line-through;
}

ins, dfn {
	border-bottom: 1px solid #ccc;
}

small, sup, sub {
	font-size: 85%;
}

abbr, acronym {
	text-transform: uppercase;
	font-size: 85%;
	letter-spacing: .1em;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
}

a abbr, a acronym {
	border: none;
}

sup {
	vertical-align: super;
}

sub {
	vertical-align: sub;
}

h1 {
	font-size: 2em;
}

h2 {
	font-size: 1.8em;
}

h3 {
	font-size: 1.6em;
}

h4 {
	font-size: 1.4em;
}

h5 {
	font-size: 1.2em;
}

h6 {
	font-size: 1em;
}

/*** LINKS: Recuerda utilizar siempre la regla del LoVe-HAte ***/

a, a:link, a:visited, a:hover, a:active {
	/*
	Si quisieramos eliminar la línea de puntos que aparece al pulsar un enlace, aplicaríamos la siguiente propiedad:
	
	outline: 0;
	
	Sin embargo no se recomienda, por temas de accesibilidad para navegación con teclado (lo cual implica temas legales, un tema peliagudo).
	*/
	outline-color: #ffffff;
	text-decoration: none;
}

a img {
	border: none;
	text-decoration: none;
}

img {
	border: none;
	text-decoration: none;
	/*
	Si añades un background aparecerá como fondo de la imagen, útil para imágenes de carga
	*/
}

/* Formularios */

label, button {
	cursor: pointer;
}

input:focus, select:focus, textarea:focus {
	background-color: #FFF;
}

fieldset {
	border: none;
}

/* Clases útiles */

.clear {
	clear: both;
}

.float-left {
	float: left;
}

.float-right {
	float: right;
}


html {
	font: 70% Arial, Verdana, sans-serif;
	text-shadow: #000 0px 0px 0px;/* Elimina el efecto bold en Safari */
	/*overflow: auto;*/
	color: #4b7388;
	overflow-x:hidden;
}

body {
	text-align: center;/* Hack para que IE6 no de problemas */
	background: #FFFFFF url(../imagenes/bg_pattern.jpg) repeat-x top;
}

form{
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

/*ESTRUCTURA PRINCIPAL*/

#contenedor{
	width: 100%;
	text-align: center;
}

/*
	BLOQUE1: Incluye todo el contenido de la web menos el pie de página que 
	         ha de ser independiente.
*/
#bloque1{
	width:987px; 
	text-align:left; 
	margin: 0 auto 0 auto; 
	/*background:Lime;*/
}

#bloque1 #cabecera{
	height:331px; 
	width:100%; 
}

#bloque1 #contenedor-logo-menu{
	height:62px;
}
#bloque1 #contenedor-logo-menu #logo{
	float:left; 
	height:100%; 
	width:184px;
}
#bloque1 #contenedor-logo-menu #menu{
	float:right; 
	height:50px; 
	width:803px; 
	/*background: Yellow; */
	background: #4f778c url(../imagenes/cabecera-menu-fondo.png) no-repeat top;
	padding-top:6px;
}
#bloque1 #contenedor-logo-menu #menu #zonaclientes{
	float:right; 
	height:18px; 
	padding:14px 20px 0 0;
}
#bloque1 #contenedor-noticias{
	width:100%; 
	height:269px; 
	background: transparent url(../imagenes/cabecera-fondo.png) no-repeat top;
}
#bloque1 #contenedor-noticias #bloque-noticias{
	padding:21px 0 0 20px; 
	width:271px; 
	height:247px; 
	float:left;
}
#bloque1 #contenedor-noticias #bloque-noticias #contenido{
/*	background: Aqua;*/
	padding: 55px 35px 0	 25px;
}

#bloque1 #contenido-central{
	margin:0 21px 0 20px; 
	min-height:400px; 
	/*height:588px;*/
	/*background: #F08080;*/
}

/*solo para la home*/
#bloque1 #contenido-central #productos{
	margin-top:2px; 
	height:167px; width:100%;
}


/*
	BLOQUE2: pie de pagina. independiente para que se alargue junto con la franja azul inferior, 
           segun la longitud del contenido
*/
#bloque2{
	height:253px; 
	min-height:253px; 
	margin:15px 0 0 0; 
	text-align:center; 
	background: #4f778c url(../imagenes/piepagina_pattern.jpg) repeat-x top;
}
#bloque2 #contenido{
	height:253px; 
	min-height:253px; 
	width:946px; 
	margin: 0 auto 0 auto; 
	text-align:left; 
	padding:0 21px 0 20px;
}
#bloque2 #contenido #flash-movil{
	width:187px; 
	height:253px; 
	min-height:253px; 
	float:left;
}
#bloque2 #contenido #textos-enlaces{
	background: #4f778c url(../imagenes/piepagina_bg.png) no-repeat right; 
	width:695px; 
	height:223px; 
	min-height:223px; 
	float:right; 
	margin-top:30px;
}
#bloque2 #contenido #textos-enlaces #links-empresa{
	width:102px; 
	float:left; 
	height:115px; 
	margin-top:46px;
}
#bloque2 #contenido #textos-enlaces #rss-contacto{
	width:575px; 
	float:right; 
	height:115px; 
	margin-top:46px;
}
#bloque2 #contenido #textos-enlaces #derechos{
	width:695px; 
	height:25px; 
	min-height:25px; 
	float:right; 
	margin-top:30px;
}

/*capas independientes de cada seccion*/

/*home*/
#bloque1 #contenedor-noticias #imagen{
	padding:21px 0 0 0; 
	width:696px; 
	height:247px; 
	float:right;
	position: relative;
}
#bloque1 #contenedor-noticias #imagen table{
	margin: 0;
	padding: 0;
}
#bloque1 #contenido-central #home-links-breves{
	background:#dadada url(../imagenes/home-links-fondo.png) no-repeat top; 
	width:100%; 
	height: 98px;
}
#bloque1 #contenido-central #home-links-breves #contenido{
	padding:35px 0 0 33px;
}

#bloque1 #contenido-central #home-variable-flash{
	margin-top:30px; 
	width:100%; 
	min-height:290px; 
	height:290px;
}
#bloque1 #contenido-central #home-variable-flash #texto-variable{
	width:271px; 
	min-height:290px; 
	height:290px; 
	float:left; 
	background:#ffffff;
}
#bloque1 #contenido-central #home-variable-flash #texto-variable #ficha{
	padding:0 3px 14px 20px;
}
#bloque1 #contenido-central #home-variable-flash #flash{
	width:647px; 
	float:right; 
	height:290px; 
	min-height:290px;
}
#bloque1 #contenido-central #home-variable-flash #flash #imagen{
	width:100%; 
	height:47px; 
	min-height:47px;
}
#bloque1 #contenido-central #home-variable-flash #flash #banner{
	width:100%; 
	height:243px; 
	min-height:243px;  
	background:#ffffff;
}

/*empresa*/
#seccion-empresa{
	margin:22px 0 0 0;
	min-height:472px;
	width:100%;
	overflow: auto;
}
#seccion-empresa #graficas{
	width:271px; 
	float:left; 
	min-height:472px; 
	/*height:472px;*/
}
#seccion-empresa #texto{
	width:632px; 
	float:right; 
	min-height:472px; 
	/*height:472px;*/
	padding-right:20px;
	font-size:9pt;
	line-height: 12pt;
	text-align: justify;
}

/*noticias*/
#seccion-noticias{
	margin:22px 0 0 0;
	min-height:200px;
	width:100%;
	font-size:9pt;
	line-height: 12pt;
}
#seccion-noticias .imagen{
	margin-top:17px;
}
#seccion-noticias .espacioentrenoticias{
	margin-bottom:20px;
}


/*contacto*/
#seccion-contacto{
	margin:22px auto 0 auto;
	min-height:300px;
	/*height: 350px;*/
	width:100%;
	padding-bottom:35px;
	overflow: auto;
}
#seccion-contacto #imagen-contacto{
	width:271px; 
	float:left; 
	min-height:300px; 
}
#seccion-contacto #texto{
	float:right; 
	min-height:300px;
	width:674px;
	padding-bottom:50px;
}
#seccion-contacto #formulario{
	margin-top:10px;
}

/*servicios*/
#seccion-servicios{
	margin:22px auto 0 auto;
	min-height:350px;
	/*height: 350px;*/
	width:100%;
	padding-bottom:35px;
	overflow: auto;
}
#seccion-servicios #imagen-servicio{
	width:271px; 
	float:left; 
	min-height:350px; 
}
#seccion-servicios #texto{
	width:640px; 
	float:right; 
	min-height:350px;
	padding-right:12px;
	text-align: justify;
	font-size:9pt;
	line-height: 12pt;
}
#seccion-servicios #texto ul{
	margin-left:15px;
}

/*zona clientes*/
#seccion-zonaclientes{
	margin:22px auto 0 auto;
	min-height:115px;
	width:100%;
	padding-bottom:35px;
	overflow: auto;
}
#seccion-zonaclientes #imagen-servicio{
	width:271px; 
	float:left; 
	min-height:115px; 
}
#seccion-zonaclientes #imagen-servicio #actualizacion{
	margin:0 auto 0 auto; 
	width:120px; 
	font-size:9pt;
}
#seccion-zonaclientes #texto{
	width:640px; 
	float:right; 
	min-height:115px;
	padding-right:12px;
}
.menu-zonaclientes {
	width:560px;
	margin: 0 0 0 18px;
	padding: 0;
	list-style: none;
}
.menu-zonaclientes li {
	padding: 0;
	margin: 5px 0 0 0;
	height: 86px;
	/*margin-right: 35px;*/
	list-style: none;
	background-repeat: no-repeat;
}
#seccion-zonaclientes #texto li.separador{
	margin-right:86px;
}
.menu-zonaclientes li a, .menu-zonaclientes li a:visited {
	display: block;
	text-decoration: none;
	text-indent: -2500px;
	height: 86px;
	background-repeat: no-repeat;
}
/*zona clientes, menu acceso a admin*/
#sms{background-image: url(../imagenes/zonaclientes-btn-sms-o.png); width: 129px;}
#sms a {background-image: url(../imagenes/zonaclientes-btn-sms.png);}

#smsoperadoras {background-image: url(../imagenes/zonaclientes-btn-sms2-o.png); width: 129px;}
#smsoperadoras a {background-image: url(../imagenes/zonaclientes-btn-sms2.png);}

#num80y {background-image: url(../imagenes/zonaclientes-btn-80y-o.png); width: 129px;}
#num80y a {background-image: url(../imagenes/zonaclientes-btn-80y.png);}

#sms a:hover, #smsoperadoras a:hover, #num80y a:hover {background: none;}
.menu-zonaclientes li {float: left;}
.menu-zonaclientes:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}


/*textos & clases*/
#bloque1 #contenido-central #home-variable-flash #texto-variable #ficha h4{
	color: #4b7388;
	font-weight: bold;
	margin-bottom: 3px;
}
#bloque1 #contenido-central #home-variable-flash #texto-variable #ficha p{
	color: #85a0ae;
}
#bloque2 #contenido #textos-enlaces #links-empresa ul{
	list-style:none; 
	margin:0; 
	padding:0;
}
#bloque2 #contenido #textos-enlaces #links-empresa ul li{
	margin: 0;
	padding: 0;
	color: #ffffff;
	height: 18px;
}
#bloque2 #contenido #textos-enlaces #derechos p{
	color: #bfced6;
}
#bloque1 #contenedor-noticias #bloque-noticias #contenido p{
	color: #ffffff;
}
#seccion-noticias .titulo{
	margin-bottom: 3px;
	font: normal bold 12pt/12pt Arial, Helvetica, sans-serif;
}
#seccion-noticias .detalle{
	margin-top: 10px;
	line-height:12pt;
}
.texto1{
	color: #6694ac;
}

/*links*/
#bloque2 #contenido #textos-enlaces #links-empresa ul li a{
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
}
#bloque2 #contenido #textos-enlaces #links-empresa ul li a:hover{
	color: #bfced6;
}
.link2,.link2:visited{
	font-weight: bold;
	color: #6694ac;
	text-decoration:none;
}
.link2:hover{
	text-decoration: underline;
}
.link3,.link3:visited{
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
}
.link3:hover{
	text-decoration: underline;
}
.link4,.link4:visited{
	color: #bfced6;
	text-decoration: none;
}
.link4:hover{
	color: #ffffff;
	text-decoration: underline;
}
#seccion-noticias a,#seccion-noticias a:visited{
	color: #6694ac;
	font-weight:bold;
	text-decoration: none;
}
#seccion-noticias a:hover{
	color: #6694ac;
	font-weight:bold;
	text-decoration: underline;
}
#seccion-servicios #texto a,#seccion-servicios #texto a:visited{
	font-weight: bold;
	color: #6694ac;
	text-decoration:none;
}
#seccion-servicios #texto a:hover{
	text-decoration: underline;
}


/*formularios*/
#formulario input{
	width: 275px;
	margin-bottom: 12px;
	border: 1px solid #406274;
	background: #3a5767;
	color: #ffffff;
}
#formulario input.checkbox {
	width: 25px;
	border: none;
}
#formulario select {
	width: 210px;
	margin-bottom: 8px;
	border: 1px solid #c0c0c0;
}
#formulario textarea {
	width: 275px;
	height: 40px;
	margin-bottom: 12px;
	overflow: auto;
	border: 1px solid #406274;
	background: #3a5767;
	color: #ffffff;
}
#formulario label {
	display: block;
	float: left;
	text-align: right;
	width: 60px;
	padding-right: 5px;
	font: normal normal normal 9pt/12pt Arial, Helvetica, sans-serif;
	color: #4b7388;
}
#formulario br {
	clear: left;
}
#formulario .enviar {
	margin-top: 10px;
	width: 44px;
	border: 1px solid #ffffff;
}