@import url(http://fonts.googleapis.com/css?family=Titillium+Web:400,300,300italic,400italic,600,600italic,700,700italic,900,200);


/* HTML TAGS */
body {background-color:#fff;/*font-family: 'Titillium Web', sans-serif;*/ font-family:Verdana, Geneva, sans-serif; font-size:1.0em;line-height:150%;}
a {color:#444444;text-decoration:none;}
a:hover {text-decoration:underline;}
p {margin-bottom:10px; font-family: 'verdana';line-height:200%;font-size:1em;}
h1 {font-size:2em !important;margin-bottom:50px !important;margin-top:50px !important; color:#476695; font-weight:300;letter-spacing:2px; line-height:120%;}
h2 {font-size:1.4em !important;margin-bottom:20px !important;color:#476695; font-weight:300;}
h3 {font-size:1.3em !important;margin-bottom:10px !important; background-color:#9dc2ee; text-align:left;}
h4 {font-size:1.2em !important;margin-bottom:5px !important;}
h5 {font-size:1.1em !important;margin-bottom:2px !important;}
input {width:96%;height:18px;letter-spacing:1px;border:1px solid #d1d7db;}
input.boton {height:40px; background-color:#EAEAE6; color:#476695;border:1px solid #d1d7db; width:100%; font-size:2em; font-weight:800; cursor:pointer;}
input.captchacode {height:26px;margin-left:10px;width:48%;text-align:center;font-size:1.5em;letter-spacing:2px;}
input.check {width:13px;height:13px;border:0;padding:0;}
select {width:96%;height:20px;border:1px dotted #000000;}
select.mini {width:40px}
textarea {width:96%;border:1px solid #d1d7db;height:160px;}
hr {border:0;color:solid #d1d7db;background-color:#000000;height:1px;width:100%;text-align:center;padding:0;}
object, embed, iframe {max-width:100%;}

/* PLANTILLA */
.wrapper100 {width:100%;overflow:hidden;margin:0; }
.wrapper {width:320px;overflow:hidden;margin:0 auto;}
.wrapper-visible {overflow:visible !important;}
.oculto {display:none;}
.columna50 {width:100%;overflow:hidden;}
.breadcrumb {width:100%;padding:5px 5px; color:#476695;font-size:1em; margin:5px 0; /*background-color:#9dc2ee;*/}
.breadcrumb a{ color:#476695}
.contenido {background-color:#ffffff;color:#000000;}
.padding {padding:10px 20px;overflow:hidden}
.peque {font-size:0.85em;}
.mayusculas {text-transform:uppercase}
.piedefoto {margin-top:1px;padding:1px 5px;font-size:0.85em;background-color:#000000;color:#ffffff;text-align:left}
.error {font-weight:bold;}
.inputError {border:2px solid #F90;}
.titular {margin-top:10px;padding:5px;background-color:#000000;color:#ffffff;font-weight:bold;}
.titular a {color:#ffffff}
.titular h1, .titular h2, .titular h3, .titular h4, .titular h5, .titular h6 {margin-bottom:0}
.caja {border:1px solid #000000;padding:10px}
.ir-a, .ir-a a{background-color:#c7defc; color:#476695; letter-spacing:2px; padding:5px; -webkit-border-radius: 5px;border-radius: 5px;}
.family{ font-family:"Times New Roman", Times, serif;}

.info-top{ float:right; font-size:1.3em;  color:#476695; letter-spacing:2px; line-height:150%; text-transform:uppercase;padding:20px; font-weight:bold;
/*margin:0 0 20px 0;-webkit-border-radius: 0 0 10px 10px;border-radius: 0 0 10px 10px;  border:#36C solid 2px; background-color:#9dc2ee*/}
.info-pie{ text-align:center; overflow:visible;}


/*.blue{ color:#476695;} */
.blue{ color:#476695;} 
.size2{ font-size:1.2em;}
.size3{ font-size:1.5em;}
.size0{ font-size:0.8em;}
.size1{ font-size:1em;}
.gris{ color:#d1d7db;}
.size-foot{ font-size:1.5em;}
.adress{color:#476695;font-size:1.5em; letter-spacing:2px; line-height:150%; font-weight:bold;}
.listado p{font-size:1.2em;}
.listado .texto p{font-size:1em;}
.bold{ font-weight:bold;}


/* SPRITE */
a .sprite {cursor:pointer}
.sprite {background-image:url(../images/sprite.png);width:32px;height:32px;display:block;float:left;}
.sprite-backoffice {background-position:-480px -256px}
.sprite-pdf {background-position:-64px -864px}
.sprite-enviar {background-position:-448px -672px}
.sprite-facebook {background-position:-320px -704px}
.sprite-twitter {background-position:-448px -704px}
.sprite-buscar {background-position:-480px -224px;}
.sprite-carrito {background-position:-224px -96px;}
.sprite-papelera {background-position:-256px -320px;}
.sprite-reload {background-position:-384px -544px;}
.sprite-validar {background-position:-64px -608px;}
.sprite-imprimir {background-position:0 -160px;}

/* CABECERA */
#header {min-height:32px;font-size:0.8em;/*background-color:#ffffff;*/color:#000000;}
#header #idiomas {float:left;margin-left:3px;}
#header #idiomas ul {list-style-type:none;margin:0;}
#header #idiomas ul li {float:left;padding:5px;height:20px;}
#header #idiomas ul li img {float:left;padding-top:5px}
#header h5 {float:left;padding:4px 0 0 10px;}
#buscador {float:right;}
#buscador span {float:right !important;}
#buscador input {width:130px;float:right;padding:3px;height:18px;margin-bottom:8px;font-size:0.9em;-webkit-border-radius: 50px;
border-radius: 50px;}
#header #plugins {float:right;}
#header .logo{ float:left;}
#slideCabecera{ width:100%; margin:auto;}
#slideCabecera img{ width:100%; margin:auto;}
#texto-slide{display:none;}

/* MENUS */
.menu {min-height:32px;text-align:left;background-color:#fff;font-size: 1.3em; font-weight:300;letter-spacing:2px;}
.menu .nav, .nav ul {margin:0;list-style-type:none;position:relative;line-height:32px;}
.menu .nav a {display:block;text-decoration:none;line-height:32px;padding:0 0.8em;background-color:#fff;color:#444;}
.menu .nav a:hover{background-color:#9dc2ee;color:#fff;}
.menu .nav li {float:left;position:relative;z-index:500;border-right:1px solid #888;} 
.menu .nav li li {border:none;}
.menu .nav li li a {border-bottom:1px solid #476695;}
.menu .nav ul {position:absolute;top:32px;display:none;border-left:1px solid #888;border-right:1px solid #888;margin-left:-1px}
.menu .nav ul a {background-color:#9dc2ee;color:#fff;font-size:0.7em;letter-spacing:1px;line-height:180%}
.menu .nav ul a:hover {background-color:#fff;color:#888;}
.menu .nav li ul a {width:20em;float:left;}
.menu .nav ul ul{width:20em;top:auto;}
.menu .nav li ul ul {margin:0 0 0 16em;}
.menu .nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul {display:none;}
.menu .nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul {display:block;}
#menu-header{ margin-bottom:10px;}

/* MENU CABECERA RESPONSIVE */
a.meanmenu-reveal {display: none;}
.mean-container .mean-bar {width: 100%;overflow:hidden;position: relative;background:#476695; padding: 4px 0;min-height: 38px;z-index: 999999;color:#000000;margin-top:-5px;font-size:0.8em}
.mean-container a.meanmenu-reveal {width: 22px;height: 22px;padding: 13px 13px 11px 13px;position: absolute;top: 0;right: 0;cursor: pointer;color: #ffffff !important;text-decoration: none;text-indent: -9999em;line-height: 22px;display: block;}
.mean-container a.meanmenu-reveal span {display: block;background: #ffffff;height: 3px;margin-top: 3px;}
.mean-container .mean-nav {float: left;width: 100%;background: #476695;margin-top: 33px;}
.mean-container .mean-nav ul {padding: 0;margin: 0;width: 100%;list-style-type: none;}
.mean-container .mean-nav ul li {position: relative;float: left;width: 100%;margin-top:10px;}
.mean-container .mean-nav ul li a {display: block;float: left;width: 90%;padding: 0.15em 5% 0.5em 5%;margin: 0;text-align: left;color: #ffffff;border-bottom: 1px solid rgba(214,214,214, 0.9);text-decoration: none;font-size:1.1em;}
.mean-container .mean-nav ul li li a {width: 80%;line-height:32px !important;padding: 0.2em 10%;background: #fff;border-bottom: 1px solid rgba(214,214,214, 0.9);text-shadow: none !important;visibility: visible; color:#476695;}
.mean-container .mean-nav ul li.mean-last a {border-bottom: none;margin-bottom: 0;}
.mean-container .mean-nav ul li li {margin-top:0}
.mean-container .mean-nav ul li li li a {width: 70%;padding: 0.2em 15%;}
.mean-container .mean-nav ul li li li li a {width: 60%;padding: 1em 20%;}
.mean-container .mean-nav ul li li li li li a {width: 50%;padding: 1em 25%;}
.mean-container .mean-nav ul li a.mean-expand {width: 22px;height: 26px;border: none !important;padding: 1px 12px !important;text-align: center;position: absolute;right: 0;top: 0;z-index: 2;font-weight: 700;}
.mean-container .mean-push {float: left;width: 100%;padding: 0;margin: 0;clear: both;}
.mean-nav .wrapper {width: 100%;padding: 0;margin: 0;}

/* PIE DE PAGINA */
#footer {font-size:0.7em;text-align:left;min-height:32px;background-color:#fff;color:#476695; border-top:#D1D7DB 1px solid; margin-bottom:30px;}
#footer #footer-cliente {padding:50px 0 0 25px;height:27px; width:90%; margin:auto; text-align:left;}
#footer #suscriptores {float:right;margin:5px 5px 0 2px;color:#ffffff;font-size:0.8em;}
#footer #suscriptores #emailNews, #suscriptores #email {width:130px;font-size:1em;height:12px;padding:2px}
#footer #suscriptores #subNews {width:30px;color:#ffffff;background-color:#000000;cursor:pointer}
#creditos {font-size:0.8em;margin:10px 0;text-align:center; background-color:#9dc2ee
; padding:10px 0;}
#creditos a {color:#000000;}

/* HOME */
#home {font-size:0.8em;}

/* TEXTOSWEB */
#textosweb { line-height:180%;/*font-size:0.8em;*/}
#textosweb h1{font-size:0.8em; letter-spacing:normal;}
#textosweb .imagen {float:right;margin:0 0 5px 10px;max-width:50%;}
#textosweb .imagen img {width:100%;height:auto;}
#textosweb .listado .miembro{display:block;margin-bottom:25px;border-top:1px solid #888;width:90%;overflow:hidden; margin-left:5%;}
#textosweb .listado .miembro .imagen {display:none;float:right;width:150px;margin:0 0 25px 10px;max-height:300px;overflow-y:hidden;}
#textosweb .listado .miembro {margin-bottom:25px;}
#textosweb .listado .miembro h3 {margin:20px 10px 5px 0px; background:none; color:#444; font-size: 1.3em !important;}
#textosweb .listado .miembro .cargo{float:left; margin:5px 10px 5px 0px; font-size:1.3em;}
#textosweb .listado .miembro .open-close{ padding:5px; min-width:22px; text-align:center; background-color:#9dc2ee; float:left;margin:5px 10px 5px 0px; font-size:1.3em; font-weight:bold; color:#fff; text-decoration:none; border-radius:20px;}
#textosweb .listado .miembro .capa{ width:90%; float:right;}
#textosweb .listado .miembro .capa .foto{float:left; margin:5px 50px 25px 0px;}
/*#textosweb .listado .miembro .capa .info{float:left; margin:5px 0 5px 10px;}
#textosweb .imagen {float:right;margin:0 0 20px 50px;max-width:50%;}
#textosweb .imagen img {width:100%;height:auto;-webkit-border-radius: 8px;border-radius: 8px;}*/


/* NOTICIAS */
#noticias {font-size:0.8em;}
#noticias .listado {display:block;margin-bottom:25px;border-top:1px solid #CCC;width:100%;overflow:hidden}
#noticias .listado .imagen {display:none;float:right;width:150px;margin:0 0 25px 10px;max-height:300px;overflow-y:hidden;}
#noticias .listado .texto {margin-bottom:25px; }
#noticias .listado .texto h3 {margin:5px 0; background:none;}
#noticias .imagen {float:right;margin:0 0 35px 40px;max-width:50%}
#noticias .imagen img {width:100%;height:auto;}
#noticias p{ font-size:1.3em;}

/* SERVICIOS */
#servicios {font-size:1em;}
#servicios .listado {display:block;margin-bottom:25px;border-top:1px solid #888;width:90%;overflow:hidden; margin-left:5%;}
#servicios .listado .imagen {display:none;float:right;width:150px;margin:0 0 25px 10px;max-height:300px;overflow-y:hidden;}
#servicios .listado .texto {margin-bottom:25px;}
#servicios .listado .texto h3 {margin:5px 0; background:none;}
#servicios .imagen {float:right;margin:0 0 20px 50px;max-width:50%;}
#servicios .imagen img {width:100%;height:auto;-webkit-border-radius: 8px;border-radius: 8px;}

/* VIDEOS */
#videos {font-size:0.8em;}
#videos .listado {display:block;margin-bottom:25px;border-top:1px dotted #000000;width:100%;overflow:hidden}
#videos .listado .imagen {display:none;float:right;width:150px;margin:0 0 25px 10px;max-height:300px;overflow-y:hidden;}
#videos .listado .texto {margin-bottom:25px;}
#videos .listado .texto h3 {margin:5px 0}

/* AUDIOS */
#audios {font-size:0.8em;}
#audios .listado {display:block;margin-bottom:25px;border-top:1px dotted #000000;width:100%;overflow:hidden}
#audios .listado h3 {margin:5px 0}
#audios .audio-player {margin:5px 0;width:220px;height:20px;background-color:#ffffff}

/* EVENTOS */
#eventos {font-size:0.8em;}
#eventos .listado {display:block;margin-bottom:25px;border-top:1px dotted #000000;width:100%;overflow:hidden}
#eventos .listado .imagen {display:none;float:right;width:150px;margin:0 0 25px 10px;max-height:300px;overflow-y:hidden;}
#eventos .listado .texto {margin-bottom:25px;}
#eventos .listado .texto h3 {margin:5px 0}
#eventos .imagen {float:right;margin:0 0 5px 10px;max-width:50%}
#eventos .imagen img {width:100%;height:auto;}

/* ENLACES */
#enlaces {font-size:0.8em;}
#enlaces .listado {display:block;margin-bottom:25px;border-top:1px dotted #000000;width:100%;overflow:hidden}
#enlaces .listado .imagen {display:none;float:right;width:150px;margin:0 0 25px 10px;max-height:300px;overflow-y:hidden;}
#enlaces .listado .texto {margin-bottom:25px;}
#enlaces .listado .texto h3 {margin:5px 0}

/* FORMULARIOS */
#formularios {font-size:0.8em;}
#formularios #form-captcha {float:left;}
#formularios .comm-imgcode {height:26px;margin-left:10px;width:48%;text-align:center;font-size:1.5em;letter-spacing:2px;}
#formularioContacto{ background-color:#F4F4F2; padding:2%;}
#formularios p{ font-size:1.3em;}

/* GALERIAS */
#galerias {font-size:0.8em;}
#galerias .listado {display:block;margin-bottom:25px;border-top:1px dotted #000000;width:100%;overflow:hidden}
#galerias .listado .imagen {display:none;float:right;width:150px;margin:0 0 25px 10px;max-height:300px;overflow-y:hidden;}
#galerias .listado .texto {margin-bottom:25px;}
#galerias .listado .texto h3 {margin:5px 0}
#galerias .listado-detalle {width:100%;overflow:hidden;margin-bottom:25px;}
#galerias .thumb {float:left;width:75px;height:50px;margin:8px;border:1px solid #000000;background-repeat:no-repeat;background-position:center center;}

/* PRODUCTOS */
#productos {font-size:0.8em;}
#productos .listado {display:block;margin-bottom:25px;border-top:1px dotted #000000;width:100%;overflow:hidden}
#productos .listado .imagen {display:none;float:right;width:150px;margin:0 0 25px 10px;max-height:300px;overflow-y:hidden;}
#productos .listado .texto {margin-bottom:25px;}
#productos .listado .texto h3 {margin:5px 0}
#productos .imagen {float:right;margin:0 0 5px 10px;max-width:75%}
#productos .imagen img {width:100%;height:auto;}
#productos .anyadir {display:inline-block;margin-top:6px}

/* CARRITO */
#carrito {font-size:0.8em;}
#carrito img {vertical-align:middle}
#carrito .bordes-linea {margin-bottom:10px;height:32px;border-bottom:1px dotted #000000}
#carrito .item-izquierda {width:74%;padding-left:1%;float:left;text-align:left;overflow-y:hidden;margin-top:6px}
#carrito .item-derecha {margin-left:75%;text-align:right;}
#carrito .papelera {float:right;}
#carrito .precio {display:inline-block;margin-top:6px}

/* CESTA */
#cesta {font-size:0.8em;}
#cesta #cesta-breadcrumb {border-bottom:1px dotted #000000;padding:0 0 5px 5px;}
#cesta table {width:100%;font-size:0.8em;}
#cesta table th {font-weight:bold;padding:5px;border-bottom:1px dotted #000000}
#cesta table th.derecha {float:none;text-align:right}
#cesta table td {padding:5px;border-bottom:1px dotted #000000}
#cesta table td img {vertical-align:middle}
#cesta input.cantidad {width:25px;text-align:right;margin-top:6px}
#cesta #validar-descuento {width:260px}
#cesta #validar-descuento input.descuento {max-width:220px;}
#cesta #validar-descuento .validar {float:right;margin-top:-6px}
#cesta .item1 {float:left;width:25%;font-weight:bold;text-align:right;margin:0}
#cesta .item2 {margin-left:26%}
#cesta .imprimir span {float:right;margin-top:-3px}

/* MAPAWEB */
#mapaweb {font-size:0.8em;}

/* BUSCADOR RESULTADOS */
#contentBuscador {font-size:0.8em;}
#contentBuscador .listado {display:block;margin-bottom:25px;border-top:1px dotted #000000;width:100%;overflow:hidden}
#contentBuscador .listado .imagen {display:none;float:right;width:150px;margin:0 0 25px 10px;max-height:300px;overflow-y:hidden;}
#contentBuscador .listado .texto {margin-bottom:25px;}
#contentBuscador .listado .texto h3 {margin:5px 0}
#contentBuscador .imagen {float:right;margin:0 0 5px 10px;max-width:50%}
#contentBuscador .imagen img {width:100%;height:auto;}

/* USUARIOS */
#usuarios {font-size:0.8em;}
#usuario-identificado {padding:5px 20px 0 20px;font-size:0.8em;background-color:#ffffff;color:#000000;text-align:right}

/* WIDGETS */
.widgets {font-size:0.8em;}
.widgets .imagen {display:none}
.widgets .widgets-capas {height:150px;overflow-y:hidden}
.widgets .widgets-titular {background-color:#000000;color:#ffffff;min-height:15px;padding:5px 0 3px 5px;margin-bottom:5px}
.widgets .widgets-titular a {color:#ffffff;}
.widgets .widget-calendario {font-size:0.85em;}
.widgets .thumb {float:left;width:75px;height:50px;margin:8px;border:1px solid #000000;background-repeat:no-repeat;background-position:center center;}
td.nodisponible, td.nodisponible a, td.nodisponible span {background-image:none !important; background-color: #ffffff !important; color:#000000 !important;}
td.disponible, td.disponible a, td.disponible span {background-image:none !important; background-color: #000000 !important; color:#ffffff !important;}

/* REDES SOCIALES */
#plugins-redes-sociales-vertical {display:none;float:right;margin:2px 0 5px 15px;width:80px;height:240px}
#plugins-redes-sociales-horizontal {display:none;float:right;margin:5px 0;width:100%;}
#plugins-redes-sociales-vertical, #plugins-redes-sociales-horizontal {display:none}
#plugins-redes-sociales-vertical div {text-align:right;}
#plugins-redes-sociales-horizontal div {float:right}
#plugins-redes-sociales-vertical a, #plugins-redes-sociales-horizontal a {color:#000000}
#plugins-redes-sociales-vertical #redes-sociales-twitter {margin-top:10px}
#plugins-redes-sociales-vertical #redes-sociales-google {margin-top:10px}

/* PAGINACION */
.paginacion {text-align:center;margin:25px 0;}
.paginacion .activa {font-weight:bold;}
.paginacion .otrapagina {text-align:center;letter-spacing:0;border:1px solid #000000;padding:0 3px;}
.paginacion .otrapagina:hover {background-color:#000000;color:#ffffff;text-decoration:none}

/* COMENTARIOS */
#comm-captcha {float:left;}
#comentarios .comm-listado {padding:5px 10px;}
#comentarios .comm-imgcode {height:28px;margin-left:10px;width:48%;text-align:center;font-size:1.5em;letter-spacing:2px;}

/* ENVIAR A UN AMIGO */
#enviar-amigo {color:#000;font-size:0.8em}
#enviar-amigo #enviar-captcha {float:left;}
#enviar-amigo-resultado {margin-top:20px;text-align:center;font-weight:bold}

/* BACKOFFICE */
#backoffice-link {display:none;width:32px;height:32px;position:fixed;background-color:#ffffff;border-radius: 0 0 10px 0; -moz-border-radius: 0 0 10px 0; -webkit-border-radius: 0 0 10px 0;}
#backoffice {width:100%;background-color:#ccc;color:#000;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 0.7em;line-height: 150%;padding:5px 0;border-bottom:1px solid #000;}
#backoffice a {color:#036;font-weight:bold;text-decoration:none;}
#backoffice #backofficeAccesos {padding:5px 40px;}
.columnes img{ width:96%;height:auto; padding:2%; }


/* RESPONSIVE: 480px */
@media screen and (min-width: 480px) {
	.wrapper {width:460px}
}

/* RESPONSIVE: 760px */
@media screen and (min-width: 760px) {
	.wrapper {width:740px}
	.columna50 {width:50%;float:left;}
	.nowrap {white-space:nowrap}
	.listado .imagen {display:block !important;}
	#cesta table {font-size:1em;}
	#footer #footer-cliente {width:500px; margin:auto;padding:20px 0 0 25px; height:auto; text-align:center; overflow: auto;}



#texto-slide{ display:block; background-color: rgba(255, 255, 255, 0.7); -webkit-border-radius: 0 20px 20px 0;border-radius: 0 20px 20px 0; color:#476695; font-size:2.8em; position:absolute; top:250px; padding:20px 20px 20px 20%; margin:0 5% 0 0;/**/ text-align:right; font-weight:bold; line-height:120%;}
	}

/* RESPONSIVE: 1000px */
@media screen and (min-width: 1000px) {
	.wrapper {width:980px}
	#header-fixed {position:fixed;z-index:5000;  background:#FFF; border-bottom:#CCC 1px solid; background-image: url(../images/bg-top.jpg); background-position: 50% 50%; background-repeat:no-repeat;}
	#backoffice-link {display:inline}
	#contenido-contenedor {padding-top:163px;text-align:justify;}
	.columnes{-moz-column-count: 2;-moz-column-gap: 40px;-webkit-column-count: 2;-webkit-column-gap: 40px;column-count: 2;column-gap: 40px; text-align: justify;}
	.menu .nav a {padding: 0 0.5em;font-size: 0.8em;letter-spacing: 0.5px;}	
}

/* RESPONSIVE: 1280px */
@media screen and (min-width: 1280px) {
	.wrapper {width:1260px}
	.menu .nav a {padding:0 0.8em;font-size: 1em;letter-spacing: 2px;}
}