@charset "utf-8";
/* CSS Document */
/* FUENTE ABERE  */
@font-face {
    font-family: 'liberation_sansregular';
    src: url('../fonts/LiberationSans-Regular-webfont.eot');
    src: url('../fonts/LiberationSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/LiberationSans-Regular-webfont.woff') format('woff'),
         url('../fonts/LiberationSans-Regular-webfont.ttf') format('truetype'),
         url('../fonts/LiberationSans-Regular-webfont.svg#liberation_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'liberation_sansitalic';
    src: url('../fonts/LiberationSans-Italic-webfont.eot');
    src: url('../fonts/LiberationSans-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/LiberationSans-Italic-webfont.woff') format('woff'),
         url('../fonts/LiberationSans-Italic-webfont.ttf') format('truetype'),
         url('../fonts/LiberationSans-Italic-webfont.svg#liberation_sansitalic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'liberation_sansbold_italic';
    src: url('../fonts/LiberationSans-BoldItalic-webfont.eot');
    src: url('../fonts/LiberationSans-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/LiberationSans-BoldItalic-webfont.woff') format('woff'),
         url('../fonts/LiberationSans-BoldItalic-webfont.ttf') format('truetype'),
         url('../fonts/LiberationSans-BoldItalic-webfont.svg#liberation_sansbold_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'liberation_sansbold';
    src: url('../fonts/LiberationSans-Bold-webfont.eot');
    src: url('../fonts/LiberationSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/LiberationSans-Bold-webfont.woff') format('woff'),
         url('../fonts/LiberationSans-Bold-webfont.ttf') format('truetype'),
         url('../fonts/LiberationSans-Bold-webfont.svg#liberation_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;

}
/* /FUENTE ABERE */

/* BODY y CONTENEDOR PRINCIPAL */
body{
	background-color:#f2f2f2;
	font-family:Verdana, Geneva, sans-serif;
	font-size:0.8em;
	color:#222;
}

body .wrapper{
	background-color:#ffffff;
	box-shadow: 0 0 13px rgba(0, 0, 0, 0.3);
	padding: 20px 0 20px 0;
}
body a{
	color:#33474f;
}
body a:hover{
	color:#0078a1;
}
/* /BODY y CONTENEDOR PRINCIPAL */

/* CABECERA */
#cabecera .topbar{
	margin-bottom:3px;
	font-size:0.9em;
}
#cabecera .topbar .enlacesPop{
	position: relative;
	width:100%;
	float:left;
}
#cabecera .topbar ul{
	float:right;
}
#cabecera .topbar ul li{
	float:left;
	margin-right:10px;
	/*width:200px;*/
	
}
#cabecera .topbar .loginPop{
	position:absolute;
	right:10px;
	top:25px;
	width:241px;
	padding:20px 10px 10px 10px;
	background:#fff url(../img/flecha_gris_down.png) 25px top no-repeat;
	-moz-box-shadow: 3px 5px 5px #222;
	-webkit-box-shadow: 3px 5px 5px #222;
	box-shadow: 3px 5px 5px #222;
	display:none;
}
#cabecera .topbar .loginPop .formulario .label{
	float:left;
	width:100%;
	font-family: 'liberation_sansregular', Verdana, Geneva, sans-serif;
	font-weight:100;
	font-size:1.2em;
	color:#33474F;
}
#cabecera .topbar .loginPop .formulario .inputText{
	width:100%;
	margin-bottom:10px;
}
	
#cabecera .topbar .loginPop .formulario .buttonForm{
	float:right;
	margin-bottom:10px;
	background:#222 url(../img/flecha2_blanca_right.png) center right no-repeat;
	padding-right:20px;
	height:22px;
}
#cabecera .topbar .loginPop .formulario .buttonForm:hover{
	background-color:#DDD;
}
#cabecera .topbar .loginPop .olvido{
	padding-top:10px;
	border-top:1px dotted #222;
	font-size:0.9em;

}
#cabecera .topbar .loginPop .olvido a{
	color:#33474F;
	text-decoration:underline;
}
#cabecera .topbar .loginPop .olvido a:hover{
	text-decoration:none;
}

