/* CSS Document */
html{
   min-height: 100%;
   margin-bottom: 1px;
}

body{
	background:url(i/fnd.jpg) repeat-x #D3D4D4;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-size-adjust:none;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:1.5;
	}

h1{
	font-family: "ITC Stone Sans", Arial, Helvetica, sans-serif;
	font-size:28px;
	color:#172983;
	line-height:1em;
	margin-bottom:7px;
	font-weight:normal;
	letter-spacing: -0.40pt;
	}

h2{
	color:#00A6EB;
	font-weight:bold;
	line-height:normal;
	}

p{
	text-align:justify;
	line-height:normal;
	padding-top:10px;
	}

ul{
	padding-left:40px;
	padding-top:10px;
	}
a{
	font-weight:bold;
	text-decoration:none;
	color:#00A6EB;
	}
.textoG{
	font-size:42px;
	}

/* Tabla principal */
#principal{
	margin-left:auto;
	margin-right:auto;
	/*height:98%*/

}
#contenido{
	/*height:100%;*/
	}
#cabecera{
	height:95px;
	}
/* Logo */
#logo{
	width:154px;
	height:60px;
	margin-left:10px;
	margin-top:5px;
	float:left;
	}

/* Login */
#login{
/*
	width:500px;
*/
	height:20px;
	margin-top:45px;
	float:right;
	text-align:right;
	color:#172983;
	font-size:12px;
	}
#login a{
	padding-left:10px;
	padding-right:10px;
	color:#172983;
	text-decoration:none;
	font-weight:bold;
	}

/* Formulario Login */
#wait-login{
	position: relative;
	float: right;
	left: 190px;
	top: 30px;
	text-align:right;
	color:#172983;
}


/* Menu */
#centrarmenu{
	text-align:center;
	}
#menu{
	font-family: Arial, sans-serif;
	font-size:16px;
	color:#FFFFFF;
	}
#menu ul{
	list-style:none;
	padding:0;
	margin:0 auto;
	}
#menu li{
	display:inline;
	padding:0;
	}
#menu li a{
	display:inline-block;
	padding:0 15px 0 0;
	height:30px;
	line-height:30px;
	text-align:center;
	color:#FFFFFF;
	text-decoration:none;
	}
#menu li a b {
	display:inline-block;
	height:30px;
	padding:0 0 0 15px;
	cursor:pointer;}
#menu li a:hover{
	background: url(i/menu_fnd2.gif) no-repeat right top;
	/*background:url(i/menu_fnd1.gif) center no-repeat;*/
	color:#172983;
	text-decoration:none;
	}
#menu li a:hover b{
	background: url(i/menu_fnd1.gif) left top;
	}
.activo a{
	background:url(i/menu_fnd2.gif) no-repeat right top;;
	color:#172983;
	}
.activo a b{
	background: url(i/menu_fnd1.gif) left top;
	color:#172983;
	}

/* Fila después del menú con sombra sobre blanco */
#sombra{
	background:url(i/sombra.jpg) repeat-x #ffffff;
	}

/* Celda contenido */
#contenido{
	background:#ffffff;
	}
#fndseparador{
	margin-top:20px;
	background:url(i/fndseparador.gif) repeat-y;
	height:270px;
	}

/* Primer bloque */
#bloque1{
	float:left;
	width:276px;
	padding:0 20px;
	height:180px;
	margin-bottom:40px;
	}
#bloque{
	float:left;
	width:275px;
	padding:0 20px;
	height:180px;
	margin-bottom:40px;
	}
/* Último bloque */
#bloque3{
	float:right;
	width:276px;
	padding:0 20px;
	height:180px;
	margin-bottom:40px;
	}

/* Bloque ver más */
#vermas{
	margin-top:15px;
	color:#00A6EB;
	font-size:11px;
	font-weight:bold;
	text-align:right;
	text-transform:uppercase;
	}
#vermas a{
	color:#00A6EB;
	text-decoration:none;
	}

/* Botones utilidades */
.btn_util{
	margin-bottom:5px;
	}

/* Listas de Distribución */
#banner{
	float:left;
	width:300px;
	height:150px;
	padding-left:20px;
	margin-top:10px;
	}

/* Bloque texto destacado */
#destacado{
	float:right;
	width:590px;
	padding-right:20px;
	margin-top:10px;
	}

#newsletter{
	width:525px;
	padding: 10px 20px;
	float:left;
	/*text-align:center;*/
	}
#newsletter a{
	text-decoration:none;
	}

/* Slogan */
#slogan{
	padding-left:20px;
	padding-top:40px;
	width:460px;
	height:200px;
	float:left;
	}

#slogan h2{
	margin-top:15px;
	font-size:20px;
	line-height:18px;
	color:#00A6EB;
	}
#sloganIMG{
	padding-right:50px;
	width:350px;
	height:200px;
	float:right;
	text-align:right;
	}
#sloganIMG img{
	margin-top:25px;
	}

/* Ofrecemos */
#ofrecemos{
	padding-left:20px;
	padding-right:20px;
	}

