/* 
//CSS Core QUITASOL 2011
================================================
Created: 03/2011
Last update: 03/2011
Author: Pablo García @ Jaico Estudio		
Contact: pablo@gjaicoestudio.com
================================================

/* General resets */
html, body, address, blockquote, pre, h1, h2, h3, h4, h5, h6, li, form, input, textarea, select, form ul, form ol {margin: 0; padding: 0;  text-indent:0;}
abbr, acronym { font-size: .75em; letter-spacing: .1em; text-transform: uppercase;}
a img, a abbr, a acronym { border:none; outline:none; }
sup, sub { font-size:.75em; font-style:italic; line-height:1; position:relative; vertical-align:baseline;}
sup {top:-.5em;}
sub {top:.25em;}
/* Basics & Commons */
body {margin: 0; padding: 0; font-family: Arial, sans-serif; font-size: 62.5%; color: #70788a;}
h1 {color:#891f1b; margin-bottom:.3em; text-shadow:1px 1px 1px #fff; font-family:Georgia, serif;}

.grid {width:984px; margin: 0 auto; overflow: auto;}
.left {float: left; display: inline;}
.right {float: right; display: inline;}
.radius3 {border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;}
.radius5 {border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}
.ulReset {list-style:none; margin:0; padding:0;}
.clear {clear: both;}
.tCenter {text-align: center;}
.tLeft {text-align: left;}
.tRight {text-align: right;}
.hidden {display:none;}

/* Enlaces */
.nd-d {text-decoration:none;}
.nd-d:hover {text-decoration:underline;}
.verde {color:#28a082;}
.red {color:#891f1b;}
.gris {color:#666;}
.celeste {color:#00BDF6;}
.georgia {font-family:Georgia, serif;}


h2, h2 a {color: #41555a;}

a {outline:none;}
/* Estructura general */
.wrapper { background:#e4f2f5 url() top repeat-x; border-bottom: 1px solid #ccc; font-size: 1.2em; padding-bottom:15px; padding-top:15px;}
.top {height: 180px; background: url(../img/top.png) top right no-repeat; position:relative;  }
	.navSuperior {position:absolute;  top:10px; right:15px;}
	.navSuperior a {padding:0 8px;}
	#btn_logo {display:block; width:230px; height:100px; margin-top:16px;}
	#btn_facebook {display:block; position:absolute; right:200px; top:70px; width:40px; height:40px; background: url(../img/btn_facebook.png) 0 0 no-repeat;	}
	#btn_telefono {display:block; position:absolute; right:20px; top:70px; width:170px; height:40px; background: url(../img/btn_telefono.png) 0 0 no-repeat;	}

.menu a {display:block; position:absolute; bottom:16px; height:32px; margin-right:10px; font-size:1.15em; text-align:center; text-decoration:none; color:#eee; line-height:30px; font-weight:500; text-transform:uppercase;}
	.menu a:hover {color:#000}
	.menu .m_home {left:50px;}
	.menu .m_home:hover {}
	.menu .m_carpas {left:170px;}
	.menu .m_toldos {left:300px;}
	.menu .m_ferias {left:430px;}
	.menu .m_eventos {left:640px;}

	/* activo */
	.servicios .menu .m_servicios,
	.home .menu .m_home,
	.contacto .menu .m_contacto,
	.carpas .m_carpas,
	.toldos .m_toldos,
	.especialferias .m_ferias,
	.eventos .m_eventos
	{color:#fdc82b; font-weight:bold;}

.contentWrapper {background: url(../img/contenWrapper_bg.png) right repeat-y;}
	.innerWrapper, .row {width:940px; margin: 0 auto; overflow:auto;}
.wrapperBottom {height:18px; clear:both; background: url(../img/wrapperBottom_bg.png) right bottom no-repeat;}
.titular h1 {color:#082D26; text-shadow:1px 1px 2px #666;}
.footer {padding:10px 0; background:#FFF url(../img/footer_bg.png) top repeat-x;}

/* Cajas */
.row {margin-bottom:10px;}
.box h2 {height: 35px; margin: 0; line-height: 25px; padding: 5px 10px; font-weight:normal;}
.box .inner {margin: 10px;}

.w940s {width:940px; background:#FFF url(../img/940s_middle.png) 0 0 repeat-y;}
.w940s h2 {margin:10px 0; height:auto; line-height:1em;}
.w940s .inner {margin:0 10px;}
.w940s .top { height:14px; clear: both; background: url(../img/940s_top.png) bottom no-repeat; margin:0; }
.w940s .bottom { height:14px; clear: both; background: url(../img/940s_bottom.png) bottom no-repeat; }

.w580 {width:580px; margin:0 auto; overflow:auto;}

.w620 {width:620px; background: url(../img/620_middle.png) left repeat-y;}
.w620 h2 { background: url(../img/620_top.png) top no-repeat; }
.w620 .bottom { height:12px; clear: both; background: url(../img/620_bottom.png) bottom no-repeat; }

.w300 {width:300px; background: url(../img/300_middle.png) left repeat-y;}
.w300 h2 { background: url(../img/300_top.png) top no-repeat;}
.w300 .bottom { height:12px; clear: both; background: url(../img/300_bottom.png) bottom no-repeat; }

.more {margin:0 10px; border-top:1px solid #ccc; text-align: right; padding-top: 5px; font-size:.9em; }

/*Listados*/
.listado {}
.item {}
.thumb {float:left;}
.text {float:right}



/* Forms & extras */
fieldset {border: 1px dotted #ccc;}
	fieldset legend {padding:3px 10px;}
	legend a {cursor:pointer; border-bottom:1px dotted #296EF1; padding-right:16px;}
	legend a:hover {color:#296EF1;}

label {display:block; width:7em; float: left; margin-right: 10px; line-height: 1.4em;}
	label.w14em {width:14em;}
input, textarea {padding: 3px; border: 1px solid #999; background: #fff;}
input:focus, textarea:focus {border: 1px solid #f90;}
.btn_enviar {border: 6px solid #f90; padding:3px 10px; text-align: center; cursor: pointer; }
.btn_enviar:hover {color:#f90;}
	/* Formulario alta Club */
	#formAltaClub {}
	/* Formulario general de info */
	#formInfo label {width:11em;}
	#formInfo label.w14em {width:14em;}
.nota a {cursor:help; font-style:italic; color:#666;}
form {margin-left:1em;}
input,select, textarea { border:1px solid #ccc; padding:2px;}
input:focus,select:focus, textarea:focus { border:1px solid #09F;}
textarea {width:300px;}
input.adjunto {width:70px; padding:0;}	
input.error, input.error:focus { border:1px solid red;}
em.error {padding-left:3px; color:red;}
em.corregido {color:green;}
.error {color:#f00;}	
div.disclaimer {border-top:2px solid #eee; background:#fcfcfc;font-size:.9em; padding:.2em; margin-top:1em;	}	
.btn_enviar  {cursor:pointer; border:1px solid #999; background:#fff; font-weight:bold; padding:3px 5px;}
.btn_enviar:hover {color:#fff; background:#98ce52; border-color:#000;}	


/* Mensajes y notificaciones */
div.mensajes {margin:5px 0; padding:8px; }
	div.mensajes p {margin-left:25px;}
div.info {border:1px solid #bcddf4; background:#eaf6ff url(../img/information.gif) 1% 50% no-repeat;}
div.ok {border:1px solid #c0e886; background:#efffd7 url(../img/accept.gif) 1% 50% no-repeat;}
div.warning {border:1px solid #f4ca06; background:#fff1d4 url(../img/error.gif) 1% 50% no-repeat;}
div.error {border:1px solid #f47006; background:#f4c2b6 url(../img/cancel.gif) 1% 50% no-repeat;}

/*
    POPS
*/
.pop .wrapper {background:#fcfcfc; border:1px solid #ccc; padding:8px; margin:5px;}

/*
	Secciones
*/
.sectionText {border-top:1px solid #ccc; padding:8px 12px;}
.descargar {float:right; width:120px; text-align:center; font-weight:bold;}
.volver {clear:both;}

.sliderWrapper {height:340px; background:url(../img/slider-wrapper_bg.png) 0 0 no-repeat; padding:10px 20px;}
#sliderInterior {
    position:relative;
    width:500px; /* Change this to your images width */
    height:300px; /* Change this to your images height */
    background:url(../../_scripts/nivo/img/loading.gif) no-repeat 50% 50%;
    margin-left:20px;
}
#sliderInterior img { position:absolute; top:0px; left:0px; display:none;}
#sliderInterior a { border:0; display:block;}
.nivo-directionNav a {background:#333; color:#fff; padding:3px;}
.nivo-controlNav { width:480px; height:40px; padding:8px 0 0 5px; z-index:20; position:absolute; bottom:-46px;/* Make sure it is visible above the slides */}
.nivo-controlNav a { display:block; width:22px; height:22px; background:url(../../_scripts/nivo/img/bullets.png) no-repeat; text-indent:-9999px;border:0; margin-right:3px; float:left;}
.nivo-controlNav a.active {background-position:0 -22px; /* Selected bullet */}
.nivo-caption {bottom:40%; /* Vertically centre the captions */ left:auto; right:0px; /* Put them on the right */  width:auto;  max-width:630px;  overflow:hidden; background:#fff; text-shadow:none; font-family: 'Anton', arial, serif; /* Using a Google Font (not required) */ color:#4c4b4b;}
.nivo-caption p { padding:5px 15px;}
.nivo-caption a { color:#333; font-weight:bold; font-size:27px; text-transform:uppercase;}

/*
    Noticias
*/
.listadoNoticias .item {width:580px; overflow:auto; margin-bottom:15px;}
.listadoNoticias .foto  {width:140px; float:left;}
.listadoNoticias .text {width:400px;}

    /* Ficha */
    .listadoGaleria .thumb {margin-right:10px; margin-bottom:10px;}
    .galeria h3 {margin:10px 0;}
    .thumb img {border:1px solid #ccc;}
    .thumb:hover img {border:1px solid #900;}


/* Portada */

.gridPortada {margin-top:1em;}

.portadaContenido {width:570px;}
.portadaSidebar {width:344px;}

.home .sliderWrapper {height:340px; padding:0 0 10px 0; background:none;}
#sliderPortada {
    position:relative;
    width:580px; /* Change this to your images width */
    height:300px; /* Change this to your images height */
    background:url(../../_scripts/nivo/images/loading.gif) no-repeat 50% 50%;
}
#sliderPortada img {
    position:absolute;
    top:0px;
    left:0px;
    display:none;
    border:1px solid #ccc;
}
#sliderPortada a {
    border:0;
    display:block;
}

/* Banner Aspec */
.bannerAspec {
    margin: 5px;
    box-shadow: 0 0 3px #ccc;                           
}
    .bannerAspec img {max-width: 100%; height:auto;}

.ultimasNoticias {width:316px; height:246px; margin-right:12px; overflow:hidden; background: url(../img/portada-ultimasNoticias_bg.jpg) 0 0 no-repeat;}
.ultimasNoticias .listado {margin:100px 10px 0 10px;}
.ultimasNoticias .item {clear:both; margin-bottom:5px; width:100%; overflow:auto;}
.ultimasNoticias img {width:60px; height:40px; border:1px solid #666; display:block; float:left;}
.ultimasNoticias .text {float:left; width:180px; margin-left:10px;}
.ultimasNoticias .more {margin:0 10px;}
.ultimasNoticias h2 {font-size:14px;}
.ultimasNoticias h2 a {color:#000;}

.pqWrapper {margin:5px 12px 0 0;}

/*Destacados*/
.destacados {width:570px; overflow:hidden;}
.destacados .item {width:270px; margin-bottom:10px;}
.destacados h2 {margin-bottom:5px;}
.destacados .text {float:right; width:130px; }
.btn_masNaranja {display:block; height:33px; width:140px; margin:10px auto 0 auto; line-height:30px; font-size:12px; background:#FFF url(../img/btn_masNaranja.gif) 0 0 no-repeat; text-align:center; color:#fff;}

.contactaPortada p {margin:3px 0;}
.presentacion {background:#f0f3f9 url(../img/banner_top.png) top no-repeat; color:#fff;}
.presentacion .foto {margin:10px 10px 10px 15px;}
.presentacion .text {padding:15px 0 0 10px;}
.presentacion .bottom {background:#f0f3f9 url(../img/bannerBottom.png) 0 0 no-repeat; height:42px; clear:both;}
.presentacion .bottom a {display:block; padding-top:5px; margin-left:15px; line-height:36px; color:#fff; font-weight:bold; text-transform:uppercase;}

.ultimasPromos .item {width:680px; overflow:auto; margin-bottom:2em;}
.ultimasPromos .text {width:380px; border-left:1px solid #ccc; padding-left:8px;}
.ultimasPromos .foto {margin-right:10px; }
.ultimasPromos {float:left;}

.resaltado { background:#fcfcfc; border:1px solid #c99f9f; padding:10px;}

/*Sidebar portada*/
.w344 {width:344px;}
.atencionComercial { height:230px; margin-bottom:10px; background: url(../img/sidebar-comercial.gif) 0 0 no-repeat; }
.atencionComercial h2 {text-align:center; margin-top:3px; font-family:Georgia, serif; color:#fff; text-shadow:1px 1px 1px #000; padding:3px; letter-spacing:1px; line-height:25px;}
.atencionComercial .inner { padding:10px 30px 10px 30px;}
.btn_leLlamamos {width:110px;}
.btn_contactoSkype {padding-top:10px; font-size:10px;}

.catalogoOnline {height:232px; background:#FFF url(../img/sidebar-portada-catalogo_bg.gif) 0 0 no-repeat;}
.catalogoOnline h2 {padding-top:8px; text-align:center; font-family:Georgia, serif; font-size:1.2em;}

.seo { padding:10px; margin-top:2em; font-size:1em; border:1px solid #ccc;}
.seo h1 {font-size:1.2em; margin-bottom:10px;}
.seo h2 {font-size:1.1em;}

/* Sidebar multimedia */
.sidebarMedia {margin-bottom:10px; background: url(../img/sidebar-video.gif) 0 0 no-repeat;}
.sidebarMedia .inner { padding:10px 22px 10px 22px;}
.sidebarMedia h2 {text-align:center; margin-top:3px; font-family:Georgia, serif; color:#fff; text-shadow:1px 1px 1px #000; padding:3px; letter-spacing:1px; line-height:25px; margin-bottom:8px;}
.sidebarMedia .more {border:none;}

.sidebarRadio {background: url(../img/sidebar-radio.gif) 0 0 no-repeat; height:184px;} 
.sidebarRadio p {margin:5px 0;}
.btn_radio {background:#FFF url(../img/ico_radio.jpg) left no-repeat; display:block; line-height:30px; padding-left:36px;}

/* Servicios */
.listadoServicios {width:100%; overflow:auto;}
.listadoServicios .item {width:230px; margin-bottom:10px;}

/* Quitasol */
.quitasol .sliderWrapper {height:350px; background:#eee url(../img/slider-wrapper-quitasol_bg.png) 0 0 no-repeat; padding:10px 20px;}
#sliderQuitasol {position:relative; width:469px; height:331px; background:url(../../_scripts/nivo/img/loading.gif) no-repeat 50% 50%; margin-left:20px;}

/* Por qué Quitasol */
.listadoPorQue .item {width:500px; clear:both; overflow:auto; margin-bottom:1em; margin-left:30px;}
.listadoPorQue .thumb {margin-right:1em;}
.listadoPorQue p {margin-top:0;}