#cabecera .langbar{
	background-color:#33474f;
	color:#fff;
	padding:3px 10px;
}
#cabecera .langbar div{
	float:right;
}
#cabecera .langbar ul.lang{
	float:left;
	font-size:0.85em;
	margin-top:6px;
}
#cabecera .langbar ul.lang li{
	display:inline;
}
#cabecera .langbar ul.lang li:first-child{
	border-right:1px solid #fff;
	padding-right:5px;
}
#cabecera .langbar ul.lang li a{
	color:#fff;
}
#cabecera .langbar ul.social{
	float:left;
	margin-left:5px;
}
#cabecera .langbar ul.social li{
	display:inline;
}

#cabecera .langbar ul.social li a.facebook, #cabecera .langbar ul.social li a.twitter{
	color:#fff;
	font-size:1.2em;
	display:block;
	height:20px;
	width:20px;
	float:left;
	margin-left:10px;
	text-align:center;
}
#cabecera .langbar ul.social li a.facebook{
	background-color:#3b5998;
}
#cabecera .langbar ul.social li a.twitter{
	background-color:#489ccf;
}
#cabecera .langbar ul.social li a.facebook:hover, #cabecera .langbar ul.social li a.twitter:hover{
	background-color:#ddd;
	color:#222;
}

#cabecera .mainbar{
	background:transparent url(../img/h_bg.jpg) bottom right no-repeat;
	min-height:155px;
}
#cabecera .mainbar h1{
	font-family: 'liberation_sansitalic', Verdana, Geneva, sans-serif;
	font-size:1.6em;
	color:#33474f;
	margin-top:105px;
	font-weight:100;
}
#cabecera .mainbar a{
	color:#33474f;
}
#cabecera .mainbar h2{
	 font-family: 'liberation_sansitalic', Verdana, Geneva, sans-serif;
	 font-size:1.6em;
	 color:#33474f;
	 margin-top:105px;
	 font-weight:100;
}
#cabecera .mainbar .tfnoAttCliente{
	text-align:right;
	margin-top:15px;
	color:#33474f;
	font-family: 'liberation_sansregular', Verdana, Geneva, sans-serif;
	font-weight:100;
}
#cabecera .mainbar .tfnoAttCliente .title{
	font-size:1.2em;
	text-transform:uppercase;
}
#cabecera .mainbar .tfnoAttCliente .tfno{
	font-size:2.4em;
	margin-top:-5px;
}
#cabecera .mainbar .tfnoAttCliente .mail{
	font-size:1.2em;
	margin-top:-8px;
}
#cabecera .mainbar .tfnoAttCliente .mail a{
	color:#33474f;
}
#cabecera .menubar{
	background-color:#33474f;
	color:#fff;
	font-family: 'liberation_sansregular', Verdana, Geneva, sans-serif;
	font-weight:100;
	
}
#cabecera .menubar{
	background-color:#33474f;
	color:#fff;
	font-family: 'liberation_sansregular', Verdana, Geneva, sans-serif;
	font-weight:100;
	clear:both;
}
#cabecera .menubar ul.menu li {
	border-right: 1px dotted #fff;
	float:left;
	text-align:center;
	font-size:1.1em;
}

#cabecera .menubar ul.menu li a{
	color: #fff;
	text-transform:uppercase;
	line-height: 2em;
	padding:5px 34.00px;
	display:inline-block;
}
#cabecera .menubar ul.menu li a:hover, #cabecera .menubar ul.menu li.active a{
	text-decoration:underline;
}
#cabecera .menubar ul.menu li.active a{
	/*color:#222;*/
}
#cabecera .menubar ul.menu li:last-child{
	border-right: none;
}
#cabecera .menubar ul.menu li ul.submenu{
	display:none;
	background:#ddd url(../img/flecha_verde_down.png) 15px top no-repeat;
	z-index:9999;
	position: absolute;
	padding:10px 5px 5px 5px;
	
	-moz-box-shadow: 3px 5px 5px #222;
	-webkit-box-shadow: 3px 5px 5px #222;
	box-shadow: 3px 5px 5px #222;
}
#cabecera .menubar ul.menu li ul.submenu li{
	text-transform:none;
	margin-top:0;
	float:none;
	border-right:none;
	border-bottom:1px dotted #222;
	font-size:0.9em;
}
#cabecera .menubar ul.menu li ul.submenu li a{
	color:#222;
	padding:5px 15px;
}
#cabecera .menubar ul.menu li ul.submenu li a:hover{
	color:#0078a1;
}
#cabecera .menubar ul.menu li#menu_inicio:hover ul.submenu,
#cabecera .menubar ul.menu li#menu_servicios:hover ul.submenu,
#cabecera .menubar ul.menu li#menu_tienda:hover ul.submenu,
#cabecera .menubar ul.menu li#menu_descargas:hover ul.submenu,
#cabecera .menubar ul.menu li#menu_boletin:hover ul.submenu,
#cabecera .menubar ul.menu li#menu_contacto:hover ul.submenu,
#cabecera .menubar ul.menu li#menu_conocenos:hover ul.submenu{
	display:block;
}