/* Título */
#titulo{
	margin:20px 20px 0 20px;
	}


/* Bloque entero */
#bloque930{
	margin:5px 20px 30px 20px;
	}
/* Boton contacto comercial */
#btncomerciales{
	width:279px;
	height:46px;
	float:right;
	}
.stone{
	font-family: "ITC Stone Sans", Arial, Helvetica, sans-serif;
	font-size:23px;
	line-height:19px;
	}
#btncomerciales a{
	font-weight:normal;
	background:url(i/fnd_btncomerciales1.gif) no-repeat;
	text-decoration:none;
	display:block;
	width:260px;
	height:46px;
	padding-top:4px;
	padding-left:30px;
	}

.btnflecha{
   background:url(i/fnd_btncomerciales1.gif) no-repeat;
   margin-left: 30px;
   padding-left: 30px;
   padding-top: 4px;
   height: 30px;
	font-family: "ITC Stone Sans", Arial, Helvetica, sans-serif;
	font-size:23px;
	line-height:19px;
   color: #00a6eb;
}

#btncomerciales a:hover, .btnflecha:hover{
	background:url(i/fnd_btncomerciales2.gif) no-repeat;
	}


/* Formulario de contacto */
#fcontacto{
	font-size:12px;
	padding:20px;
	background:#A8D0E9;
	}
#fcontacto label{
	display:block;
	font-weight:bold;
	color:#172983;
	}
.campo{
	width:300px;
	margin-bottom:5px;
	border:solid 1px #93C1DE;
	background-color:#F2FAFF;
	}
#mensaje{
	height:150px;
	display:block;
	}
#btn_enviar{
	padding:2px;
	border:solid 1px #93C1DE;
	background-color:#172983;
	text-align:center;
	color:#ffffff;
	font-weight:bold;
	}

/* Formulario Trabaja con nosotros */
#ftrabaja label.check{
	display:inline;
	}
#ftrabaja{
	font-size:12px;
	padding:20px;
	background:#A8D0E9;
	}
#ftrabaja label{
	display:block;
	font-weight:bold;
	color:#172983;
	}
/* Paddings formularios atención al cliente */
#fsugerencias{
	font-size:12px;
	padding: 20px 50px;
	background:#A8D0E9;
	}
#fsugerencias label{
	display:block;
	font-weight:bold;
	color:#172983;
	}
#freclamaciones{
	font-size:12px;
	padding: 20px 50px;
	background:#A8D0E9;
	}
#freclamaciones label{
	display:block;
	font-weight:bold;
	color:#172983;
	}
/* Formulario listas de distribución */
#flistas{
	font-size:12px;
	padding:20px;
	background:#A8D0E9;
	}
#flistas label{
	display:block;
	font-weight:bold;
	color:#172983;
	}
#flistas label.check{
	display:inline;
	}
.destacado{
	font-size:20px;
	line-height:18px;
	color:#00A6EB;
	}

/* Pie */
#pie{
	padding-top:55px;
	padding-bottom:5px;
	text-align:center;
	color:#172983;
	font-size:11px;
	font-weight:bold;
	background:#FFFFFF;
	}
#pie a{
	color:#172983;
	text-decoration:none;
	}

#decopie{
	background:url(i/pie.jpg) repeat-x #07488D;
	}

.linkBlock{
   cursor: pointer;
   font-weight: bold;
}
#fpago{
   width:400px;
	font-size:12px;
	padding:20px;
	background:#A8D0E9;
	margin-left: 100px;
	}

#fpago label{
	display:block;
	font-weight:bold;
	color:#172983;
	float: left;
	width: 190px;
	}

#panel{
   float: right;
   width: 500px;
   height: 50px;
}

#panel li{
   list-style-type: none;
   display: inline;
   margin-left: 60px;
}
.marcoPrecios{
   float: left;
   margin-left: 20px;
   line-height: 14px;
	font-size:12px;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:10px;
	padding-right:10px;
	border: 2px solid #A8D0E9;
}

.marcoPrecios .precios{
   font-weight: bold;
   font-size:13px;
}

.marcoPrecios .pequenya{
   font-size: 11px;
   line-height: 11px;
   margin-left: 15px;
   float: right;
}

.windowSoporte{
   margin-top: 30px;
}

.windowSoporte div{
   background: white url('i/ico_soporte.gif') no-repeat top center;
   width: 110px;
   height: 15px;
   text-align: center;
   margin-top: 10px;
   padding-top: 55px;
   float: left;
}

.windowSoporte a, .windowSoporte a:link, .windowSoporte a:visited{
   color: #172983;
}

.windowSoporte a:hover{
   color: #A8D0E9;
}


.cuadroLogin{
   display:none;
   position: relative;
   border: 1px solid #044d91;
   outline: 1px solid #9cc9e6;
   background: #9cc9e6;
   width: 250px;
   height: auto;
   padding: 3px;
   margin: 2px;
}

.cuadroLogin label{
   display: block;
   float: left;
   width: 80px;
}

.cngLogin{
   float: right;
   width: 260px;
}