/* /CABECERA */

/* PIE */
#pie .banners{
	padding:10px;
	color:#222;
	/*margin-bottom:15px;*/
}
#pie .banner{
	float:left;
	border:1px solid #33474f;
}
#pie .banner.last{
	border-left:none;
}
#pie .banner img{
	float:left;
}

#pie .boletin{
	padding:10px;
	min-height:28px;
	height:auto !important;
	height:28px;
	text-align:center;
}
#pie .boletin h5{
	background:transparent url(../img/newsletter.png) left center no-repeat;
	padding-left:35px;
	padding-top:5px;
	margin-right:10px;
	display:inline-block;
	font-family: 'liberation_sansregular', Verdana, Geneva, sans-serif;
	font-weight:100;
	text-transform:uppercase;
	font-size:1.3em;
	vertical-align:top;
}
#pie .boletin .formulario{
	display:inline-block;
	padding-top:3px;
}
#pie .boletin .formulario form{
	float:left;
}
#pie .boletin .formulario label{
	float:left;
}
#pie .boletin .formulario label span.label{
	float:left;
	margin-right:10px;
	margin-left:10px;
	font-family: 'liberation_sansregular', Verdana, Geneva, sans-serif;
	font-weight:100;
	/*text-transform:uppercase;*/
	font-size:1.1em;
	padding-top:5px;
	color:#33474F;
}
#pie .boletin .formulario .inputText{
	width:200px;
	float:left;
}
#pie .boletin .formulario .buttonForm{
	float:left;
	margin-left:10px;
	background:#222 url(../img/flecha2_blanca_right.png) center right no-repeat;
	padding-right:20px;
	height:22px;
}
#pie .boletin .formulario .buttonForm:hover{
	background-color:#0078a1;
}

#pie .tienda{
	padding:10px;
	color:#222;
}
#pie .tienda .tiendaWrapper{
	padding:10px;
	border:1px solid #222;
	background:#fff url(../img/bg_tienda_pie.png) top left repeat;
}
#pie .tienda .tiendaWrapper .transporte, #pie .tienda .tiendaWrapper .pago, #pie .tienda .tiendaWrapper .reclamaciones, #pie .tienda .tiendaWrapper .attCliente{
	float:left;
	width:25%;
	min-height:69px;
	height:auto !important;
	height:69px;
	vertical-align:middle;
}
#pie .tienda .tiendaWrapper .transporte{
	background:transparent url(../img/camion.png) left center no-repeat;
	padding-left:90px;
}
#pie .tienda .tiendaWrapper .pago{
	background:transparent url(../img/tarjeta.png) left center no-repeat;
	padding-left:90px;
}
#pie .tienda .tiendaWrapper .reclamaciones{
	background:transparent url(../img/reclamaciones.png) left center no-repeat;
	padding-left:90px;
}
#pie .tienda .tiendaWrapper .attCliente{
	background:transparent url(../img/attCliente.png) left center no-repeat;
	padding-left:90px;
}
#pie .tienda .tiendaWrapper p.title{
	font-family: 'liberation_sansregular', Verdana, Geneva, sans-serif;
	font-weight:100;
	text-transform:uppercase;
	font-size:1.1em;
	padding-top:10px;
}

#pie .info{
	background-color:#33474f;
	color:#fff;
	padding:10px;
	font-size:0.85em;
}
#pie .info a{
	color:#fff;
	text-decoration:none;
}
#pie .info a:hover{
	text-decoration: underline;
}
#pie .info .infoTop{
	border-bottom:1px dotted #fff;
	padding-bottom:10px;
	margin-bottom:20px;
}
#pie .info .infoTop .title{
	font-family: 'liberation_sansregular', Verdana, Geneva, sans-serif;
	font-weight:100;
	font-size:1.4em;
}
#pie .info .infoTop ul.social{
	float:right;
	margin-left:5px;
}
#pie .info .infoTop ul.social li{
	display:inline;
}

#pie .info .infoTop ul.social li a.facebook, #pie .info .infoTop ul.social li a.twitter{
	color:#fff;
	font-size:2.15em;
	display:block;
	height:30px;
	width:30px;
	float:left;
	margin-left:10px;
	text-align:center;
}
#pie .info .infoTop ul.social li a.facebook{
	background-color:#3b5998;
}
#pie .info .infoTop ul.social li a.twitter{
	background-color:#489ccf;
}
#pie .info .infoTop ul.social li a.facebook:hover, #pie .info .infoTop ul.social li a.twitter:hover{
	background-color:#ddd;
	color:#222;
}
#pie .info .infoMiddle{
	text-align:center;
	padding:0 10px;
	width:100%;
	margin-bottom:20px;
}
#pie .info .infoMiddle ul{
	float:none;
	margin:0 auto;
	width:auto;
}
#pie .info .infoMiddle ul li{
	display:inline;
	line-height:1.2em;
	border-left:1px solid #fff;
	padding-left:9px;
	margin-left:5px;
}
#pie .info .infoMiddle ul li:first-child{
	border-left:none;
	padding-left:0;
	margin-left:0;
}
#pie .info .infoBottom{
	text-align:center;
	padding:0 10px;
	width:100%;
	margin-bottom:20px;
}
#pie .info .infoBottom ul{
	float:none;
	margin:0 auto;
	width:auto;
}
#pie .info .infoBottom ul li{
	display:inline;
	line-height:1.2em;
	border-left:1px solid #fff;
	padding-left:9px;
	margin-left:5px;
}
#pie .info .infoBottom ul li:first-child{
	border-left:none;
	padding-left:0;
	margin-left:0;
}

/* /PIE */

/* MENU AREA DOCUMENTAL Y TIENDA COL IZQ */
#zonaIzq .menuAreaDocumental, #zonaIzq .menuTienda{
	float:left;
	background-color:#ddd;
	margin-bottom:12px;
	width:100%;
}
#zonaIzq .menuAreaDocumental ul.nivel1 li, #zonaIzq .menuTienda ul.nivel1 li{
	padding:10px;
	border-bottom:1px dotted #222;
}
#zonaIzq .menuAreaDocumental ul.nivel1 li:last-child, #zonaIzq .menuTienda ul.nivel1 li:last-child{
	border-bottom:none;
}
#zonaIzq .menuAreaDocumental ul.nivel1 li a, #zonaIzq .menuTienda ul.nivel1 li a{
	color:#0078a1;
	text-transform:uppercase;
	background:url(../img/item-lista-azul-p2.png) left top no-repeat;
	padding-left:14px;
}
#zonaIzq .menuAreaDocumental ul.nivel1 li.active a, #zonaIzq .menuTienda ul.nivel1 li.active a{
	background:url(../img/item-lista-azul-p-down.png) left top no-repeat;
}

#zonaIzq .menuAreaDocumental ul.nivel1 li ul.nivel2, #zonaIzq .menuTienda ul.nivel1 li ul.nivel2{
	font-size:0.9em;
	display:none;
}
#zonaIzq .menuAreaDocumental ul.nivel1 li ul.nivel2 li, #zonaIzq .menuTienda ul.nivel1 li ul.nivel2 li{
	border-bottom:none;
	padding-bottom:0;
}
#zonaIzq .menuAreaDocumental ul.nivel1 li ul.nivel2 li:last-child, #zonaIzq .menuTienda ul.nivel1 li ul.nivel2 li:last-child{
	/*padding-bottom:0;*/
}
#zonaIzq .menuAreaDocumental ul.nivel1 li ul.nivel2 li a, #zonaIzq .menuTienda ul.nivel1 li ul.nivel2 li a{
	color:#222;
	text-transform:none;
	background:url(../img/item-lista-gris-p2.png) left top no-repeat;
	padding-left:14px;
	text-indent:14px;
}
/* /MENU AREA DOCUMENTAL Y TIENDA COL IZQ */