/*------ GENERAL ------*/ body {background: #FFFFFF; font: 12px 'Lucida Sans Unicode','Lucida Grande', Arial, Helvetica, sans-serif; margin: 0; padding: 0;} h1, h2, h3, h4, h5, h6, form, fieldset, label {margin:0; padding:0;} a img {border: 0 none;} a {color: #000000;text-decoration: none;} a:hover {text-decoration: underline;} ul {list-style-type: none; margin: 0; padding: 0;} ul li, p { margin: 0; padding: 0;} #breadcrumbs, #googleAds, #footer {width: 100%;} .none {display: none;} .clear {clear: both;} select, input {font: 12px 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; margin: 0; padding: 2px; border:1px solid #dadada;} optgroup {color:#000; font-style:normal; text-transform:uppercase; border-top:1px solid #dadada; padding:5px;} option {color:#333;text-transform:none; border:none;} /*------ ENCABEZADOS Y TITULOS ------*/ h1, h2 { color: #c90034; font-size: 36px; line-height: 40px; letter-spacing: -2px; margin-bottom: 10px;} h3 {color: #c90034; font-size: 26px; line-height: 30px; letter-spacing: -1px; margin-bottom: 10px;} h1 a, h2 a, h3 a {color:#c90034;} h4, .specialContent .intro {font-size: 16px; line-height:20px; font-weight:normal; text-transform:uppercase; margin-bottom:10px; } h5 {font-size: 24px; line-height:26px; padding:5px 20px; color:#000;} h5 i {font-style:normal; color:#c90034;} .date, .firma {font-size: 12px; color:#666; margin-bottom:5px;} div.date {display:none;} /*------ PUBLICIDADES ------*/ #publiLayer, #publiLayerBottom, #promoBottom {display: none; position: relative;} #publiTop,#publiBottom { background: #000; height: auto; margin: 0; padding: 10px 0; position: relative; text-align: center; width: 100%; min-width: 982px; z-index: 999;} #publiBottom {background: #fff;} #publiTopCrop,#publiBottomCrop { margin: 0 auto; padding: 0; text-align: center; width: 980px;} #publiTop #publiTop,#publiBottom #publiBottom {height: auto;margin: 0;text-align: center;} #publiRight {/*clear: both; margin-bottom: 30px;*/z-index: 9;} #publiRight #publiRight { margin-bottom: 0;position: static;} /*------ ESTRUCTURA ------*/ #container {display: block; margin: 0 auto; padding: 30px 0; background-color: #fff; position: relative; width: 982px;} #wrapper {background: #fff url(../images/pixel_gris.gif) 660px 0 repeat-y; clear: both;height: 100%;width: 982px;} #mainContent {float: left; margin: 0; padding: 0;position: relative; width: 660px; } #rightColumn { float: right; margin: 0; padding: 0; vertical-align: top; width: 300px;} #superHeader2 {background:#f3f3f3 url(../images/bg_superHeader.gif) repeat-x;height: 36px;/*overflow: hidden;*/position: relative; min-width: 982px;width: 100%;z-index: 999;} #cropsuperheader {height: 36px;margin: 0 auto;/*overflow: hidden;*/position: relative;width: 982px;} #minicab {display:none;left: 20px;top: 7px;position: absolute;} #newCab {background-color: #c90034; border-bottom:2px solid #000; display: block; left: 0; margin: 0; overflow: hidden; position: relative; top: 0; width: 100%; min-width: 982px;} .logo {height: 87px; left: 50%; margin-left:-470px;position: absolute; top: 30px; width: 540px; display: none;} #principalCabecera { display: block; margin: 0 auto; padding:30px 20px; max-width: 940px; width:100%; height:87px; text-align:left;} #principalCabecera img {height: auto; max-width: 540px; width: 58%;} .menuSup {position:absolute; right:0; top:2px; width:380px; height:34px; /*background:#000;*/} /*.menuSup ul.menuSupTit {height:32px; overflow:hidden;}*/ .menuSup ul.menuSupTit {position:relative;background-color: #313131;} .menuSup ul.menuSupTit li {float:left;width:33.3%;overflow:hidden;} .menuSup ul.menuSupTit li a {background: url("../images/ico_flechaDrcha.gif") no-repeat scroll 10px 50% #484848; /*border-bottom: 2px solid #000000; */border-right: 1px solid #000000; color: #FFFFFF; display: block; height: 16px; padding: 8px 5px 8px 23px; text-shadow: 1px 1px 0 #000000; text-transform: uppercase;} .menuSup ul.menuSupTit li a:hover {text-decoration:none; background-color:#313131;} .menuSup ul.menuSupTit li a.selected {background:#313131 url(../images/ico_flechaAbajo.gif) 8px 50% no-repeat;border-bottom:2px solid #313131;} .menuSup ul.menuSupTit li.last a {border-right:none; padding:8px 10px 8px 24px;} .menuSup ul.menuSupTit li ul.tickers {padding:10px 0 10px 10px; width:370px; right:0; position:absolute; left:0; overflow:hidden; background:#313131; color:#fff;} .menuSup ul.menuSupTit li ul.tickers li {font-size:9px; margin:1px 10px 1px 0; padding: 4px 0; width:175px; border-bottom: 1px solid #666666;} .menuSup ul.menuSupTit li ul.tickers li:nth-of-type(1),.menuSup ul.menuSupTit li ul.tickers li:nth-of-type(3),.menuSup ul.menuSupTit li ul.tickers li:nth-of-type(5),.menuSup ul.menuSupTit li ul.tickers li:nth-of-type(7),.menuSup ul.menuSupTit li ul.tickers li:nth-of-type(9),.menuSup ul.menuSupTit li ul.tickers li:nth-of-type(11) {float:left;} .menuSup ul.menuSupTit li ul.tickers li:nth-of-type(2),.menuSup ul.menuSupTit li ul.tickers li:nth-of-type(4),.menuSup ul.menuSupTit li ul.tickers li:nth-of-type(6),.menuSup ul.menuSupTit li ul.tickers li:nth-of-type(8),.menuSup ul.menuSupTit li ul.tickers li:nth-of-type(10),.menuSup ul.menuSupTit li ul.tickers li:nth-of-type(12) {float:right;} .menuSup ul.menuSupTit li ul.tickers li a {text-transform:uppercase; color:#bfbfbf;border:0;padding:0;background:none;height:auto;} .menuSup ul.menuSupTit li ul.tickers li a:hover {color:#fff;} .socialLinks {left: 315px; position: absolute; top: 6px; width:250px; overflow:hidden;} .socialLinks span{float:left; text-transform:uppercase; line-height:25px;} .socialLinks a {display: block; float: left; height: 24px; margin-right: 10px; width: 24px;} #social1 {background: url("../images/ico_Facebook_sh.png") repeat scroll 0 0;} #social1:hover {background: url("../images/ico_Facebook_sh2.png") repeat scroll 0 0;} #social2 {background: url("../images/ico_Twitter_sh.png") repeat scroll 0 0;} #social2:hover {background: url("../images/ico_Twitter_sh2.png") repeat scroll 0 0;} #social3 {background: url("../images/ico_Youtube_sh.png") repeat scroll 0 0;} #social3:hover {background: url("../images/ico_Youtube_sh2.png") repeat scroll 0 0;} #social4 {background: url("../images/ico_Linkedin_sh.png") repeat scroll 0 0;} #social4:hover {background: url("../images/ico_Linkedin_sh2.png") repeat scroll 0 0;} #bandaNegra {background: #f5f5f5 url("../images/bg_bandaNegra.gif") repeat-x top left; height: 33px; position: relative; min-width: 982px; width: 100%; z-index: 998;} #menu { height: 33px; margin: 0 auto; position: relative; width: 980px; z-index: 10;} #topmenu {height:33px; list-style-type: none; margin: 0;padding: 0;width: 980px;} #topmenu li {float: left; margin: 0;padding: 0; position: relative;text-transform: uppercase;} #topmenu li a {color: #525252; display: block; font-size: 15px; height: 26px; padding: 7px 13px 0; text-decoration: none;} #topmenu li a:hover, #topmenu li a.seleccionado, #topmenu li a.select { background: none repeat scroll 0 0 #313131; -webkit-box-shadow: 0 0 5px 0 #313131; box-shadow: 0 0 5px 0 #313131; color: #fff;} #topmenu .subseccion { background: #f5f5f5; border-bottom: 1px solid #313131; border-left: 1px solid #313131; border-right: 1px solid #313131; -webkit-box-shadow: 0 0 5px 0 #313131; box-shadow: 0 0 5px 0 #313131; left: 0; opacity: 1; /*overflow: hidden;*/ padding: 0; position: absolute; top: 33px; width: 294px; /*height:240px;*/ font-size:14px; line-height:16px;text-transform:none;} #topmenu li:nth-last-of-type(1) .subseccion, #topmenu li:nth-last-of-type(2) .subseccion, #topmenu li:nth-last-of-type(3) .subseccion {left: inherit; right: 0;} #topmenu .subseccion .descripcion {background: none repeat scroll 0 0 #313131; padding:10px; margin:0; font-size:12px; line-height:16px; text-transform:uppercase; color:#fff;} #topmenu .subseccion .destacadoSubmenu {clear:both; padding: 10px; margin:0;} #topmenu .subseccion .destacadoSubmenu a {display:block; padding:0; height:auto; } #topmenu .subseccion .destacadoSubmenu a img {float:left; border: 0 none; margin-right:10px;} #topmenu .subseccion .destacadoSubmenu a b {display: block; margin-bottom:5px;} #topmenu div.item {margin: 0; padding:5px 10px; position: relative; border-top:1px solid #cacaca;} #topmenu div.item a {display: block; padding: 0; font-weight:bold; text-decoration: none; height:auto; /*overflow:hidden;*/ font-size:14px; line-height:18px; } #topmenu #franquicias .descripcion {margin-bottom:5px;} #topmenu #franquicias div.item {float:left; width:139px; padding: 0; margin:0 4px; border-bottom:1px solid #cacaca; border-top:none;} #topmenu #franquicias div.item a {font-size:11px; line-height:13px; padding:5px;font-weight:normal; height:auto; text-transform:uppercase; } #topmenu #franquicias div.item:last-child { border-bottom:none} #topmenu .subseccion a:hover {background:transparent; -webkit-box-shadow:none; box-shadow:none; color: #000;} #topmenu a {outline: 0 none;} /*------ UTILIDADES ------*/ #utilidades {position:fixed; top:340px; left:0; width:28px; padding:10px 10px 5px 10px; background:#000; border-top:3px solid #fff; border-right:3px solid #fff; border-bottom:3px solid #fff;-webkit-border-radius: 0 10px 10px 0; border-radius: 0 10px 10px 0; -webkit-box-shadow: 0px 0px 6px 0px #1a1a1a; box-shadow: 0px 0px 6px 0px #1a1a1a; z-index:1000;} #utilidades .showFacebook, #utilidades .showTwitter, #utilidades .showImprimir, #utilidades .showEnviar, #utilidades .showInfo {width:28px; margin-bottom:5px; cursor:pointer; background: url(../images/flechaUtilidades.png) 40px 0 no-repeat; } #utilidades .facebook, #utilidades .twitter {display:none; float:right; background:#fff; border:1px solid #d5d5d5; padding:3px 5px 0 5px; text-align:center; height:23px;width:100px;} #utilidades .imprimir, #utilidades .enviar, #utilidades .infoStaff, #utilidades .infoSitemap, #utilidades .infoRSS {display:none; float:right; background:#fff; border:1px solid #d5d5d5; padding:2px 5px; margin-top:5px; text-align:center; font-size:11px; line-height:12px;} #utilidades .infoStaff, #utilidades .infoSitemap, #utilidades .infoRSS {margin:5px 5px 0 0;} #utilidades a {color:#c90034;} #utilidades a:hover {color:#000; text-decoration: none;} /*------ DESTACADO PRINCIPAL HOMES------*/ .destacadoPrincipal {height: 310px; margin: 0 0 30px; padding: 0 20px; position: relative;} .destacadoPrincipal .itemsGrandes {background: #FFFFFF; height: 310px; overflow-y: hidden; padding: 0; width: 620px;} .destacadoPrincipal .itemsGrandes li { list-style-type: none; margin: 0; padding: 0; position: relative;} .destacadoPrincipal .imgGrande {height: 310px; width: 620px;} .destacadoPrincipal .txtGrande { background:#efefef; max-height: 270px; width: 240px; height: 270px;opacity: 0.9; filter:alpha(opacity=90); overflow: hidden; padding: 20px 50px 20px 20px; position: absolute; right: 20px; top: 0;} .destacadoPrincipal .txtGrande h2, .destacadoPrincipal .txtGrande h1 {margin: 0; overflow: hidden; padding: 0 0 5px;} .destacadoPrincipal .txtGrande h2 a, .destacadoPrincipal .txtGrande h1 a {color:#c90034;} .destacadoPrincipal .txtGrande h4 {max-height: 270px; overflow: hidden; font-size:14px;} .destacadoPrincipal .txtGrande h1 {font-size:26px; line-height:32px;} .destacadoPrincipal .txtGrande a { color: #000;} .destacadoPrincipal #leftPrincipal {left: 10px; opacity: 0.5; padding: 40px 40px 40px 0; position: absolute; top: 30%;} .destacadoPrincipal #rightPrincipal {opacity: 0.5; padding: 40px 0 40px 40px; position: absolute; right: 10px; top: 30%;} .destacadoPrincipal #leftPrincipal:hover, .destacadoPrincipal #rightPrincipal:hover { opacity: 1; filter:alpha(opacity=100);} .destacadoPrincipal #leftPrincipal:hover img, .destacadoPrincipal #rightPrincipal:hover img { -webkit-box-shadow: 0 0 5px 0 #313131; box-shadow: 0 0 10px 0 #666;} /*------ MODULOS HOMES------*/ .moduloUnico {clear:both; height:200px; overflow:hidden; padding:0 20px; margin-bottom:30px;} .moduloUnico img {float:left; margin-right:20px;} .moduloUnico h4, .moduloUnico p, .moduloDossierHome h4, .moduloDossierHome p, .moduloSencillo h4, .destacadoPrincipal .txtGrande p {font-size:14px; line-height:18px;} .moduloUnico p {max-height:75px; overflow:hidden;} .moduloUnico h4 {max-height: 55px; overflow: hidden;} .moduloUnico h3 {max-height: 125px; overflow: hidden;} .moduloDossierHome {position:relative; clear:both; /*height:260px;*/ overflow:hidden; padding:20px; margin-bottom:30px; background: url(../images/bg_moduloDossierHome.gif) top left repeat-y; /*border-top:1px solid #cacaca; border-left:1px solid #cacaca; border-bottom:1px solid #cacaca;*/} .moduloDossierHome img {float:left; margin:60px 20px 0 0;} img.titmoduloDossierHome {float:none; margin:0; position:absolute; top:20px; left:0;} .moduloDossierHome h4 {max-height:38px; overflow:hidden;} .moduloDossierHome h3 {max-height:63px; overflow:hidden;} .moduloDossierHome p { overflow:hidden; margin-bottom:10px;} .moduloDossierHome ul{float:right;width:380px;} .moduloDossierHome ul li {max-height:28px; overflow:hidden; margin-bottom:5px;} .moduloDossierHome ul li a {display:block; font-size:18px; line-height:22px; font-weight:bold; padding:3px 0 3px 15px; background: url(../images/flechaUtilidades.png) no-repeat top left;} .moduloDossierHome a.verTodo {background: url("../images/ico_flechaRoja.gif") no-repeat scroll 0 2px transparent;float: right;margin-top: 10px;padding: 0 10px;text-transform: uppercase; margin-left:200px;} .moduloImagen, .bloqueImagen {clear:both; padding:0; margin-bottom:20px; } .moduloDos {clear:both; padding:0; } /*.moduloDos h5, */.bloqueModuloDos h5 {margin-bottom:20px;} /*.moduloDos img, */.bloqueModuloDos img {float:left; margin-right:10px;} .bloqueModuloDos {float:left; width:300px; max-height:193px; min-height:169px; margin:0 0 20px 20px; overflow:hidden;} .bloqueModuloDos h5 {margin:0 0 5px 0; padding:0; font-size:22px; line-height:24px; max-height:48px; overflow:hidden;} .bloqueModuloDos .date, .bloqueModuloTres .date, .bloqueModulo4 .date {font-size: 10px;} .bloqueModuloDos h4, .bloqueModuloTres h4, .bloqueModulo4 h4 {font-size: 11px; line-height:13px; margin-bottom:5px; max-height:52px; overflow:hidden; } .bloqueModuloDos h3, .bloqueModuloTres h3, .bloqueModulo4 h3 {font-size: 16px; line-height:20px; margin-bottom:0; max-height:61px; overflow:hidden;} .moduloTres {clear:both; padding:10px; margin-bottom:30px;} .moduloTres.conFondo {padding:20px 10px; background:#f5f5f5; /*border-left:1px solid #cacaca; border-top:1px solid #cacaca; border-bottom:1px solid #cacaca;*/} .moduloTres img, .moduloCuatro img {height: auto; margin-bottom: 10px; max-width: 194px;} .moduloTres .bloqueModuloTres {float:left; width:194px; max-height:340px; overflow:hidden; margin:0 10px;} .moduloTres .bloqueModuloTres:last-of-type{margin-right: 0;} .moduloCuatro {clear:both; padding:10px 0; margin-bottom:30px; /*border-bottom:1px solid #cacaca;*/} body.franquicias .moduloCuatro {padding:20px 0 0 0; background:#f5f5f5; } .moduloCuatro .bloqueModulo4{float:left; width:140px; height:290px; overflow:hidden; margin-left:20px;} body.franquicias .moduloCuatro .bloqueModulo4{height: inherit; padding-bottom: 10px; text-align: center;} .moduloCuatro.conFondo {padding:20px 10px 0 0; background:#f5f5f5;} .moduloCinco {position:relative; clear:both; padding:20px 0; margin-bottom:30px;background:#f5f5f5;/*border-left:1px solid #cacaca; border-top:1px solid #cacaca; border-bottom:1px solid #cacaca;*/} .moduloCinco a {display:block; color:#000;} .moduloCinco .jcarousel-skin-tango .jcarousel-container-horizontal {width: 100%; padding: 0; margin:0; } .moduloCinco .jcarousel-skin-tango .jcarousel-clip {overflow: hidden; width: 640px; margin:0 0 0 20px;} .moduloCinco .jcarousel-skin-tango .jcarousel-item {width: 110px !important; margin: 0; padding:0 18px 0 0;} .moduloCinco .jcarousel-skin-tango .jcarousel-item a img {display:block;} .moduloCinco .jcarousel-skin-tango .jcarousel-next-horizontal {position: absolute; top: 45px; right: 5px; width: 20px; height: 20px; cursor: pointer; background: red url(../images/flechaDrcha_peq.jpg) no-repeat; opacity: .70; filter:alpha(opacity=70);} .moduloCinco .jcarousel-skin-tango .jcarousel-next-horizontal:hover, .moduloCinco.jcarousel-skin-tango .jcarousel-next-horizontal:focus {opacity: 1; filter:alpha(opacity=100);} .moduloCinco .jcarousel-skin-tango .jcarousel-next-horizontal:active {opacity: 0.7; filter:alpha(opacity=70);} .moduloCinco .jcarousel-skin-tango .jcarousel-next-disabled-horizontal, .moduloCinco .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover, .moduloCinco .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:focus, .moduloCinco .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {cursor: default; opacity: 0; filter:alpha(opacity=0);} .moduloCinco .jcarousel-skin-tango .jcarousel-prev-horizontal {position: absolute; top: 45px; left: 5px;width:20px;height: 20px;cursor: pointer;background: red url("../images/flechaIzqda_peq.jpg") no-repeat;opacity: .70; filter:alpha(opacity=50);} .moduloCinco .jcarousel-skin-tango .jcarousel-prev-horizontal:hover, .moduloCinco .jcarousel-skin-tango .jcarousel-prev-horizontal:focus {opacity: 1; filter:alpha(opacity=100);} .moduloCinco .jcarousel-skin-tango .jcarousel-prev-horizontal:active {opacity: 0.7; filter:alpha(opacity=70);} .moduloCinco .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal, .moduloCinco .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover, .moduloCinco .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:focus, .moduloCinco .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {cursor: default; opacity: 0; filter:alpha(opacity=0);} .moduloCinco .boxgrid {width: 110px; overflow: hidden;position: relative;} #list_carrousel .boxgrid, #list_carrousel-1 .boxgrid, #list_carrousel-2 .boxgrid, #list_carrousel-3 .boxgrid, #list_carrousel-4 .boxgrid, #list_carrousel-5 .boxgrid, #list_carrousel-6 .boxgrid, #list_carrousel-7 .boxgrid{height: 145px;} .moduloCinco .boxcaption {position:absolute; top: 110px;left: 0;background:#f5f5f5; text-align:center; font-size:12px; line-height:1.2em; height:100px; width:100px; overflow:hidden; padding:5px; opacity: .80; filter:alpha(opacity=80);} .opcionesEncuesta {float:left; width:660px; margin-bottom:30px; padding:0 0 20px 0; /*border-bottom:1px solid #cacaca;*/} .opcionesEncuesta form {margin:0; padding:0; border:0;} .opcionesEncuesta li {float:left; width:140px; max-height:184px; overflow:hidden; margin-left:20px; } .opcionesEncuesta li img {margin-bottom:5px;} .opcionesEncuesta li span {font-size:14px; line-height:18px; margin-left:20px; display:block;} .opcionesEncuesta li input {float:left;} .encuestaDosItems li.last {width:300px;} .encuestaTresItems .txtEncuesta, .encuestaDosItems .txtEncuesta {font-size:14px; line-height:18px; max-height:163px; overflow:hidden; } .encuestaCuatroItems .txtEncuesta {font-size:14px; line-height:18px; margin:0 20px 10px 20px;} .txtEncuesta a {color:#c90034;} /*------ COLUMNA DERECHA ------*/ #buscadorRight {position:relative; height:24px; margin-bottom:30px;} #searchtext {position:absolute;left:0;top:0;width:255px; height:18px; border:1px solid #cacaca; color:#999; font: bold 14px/18px 'Lucida Sans Unicode','Lucida Grande',sans-serif; padding:2px; } #searchbutton {position:absolute;right:0;top:0;height:24px; width:35px; border:none; cursor:pointer; background: #565656 url(../images/ico_Search.gif) 50% 50% no-repeat;} /*#rightColumn .moduloNews, #rightColumn .moduloPestanas, #rightColumn .moduloImagenRight, #rightColumn .moduloImgTxtRight, #rightColumn .moduloVideoRight {clear:both; width:100%; margin-bottom:30px;}*/ /*.block, #rightColumn .bloqueImagen { clear: both; width: 100%; margin-bottom: 30px;}*/ #rightColumn > div{ clear: both; width: 99.4%; margin-bottom: 20px;} #rightColumn h5 {padding:0; margin-bottom:5px; letter-spacing:-1px; color:#c90034;} #rightColumn h5 strong {color:#000;} #rightColumn ul li {width:285px;list-style-type:none; padding:10px 15px 10px 0; margin:0; line-height:inherit; border-bottom:1px solid #cacaca;} #rightColumn ul li div {width:270px; overflow:hidden; margin:0; padding:0;} #rightColumn ul li div.conImagen {/*float:left;*/width:196px;height:64px;} #rightColumn ul li .date {float:none; width:auto; font-size:10px; margin-bottom:3px;} #rightColumn ul li img, #rightColumn .moduloImgTxtRight img {float:left; margin:0 10px 0 0;} #rightColumn ul li h4 {font-size:16px; line-height:20px; text-transform:none;margin:0; padding:0;} #rightColumn .moduloPestanas .pestanas {height:18px; padding:7px 10px 0 10px; margin:0; font-size:12px; text-transform:uppercase; width:280px; overflow:hidden; background: url(../images/pixel_gris.gif) bottom left repeat-x;} #rightColumn .moduloPestanas .pestanas a {color:#b0b0b0; text-decoration:none; padding:3px 5px 2px 5px; margin:0 1px; background:#fff; border-top:1px solid #eaeaea; border-right:1px solid #eaeaea; border-left:1px solid #eaeaea; border-bottom:1px solid #cacaca;} #rightColumn .moduloPestanas .pestanas a:hover, #rightColumn .moduloPestanas .pestanas a:active, #rightColumn .moduloPestanas .pestanas a.select {background:#fff; color:#777;text-decoration:none; border-top:1px solid #cacaca; border-right:1px solid #cacaca; border-left:1px solid #cacaca; border-bottom:1px solid #fff;} #rightColumn .moduloPestanas .coverpestanas{width:5000px; margin-top:-1px;} #rightColumn .moduloPestanas .contenPestanas {position:relative; width:300px; height:auto; padding:0; margin:0; overflow:hidden; background:#fff; border-bottom:1px solid #cacaca;} #rightColumn .moduloPestanas .contenPestanas ul {position:relative; top:0; left:0; padding:0; margin:0; width:5000px; list-style-type:none;} #rightColumn .moduloPestanas .contenPestanas ul li {width:280px; height:auto; padding:10px; margin:0; overflow:hidden; float:left; border:none;} #rightColumn .moduloPestanas .contenPestanas ul li img {float:none; margin:0 0 10px 0;} #rightColumn .moduloPestanas .contenPestanas ul li p {max-height:145px; font-size:14px; line-height:16px;} #rightColumn .moduloPestanas .contenPestanas ul li p a {color:#000;} #rightColumn .moduloImgTxtRight .txt {height:140px; overflow:hidden;} #rightColumn .moduloImgTxtRight .txt h4 {color:#c90034; text-transform:none; margin:0 0 5px; padding:0; font-size:16px; line-height:20px; font-weight:bold; max-height:81px; overflow:hidden;} #rightColumn .moduloImgTxtRight .txt h4 a {color:#c90034;} #rightColumn .moduloImgTxtRight .txt p {font-size:14px; line-height:18px; max-height:90px; overflow:hidden;} /*------ FOOTER------*/ #footer {margin:0; padding:0; background:#000 url(../images/bgFooter.gif) top left repeat-x; font-size:11px; line-height:14px; min-width: 982px;} #footer .subFooter {width:928px; margin:0 auto; padding:10px 26px 20px 26px;} #footer .copyright {color:#c6c6c6; font-weight:bold; padding:0; margin:0 0 30px 0; text-align: center;} #footer a {color:#ccc;font-weight:normal;} #footer a:hover {color:#fff; text-decoration:underline;} #footer ul { margin: 0 0 10px 0; padding:0; list-style-type:none; text-align: center;} #footer li {display: inline-block; margin: 0; padding: 0;} #footer li a {display:block; opacity: 0.6;} #footer li a:hover {opacity: 1;} #footer li a img {height: auto; margin: 6px 12px; max-height: 24px; width: auto;} #footer ul.listaenlaces li {height:45px; border-right:1px solid #333; padding:0 10px 0 0;height:auto; } /*------ ARTICULO, GALERIA Y DOSSIER ------*/ #articulo, #galeria {padding:0 20px; } #galeria #articulo {padding:0; } #articulo a, #galeria a {color:#c90034;} #articulo p.entradilla, #galeria p.entradilla {font-size:18px; line-height:22px; margin-bottom:10px;} a.linkPromocion {display:block; color:#000 !important; font-size:14px; line-height:18px; font-weight:bold; padding-left:10px; margin-bottom:10px; background: url(../images/ico_flechaRojaDrcha.gif) 0 50% no-repeat;} #articulo h4 {font-size:20px; line-height:22px; color:#c90034; text-transform:none; font-weight:bold;} #articulo h5 {font-size:16px; line-height:18px; color:#c90034; padding:0; margin-bottom:10px;} #articulo ul {list-style:disc outside; margin:0 0 10px 35px; } #articulo .utilidades_barra ul {list-style:none outside} #articulo ul, #articulo ol {font-size:14px; line-height:18px;} .fotoleft {float:left; margin:0 20px 20px 0; /*width:285px;*/ position:relative;} .fotoright {float:right; margin:0 0 20px 20px; /*width:285px; */position:relative;} .fotocenter {padding:0; margin:10px auto 20px auto; width:610px; position:relative; text-align:center;} .pieFoto {padding:5px 0; font-style:italic; font-size:11px; line-height:13px; color:#525252; margin:0 auto;} /*--- Lupa y arrows sobre las imgs ---*/ a.hrefLeft {width:20%; height:100%; position:absolute; left:0; top:0; overflow:hidden; display:block;} a.hrefAmpliacion {width:60%; height:100%; position:absolute; left:20%; top:0; overflow:hidden; display:block;} a.hrefRight {width:20%; height:100%; position:absolute; right:0; top:0; overflow:hidden; display:block;} a.hrefLeft:hover {background: url("../images/prev-horizontal.png") left center no-repeat;} a.hrefAmpliacion:hover { background: url("../images/ico_Lupa.png") center center no-repeat;} a.hrefRight:hover {background: url("../images/next-horizontal.png") right center no-repeat;} a.hrefRight img, a.hrefAmpliacion img, a.hrefLeft img{width:100%; height:100%;} #articulo p, #galeria p {font-size:14px; line-height:20px; margin-bottom:20px;} #articulo > div:nth-of-type(1)+p::first-letter,#articulo > div:nth-of-type(2)+p::first-letter{float:left; font-size:75px; line-height:60px; padding:2px; font-family:'Lucida Sans Unicode', 'Lucida Grande', sans-serif; margin-right: 5px; color:#c90034;} #articulo p.ladillo, #galeria p.ladillo {text-align:center; font-size:24px; line-height:28px; width:500px; margin:0 auto 20px auto; padding:5px 0; border-bottom:1px solid #dadada; border-top:1px solid #dadada;} .comentarios {clear:both; margin:40px 20px;} #masNoticias .moduloCuatro .bloqueModulo4 {height:auto;/* max-height:235px;*/ } #masNoticias h5 {position:relative;} #masNoticias h5 a.verTodo {position:absolute; top:5px; right:20px; background: url("../images/ico_flechaRoja.gif") no-repeat 0 8px; padding-left:10px; text-transform:uppercase; font-size:12px; font-weight:normal;} .tePuedeInteresar {clear: both; font-size: 14px; line-height: 19px; margin:0 0 20px 0; padding:0; border-top:1px solid #dadada; border-bottom:1px solid #dadada; } .tePuedeInteresar ul, .descargaDocumentos ul {margin:10px 25px 0 25px;} .tePuedeInteresar ul li { background: url("../images/ico_flechaRoja.gif") no-repeat 0 5px; margin: 0 0 10px; max-height: 40px; overflow: hidden; padding-left: 15px;} .tePuedeInteresar ul li img { float: left; margin: 0 10px 0 0;} .tePuedeInteresar ul li strong { margin: 0 5px 0 0; padding: 0;} .descargaDocumentos {clear: both; font-size: 14px; line-height: 18px; margin-bottom:20px; padding:5px 0; background:#f5f5f5;border-bottom:1px solid #dadada;border-top:1px solid #dadada;border-left:1px solid #dadada;} .descargaDocumentos ul li {margin: 0 0 10px; } .descargaDocumentos ul li img {margin: 0 5px 0 0;} .pan_section {margin:6% 0;} .pan_section h5 {margin:0 0 20px;} /* franquicias */ .descargaDocumentos ul.franquiciasRelacionadas {text-align:center;} .descargaDocumentos ul.franquiciasRelacionadas li { display: inline-block; margin-right: 10px} .descargaDocumentos ul.franquiciasRelacionadas li a { display: block; text-align: center; } #galeria .utilidadesFotos {background:#f7f7f7; border-bottom: 1px solid #dadada; border-top: 1px solid #dadada; clear: both; height: 28px; margin: 0 -20px 20px 0; padding: 0; width: 640px; position:relative;} #galeria .utilidadesFotos:before {content:url(../images/arrow-Utilidades.png); position:absolute; bottom:-11px; left:48%;} #galeria div.utilidadesFotos ~ div.utilidadesFotos:before{content:none;} #galeria .utilidadesFotos .mosaico { float: left; height: 15px; padding: 5px 5px; text-transform: uppercase;} #galeria .utilidadesFotos .mosaico a { background: url("../images/ico_mosaico.gif") no-repeat; font-size:11px; padding: 0 0 0 20px; color:#000;} #galeria .utilidadesFotos ul.bloque2 {display: block; float: right; list-style-type: none; margin: 5px 20px 0 0; padding: 0;} #galeria .utilidadesFotos ul.bloque2 li { border-right: 1px solid #dadada; color: #000; display: inline; font-size: 11px; margin: 0; overflow: hidden;padding:6px 4px 5px 0;} #galeria .utilidadesFotos ul.bloque2 li.next {border:none;} #galeria .utilidadesFotos ul.bloque2 li.next a, #galeria .utilidadesFotos ul.bloque2 li.previous a {color: #000; padding: 2px 3px 1px;text-transform: uppercase;} #galeria .utilidadesFotos ul.bloque2 li.next a { background: url(../images/ico_flechaRojaDrcha.gif) no-repeat 100% 52%; padding-right: 10px;} #galeria .utilidadesFotos ul.bloque2 li.previous a { background: url(../images/ico_flechaRojaIzq.gif) no-repeat 0 52%; padding-left: 10px;} #imagenesGrandes {position: relative; width: 100%; display: inline; float: left; margin: 0; padding: 0;} #imagenesGrandes li {margin:0 0 20px 0;} #imagenesGrandes li .imagenGaleria { float: left; margin: 0 20px 20px 0; position: relative; width: auto;} #imagenesGrandes li .imagenGaleria img { border: 0 none;} #imagenesGrandes li .imagenGaleria.apaisada { float: none;text-align: center; width: 100%;} #imagenesGrandes h3 { font-size:16px; line-height:20px; margin-bottom: 10px; padding: 0;} #imagenesGrandes .img_txt, #imagenesGrandes .img_txt p, .textoGal p { font-size: 14px; line-height: 135%; margin-bottom: 10px; word-wrap: break-word;} #imagenesGrandes .img_txt a, .textoGal p a { color: #c90034;} .textoGal { clear: both; margin: 0 0 14px 25px;} .linkPromocion a {background: url(../images/ico_flechaRojaDrcha.gif) no-repeat 0% 52%; padding: 0 0 0 10px;} /*--- Dossier---*/ .EmpPatrocina a img {margin-bottom:20px;} .dossierContent #galeria, .dossierContent #articulo {background: url(../images/bg_cabeceraDossier2.png) 20px 0 no-repeat; padding:10px 20px 0 20px;} .dossierContent #galeria h4, .dossierContent #galeria h1, .dossierContent #galeria p.entradilla, .dossierContent #galeria .linkPromocion, .dossierContent #galeria p.firma, .dossierContent #articulo h4, .dossierContent #articulo h1, .dossierContent #articulo p.entradilla, .dossierContent #articulo .linkPromocion, .dossierContent #articulo p.firma {margin-left:40px;} .dossierContent #galeria #gallery .linkPromocion {margin-left:0;} .moduloSencillo {clear:both; padding:0 20px; margin-bottom:30px;} .moduloSencillo .imgGrande {float:left; width:303px; margin-right:20px;} .moduloSencillo .txtGrande {height:283px; padding-top:20px; overflow:hidden;} .moduloSencillo .txtGrande h3, .dossierContent .moduloUnico h3 {font-size:20px; line-height:24px; } .dossierContent .moduloSencillo {background: url(../images/bg_cabeceraDossier2.png) 20px 0 no-repeat; padding:0 20px 0 40px;} .dossierContent .moduloUnico {height:140px; padding:0 20px; margin-left:20px;} .dossierContent .moduloUnico img {width:140px; height:140px;} .dossierContent .moduloUnico.last {padding:0 20px 40px; margin-bottom:20px; background: url(../images/bg_pieDossier.png) no-repeat;} .creditosDossier {clear:both; font-size:11px; line-height:16px; font-style:italic; color:#333; text-transform:uppercase; padding:0 20px; } /*------ LISTADOS ------*/ .navegacion {position:relative; clear: both; width:100%; background:#fff; margin: 20px 0; padding: 3px 0; height:19px; text-align:center; font-size:11px;} .navegacion a.previous, .navegacion a.next {text-transform:uppercase; position:absolute; top:1px; margin:2px 0; } .navegacion a.previous {left:10px; background: url(../images/ico_flechaRojaIzq.gif) no-repeat 0 52%; padding-left: 10px} .navegacion a.next {right:10px; background: url(../images/ico_flechaRojaDrcha.gif) no-repeat 100% 52%; padding-right: 10px} .navegacion a.next span{margin: 0px 5px; color: #3B3B3B; font-weight: bold; font-size: 12px; padding: 2px 6px 1px; text-transform:uppercase;} .navegacion .numeracion {position:absolute; top:3px; left:50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); height:19px; overflow:hidden;} .navegacion .numeracion a, .navegacion .numeracion .current {background:#DADADA; padding:5px; margin:0 2px; font-size:12px; text-decoration:none;} .navegacion .numeracion a:hover, .navegacion .numeracion .current {background:#333; color:#fff;} .headListadoEspecial {margin:0 20px;} .busquedaEspecial {background:#F5F5F5; margin: 0 -20px 25px; padding: 5px 20px;} .busquedaEspecial span {background: url("../images/ico_flechaRoja.gif") no-repeat 100% 50%; color: #000; font-size: 14px; margin-right:5px; padding: 0 10px 0 0;} .busquedaEspecial select, .busquedaEspecial option {text-transform:uppercase; margin-right:10px; padding:0;font-size:11px; width:210px;} /*------ TIENDA, AYUDA Y DOCUMENTOS ------*/ .specialContent {margin:0 20px;} .specialContent h4, .specialContent .intro, .headListadoEspecial h4 {text-transform:none; margin-bottom:20px;} .specialContent h3 {text-transform:none;border-bottom:1px solid #dadada; margin-right:-20px;} .specialContent h3 span {display:block; color:#000; font-size:14px; text-transform:uppercase; font-weight:normal;} .specialContent h3 a:hover {color:#000; text-decoration:none;} .moduloTienda {float:left; width:290px; height:208px; margin:20px 20px 20px 0;} .moduloTienda img {float:left; margin-right:10px;} .moduloTienda p {font-size:14px; line-height:18px; max-height:200px; overflow:hidden;} #buscadorAyuda {padding:10px; background:#f5f5f5;} #buscadorAyuda .ayudaGeografia{width:250px; float:left;margin:0 10px 20px 0;} #buscadorAyuda .ayudaTipo {width:155px; float:left; margin:0 10px 20px 0;} #buscadorAyuda .ayudaBotones {width:160px; float:left; margin-bottom:20px; padding-top:25px;} #buscadorAyuda .ayudaPalabras {clear:both;margin-bottom:40px;} #buscadorAyuda span {display:block; font-size:14px; margin-bottom:5px; font-weight:bold;} #buscadorAyuda input.reset, #buscadorAyuda input.buscar {background:#c90034; color:#fff; border:none; cursor:pointer; font-size:14px; font-weight:bold; padding:2px 5px;} #buscadorAyudaProvincia ul {clear:both;width:96%; padding:2%;} #buscadorAyudaProvincia ul li {float:left; width:24%; margin:0 5px 1px 0; list-style:disc inside; } .specialContent ul {margin-bottom:10px; margin-left:20px;} .specialContent ul li {margin-bottom:5px; list-style:disc inside;} .specialContent ul.descargas p {font-weight:bold; font-size:14px; padding:0; margin-top:20px; } .specialContent ul.descargas li img {vertical-align:bottom; margin-right:5px;} .specialContent ul.descargas li {list-style:none;} .specialContent .bloqueImagen{ clear:both; padding:0 } .specialContent .moduloImagen, .specialContent .bloqueImagen {margin:0 -20px 30px -20px;} /* moduloImagen se podrķa quitar */ .specialContent .staff {float:left; width:46%; margin-right:30px;} .specialContent .staff.digital {background:#f5f5f5;width:45%;padding:10px; margin-right:0;} .specialContent .staff h3 {margin-right:0; font-size:14px; font-weight:normal;letter-spacing:0;} .specialContent .staff p {color: #c90034; margin-bottom:10px; font-size:14px; line-height:18px;} .specialContent .staff p a {display:block; color:#666; font-size:12px;} .specialContent .staff strong {display:block;color:#000;} .specialContent .staff span {color:#000;} .specialContent.listadoRSS p {margin-bottom:15px; font-size:14px; line-height:18px;} .specialContent.listadoRSS p a {display:block; color:#666; font-size:18px;color: #c90034; font-weight:bold; padding-left:20px; background: url(../images/rss.gif) 0 2px no-repeat;} .specialContent.listadoRSS p.avisoRSS {background:#f5f5f5; padding:10px; width:400px; margin: 50px auto 0;} .specialContent a.verTodo {display:block; margin:0 0 20px 0;background: url("../images/ico_flechaRoja.gif") no-repeat 0 2px; padding-left:10px; text-transform:uppercase; font-size:12px; font-weight:normal;} /*------ NEWSLETTER REGISTER ------*/ .data_pro_visible {background: none repeat scroll 0 0 #FFFFFF;border: 1px solid #CCCCCC;display: block;height: 400px;margin: 60px 0 10px 60px;overflow: scroll;padding: 10px;position: relative;visibility: visible;width: 500px;z-index: 10;} .data_pro_visible h4 {color: #898989;display: block;font-size: 18px;font-style: italic;font-weight: normal;line-height: 20px;margin: 0;overflow: hidden;padding: 5px 0 0;} .data_pro_invisible {height: 1px;left: 15px;overflow: hidden;position: absolute;top: 10px;visibility: hidden;width: 1px;} .wrapper_pro_visible {background-color: transparent !important;background-image: url("../images/bg_wrapper_pro.png") !important;background-repeat: repeat;height: 1150px;left: 10px;position: absolute;top: 0;width: 660px;z-index: 180;} div.block {clear: both;font-size: 12px;margin: 0;padding: 0.5em 0;} div.block label {color: #C90034;} div.block div.element {float: left;padding-right: 1em;} input.box, textarea.box { border: 1px solid #A5ACB2; font-size: 12px;width: 90%;} #btn_aceptar p {font-size: 12px;margin: 10px 0 10px 10px; text-align:center;} #btn_aceptar p label {height: 25px;margin: 2px auto;text-align: center;width: 75px;} #btn_aceptar a {background: none repeat scroll 0 0 #C40B2A;border: 1px solid #C40B2A;color: #FFFFFF;font-size: 14px;font-weight: bold;padding: 2px;width: 150px;padding:5px;} .warning h2 {font-size: 16px; letter-spacing:0; margin:0;} /*------ LEGAL ------*/ .legal h3 {margin-top: 10px;} .legal {padding: 0 20px;} #articulo.html > div{ margin-left: 40px; } #articulo.html img{ max-width: 100%; height: auto; } #articulo.html #navegacionDossier{ margin-left: 0; } /* ARTICULO */ blockquote {background:#dde6e8; margin: 0 0 20px 0; padding:2%;} .quote-begin, .quote-end {display:none;} .staffLinks {font-size: 12px; position:absolute; top:8px; left: 20px; } #social5 {background: url("../images/ico_RSS_sh.png") repeat scroll 0 0 rgba(0, 0, 0, 0);} #social5:hover {background: url("../images/ico_RSS_sh2.png") repeat scroll 0 0 rgba(0, 0, 0, 0);} .socialLinks {width: 280px;} .utilidades_barra { background: none repeat scroll 0 0 #F7F7F7; border-bottom: 1px solid #DADADA; border-top: 1px solid #DADADA; clear: both; margin: 0 0 20px 0; padding: 5px 0; height: 20px; width: 640px; } .utilidades_barra ul.bloque1 { display: block; float: left; list-style-type: none; margin: 0 25px; padding: 0; } .utilidades_barra ul.bloque1 li { color: #3E3E3E; display: inline; font: 9px Arial,Helvetica; margin: 0; overflow: hidden; padding: 2px 5px; } .utilidades_barra ul.bloque1 li.valorar { padding: 2px 70px 2px 5px; position: relative; } .utilidades_barra ul.bloque1 li.valorar .star-rating li { padding: 0; } .utilidades_barra ul.bloque1 li.imprimir a { background: url("../images/icoPrint.png") no-repeat scroll left top rgba(0, 0, 0, 0); padding: 0 10px 0 16px; color: #000 !important; } .utilidades_barra ul.bloque1 li.enviar a { color: #000 !important; background: url("../images/icoMail.png") no-repeat scroll left top rgba(0, 0, 0, 0); padding: 0 10px 0 16px; } .utilidades_barra ul.bloque1 li a:hover { color: #C90034 !important; text-decoration: none; } .utilidades_barra ul.compartir { float: right; height: 22px; list-style-type: none; margin: 0; padding: 0; } .utilidades_barra ul.compartir li { float: left; margin: 0; padding: 0; width: 120px; } /* Franquicias */ /* Fichas */ #data_inicial { clear: both; background:url(../../franquicias/images/bg_reticula.jpg) repeat-y;padding:5px 25px 50px 25px; margin: 0 0 1.5rem 0;} #data_inicial h2{color:#999999;font:20px 'Lucida Sans Unicode','Lucida Grande',Arial,Helvetica,sans-serif;font-weight:regilar;line-height:25px;border-bottom:1px solid #b1b2b2;margin:25px 0 15px 0;} #data_inicial .etiqueta {color:#000;font-size:14px; display:inline-block;width:55%;} #data_inicial .contenido {font-size:14px; display:inline-block;width:35%;text-align:left;color:#575757;vertical-align:text-top;} /* Genericos */ #listado_sectores { clear:both; margin-bottom:1rem;} .listado, .ficha { width:94%; max-width:620px; margin: auto;} .listado .headerListado div {margin:0 0 20px;} .listado .headerListado div p {font-size:15px; margin:0 0 5px;} .listado .headerListado div p a {text-decoration: underline; color:#c90034;} #buscador_franquicias { clear:both; background: #d2d2d2; padding: 0} #buscador_franquicias form {width: 98%; max-width: 980px; margin: 0 auto; background: url("../images/lupaBuscador.png") no-repeat left 5px; height:100px; } #buscador_franquicias form p {clear:both; font-size: 18px; color:#444444; padding: .9rem 0 0 6rem; margin-bottom: .4rem; display:block; } #buscador_franquicias form input, #buscador_franquicias form select {padding: 0.5rem; background: #fff; color:#000; vertical-align:top; -webkit-appearance: none;} #buscador_franquicias form select optgroup:before {content: attr(label); display: block; color:#999; font-weight: normal} #buscador_franquicias form select:focus {outline : none;} #buscador_franquicias form select[name="sector"] option {color:#777;} #buscador_franquicias form select[name="sector"] option.optgroup {color:#000; padding-left: 0;} /*#buscador_franquicias form select[name="sector"] option {color:#777; padding-left: 12px;} #buscador_franquicias form select[name="sector"] option.optgroup {color:#000; padding-left: 0;} #buscador_franquicias form select[name="sector"] option.optgroup:before {content:"-"; padding-right: 5px;}*/ #buscador_franquicias form input {padding: 0.58rem;} #buscador_franquicias form input#btnSubmit {float:right; width:118px; background: url("../images/btnContactar.jpg") repeat-x top left; height:34px; padding: 5px 5px 0 5px; color:#fff; font-size:13px; text-align:center; text-transform:uppercase; cursor:pointer; border:0px solid #000} /* buscador columna derecha emprendedores */ #rightColumn #buscador_franquicias { clear:both; float: left; background: #f3f3f3; padding: 0 0 10px 0; border: 1px solid #d2d2d2} #rightColumn #buscador_franquicias form {width: 260px; margin: 0 auto; background: url("../images/lupaBuscador.png") no-repeat 14px 5px; background-size: 47px 40px; height:100px; padding: 0 15px } #rightColumn #buscador_franquicias form p {clear:both; font-size: 18px; color:#444444; padding: .9rem 0 0 3rem; margin-bottom: .4rem; display:block; } #rightColumn #buscador_franquicias form input, #rightColumn #buscador_franquicias form select {padding: .1rem .5rem; background: #f8f8f8; color:#777777; width: 257px; margin-bottom: 5px } #rightColumn #buscador_franquicias form input {width: 240px; padding: .2rem .5rem; -webkit-appearance:caret;} #rightColumn #buscador_franquicias form select {vertical-align:middle;} #rightColumn #buscador_franquicias form input#btnSubmit { float:left; width:257px; background: url("../images/btnContactar.jpg") repeat-x top left; height:34px; padding: 5px 5px 0 5px; color:#fff; font-size:13px; text-align:center; text-transform:uppercase; cursor:pointer; border:0px solid #000} #submenu {float:left; width: 100%; background: #313131; color: #fff; padding: 1rem 0} #submenu ul {width: 98%; max-width: 980px; margin: 0 auto; text-align: left;} #submenu ul li {display: inline; margin-right: .7rem} #submenu a {color:#fff; text-decoration:none; text-transform: uppercase; } body.franquicias .moduloCuatroCarrusel {background: #313131} .moduloCuatroCarrusel {position:relative; clear:both; padding:20px 0; margin-bottom:30px;background:#f5f5f5;/*border-left:1px solid #cacaca; border-top:1px solid #cacaca; border-bottom:1px solid #cacaca;*/} .moduloCuatroCarrusel a {display:block; color:#000;} .moduloCuatroCarrusel .jcarousel-skin-tango .jcarousel-container-horizontal {width: 100%; padding: 0; margin:0; } .moduloCuatroCarrusel .jcarousel-skin-tango .jcarousel-clip {overflow: hidden; width: 640px; margin:0 0 0 17px;} .moduloCuatroCarrusel .jcarousel-skin-tango .jcarousel-item {width: 145px !important; margin: 0; padding:0 15px 0 0;} .moduloCuatroCarrusel .jcarousel-skin-tango .jcarousel-item a img {display:block;} .moduloCuatroCarrusel .jcarousel-skin-tango .jcarousel-next-horizontal {position: absolute; top: -48px; right: 45px; width: 20px; height: 20px; cursor: pointer; background: black url(../images/flechaDrcha_peq.jpg) no-repeat; opacity: .70; filter:alpha(opacity=70);} .moduloCuatroCarrusel .jcarousel-skin-tango .jcarousel-next-horizontal:hover, .moduloCuatroCarrusel.jcarousel-skin-tango .jcarousel-next-horizontal:focus {opacity: 1; filter:alpha(opacity=100);} .moduloCuatroCarrusel .jcarousel-skin-tango .jcarousel-next-horizontal:active {opacity: 0.7; filter:alpha(opacity=70);} .moduloCuatroCarrusel .jcarousel-skin-tango .jcarousel-next-disabled-horizontal, .moduloCuatroCarrusel .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover, .moduloCuatroCarrusel .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:focus, .moduloCuatroCarrusel .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {cursor: default; opacity: 0; filter:alpha(opacity=0);} .moduloCuatroCarrusel .jcarousel-skin-tango .jcarousel-prev-horizontal {position: absolute; top: -48px; left: 520px;width:20px;height: 20px;cursor: pointer;background: black url("../images/flechaIzqda_peq.jpg") no-repeat;opacity: .70; filter:alpha(opacity=50);} .moduloCuatroCarrusel .jcarousel-skin-tango .jcarousel-prev-horizontal:hover, .moduloCuatroCarrusel .jcarousel-skin-tango .jcarousel-prev-horizontal:focus {opacity: 1; filter:alpha(opacity=100);} .moduloCuatroCarrusel .jcarousel-skin-tango .jcarousel-prev-horizontal:active {opacity: 0.7; filter:alpha(opacity=70);} .moduloCuatroCarrusel .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal, .moduloCuatroCarrusel .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover, .moduloCuatroCarrusel .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:focus, .moduloCuatroCarrusel .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {cursor: default; opacity: 0; filter:alpha(opacity=0);} .moduloCuatroCarrusel .boxgrid {width: 145px; overflow: hidden;position: relative;} .moduloCuatroCarrusel #list_carrousel .boxgrid,.moduloCuatroCarrusel #list_carrousel-1 .boxgrid,.moduloCuatroCarrusel #list_carrousel-2 .boxgrid,.moduloCuatroCarrusel #list_carrousel-3 .boxgrid,.moduloCuatroCarrusel #list_carrousel-4 .boxgrid,.moduloCuatroCarrusel #list_carrousel-5 .boxgrid,.moduloCuatroCarrusel #list_carrousel-6 .boxgrid,.moduloCuatroCarrusel #list_carrousel-7 .boxgrid{height: 200px;} .moduloCuatroCarrusel .title {text-align:center;padding-top:1em;} .moduloCuatroCarrusel .title a {color:#fff;text-transform:uppercase;font-size:1.2em;font-weight:bold} /* listado sectores*/ #listado_sectores h1 {color: #000; font-size: 24px} #listado_sectores ul{background:#f8f8f8; padding:20px 20px; } #listado_sectores ul{ column-count: 3; -webkit-column-count: 3; -moz-column-count: 3; -o-column-count: 3; /*Espacio entre columnas*/ column-gap: 2em; -webkit-column-gap: 2em; -moz-column-gap: 2em; -o-column-gap: 2em; /* column-gap: 3em; columns: 3; -moz-column-gap: 3em; -moz-columns: 3; -webkit-column-gap: 3em; -webkit-columns: 3; text-align: left;*/ } #listado_sectores ul li { padding: 5px } #listado_sectores ul li ul { padding:0} #listado_sectores ul li a {color: #585858; text-transform: uppercase; } #listado_sectores ul li ul li a {color: #a4a4a4; text-transform: capitalize;} #listado_sectores ul li ul { column-count: 1; -webkit-column-count: 1; -moz-column-count: 1; -o-column-count: 1; padding:0; /*padding-left: 1rem; column-gap: 0em; columns: 1; -moz-column-gap: 0em; -moz-columns: 1; -webkit-column-gap: 0em; -webkit-columns: 0;*/ } #listado_sectores ul li ul:after { clear: both; content: "."; display: block; height: 0; visibility: hidden;} #listado_sectores ul li ul li {float:left; width:100%; text-wrap:none; padding:0; } /* franquicias de exito */ .exito {text-align: center;} .exito h2 {font-size: 24px; line-height: 26px; text-align: left;} .exito div {display: inline-block; max-width: 83px; text-align: center; margin-left: 0 7px 14px; vertical-align: top; padding: 0 7px 10px 6px;} .exito div img {width: 100%; max-width: 85px; height:auto; border:1px solid #ccc;} /* migas de pan */ .breadCrumb div {display: inline; } /* ficha */ .ficha #articulo {padding:0; } .ficha ul li { margin-bottom:5px;} /* ficha cabecera */ .imagenFicha {float: left; width: 20%; padding-right: 2%; margin-bottom: 1rem} .imagenFicha img {border: 1px solid #cbcaca; width:100%; height: auto; max-width: 118px;} #mainContent .cabeceraFicha {float: left;width: 78%;} #mainContent .cabeceraFicha h1 {font-size: 30px; line-height: 34px; margin-bottom: 5px; text-align: left;} .ficha h2 { font-size:14px; line-height:18px; letter-spacing:0; font-weight:bold; color:#000; margin:0; text-transform:uppercase} .ficha p { font-size:14px; margin-bottom:5px;} .ficha .contactar a { float:left; width:150px; background: url("../images/btnContactar.jpg") repeat-x top left; height:34px; padding: 10px 5px 0 5px; color:#fff; font-size:13px; text-align:center; text-transform:uppercase;} /* listados */ #mainContent .opcionesListado { width:100%; margin-bottom:1rem; background: #f8f8f8; padding: 2px 0} #mainContent .opcionesListado a { background:#000; color:#fff; padding: 2px 5px} #mainContent .franquiciaListado { clear:both; float:left; width:100%; margin-bottom:1em; padding:0.5rem 0 1rem; border-bottom: 1px solid #cacaca; font-size:14px;} #mainContent .franquiciaListado .imagenFicha {float: left; width: 20%; padding-left: 0%; margin-bottom: 0;} #mainContent .franquiciaListado .cabeceraFicha h1 {font-size: 18px; font-weight:normal; line-height:18px; text-transform:uppercase; letter-spacing:0} #mainContent .franquiciaListado .cabeceraFicha .descripcion { margin-bottom:.8rem; color:#575757 } #mainContent .franquiciaListado .detallesListadoFicha {display: block; padding-bottom: 45px; position: relative; width: 100%;} #mainContent .franquiciaListado .detallesListadoFicha .def { color:#000} #mainContent .franquiciaListado .detallesListadoFicha p { float:left; width:60%; margin:0; color:#575757} #mainContent .franquiciaListado .contactar { float:right; width:150px; background: url("../images/btnContactar.jpg") repeat-x top left; height:24px; margin:0; padding: 10px 5px 0 5px; color:#fff; font-size:13px; text-align:center; text-transform:uppercase;} /* formulario contacto*/ #contact h2 { color:#000; font-size:15px; font-weight:normal; margin:15px 0;} #contact h2 span { float:left; padding:5px 0 0 0; color: #c90034; font-size:25px; font-weight:bold} #contact form {padding: 20px 0 0 0} #contact .fgroup { margin-bottom:5px;} #contact .fgroup.even { clear:both; float:left; width:47%; } #contact .fgroup.odd { float:right; width:47%;} #contact .fgroup.full { clear:both; width:100%; text-align:center} #contact .fgroup label { float:left; width:37%; text-align:right; padding: 5px 3% 0 0} #contact .fgroup input, #contact .fgroup select { padding:5px;} #contact .fgroup select { width:170px;} #contact .fgroup input { width:160px;} #contact .fgroup.full input {width: auto} #contact .fgroup.full label { width:auto; float:none} #contact .fgroup.full #observaciones { width:99%; min-height:150px; margin-top:1rem; border:1px solid #ccc} #contact .fgroup #txt { float:left; padding: 7px 0 0 7.5rem; color:#c90034; font-size:.8rem} #contact .fgroup label span {color:#c90034; font-size:1rem; padding: 10px 0 0 0} #contact .fgroup.full input.submitContact { display:inline; width:150px; background: url("../images/btnContactar.jpg") repeat-x top left; height:34px; margin:0 0 2rem 0; padding: 0px 5px 0 5px; color:#fff; cursor:pointer } fieldset { border:0px solid #000; margin:1rem auto;} fieldset legend { font-size:1rem; text-align:center; width:100%; padding: 0; } fieldset p { clear:both; padding:10px 0 15px 0;} fieldset .btn { background:#999; color:#fff; padding: 5px; font-size:.7rem; text-transform:uppercase} fieldset .btn.marcar {background: #fff url("../images/icoMarcarTodos.png") no-repeat 5px 5px; padding-left:20px; color:#999; border:1px solid #999} fieldset .btn.desmarcar {background: #fff url("../images/icoQuitarTodos.png") no-repeat 5px 5px; padding-left:20px; color:#999; border:1px solid #999} fieldset .btn.marcar:hover {background: #333 url("../images/icoMarcarTodos.png") no-repeat 5px 5px; padding-left:20px; color:#fff; border:1px solid #333; text-decoration:none} fieldset .btn.desmarcar:hover {background: #333 url("../images/icoQuitarTodos.png") no-repeat 5px 5px; padding-left:20px; color:#fff; border:1px solid #333; text-decoration:none} #contact .fgroup fieldset label { float:left; width:auto; text-align:right; padding: 5px 0 0 0; margin: 0 0 0 0} #contact .fgroup fieldset input { margin-right:10px;} /* columna derecha */ .imagenesFicha { background:#f8f8f8; text-align:center; padding-bottom:10px} .imagenesFicha h2 { background:#fff; text-align:left; font-size:25px;} .imagenesFicha img { display:inline-block; margin:0 3px;} .contactoLateral { background:#f8f8f8; padding-bottom:10px} .contactoLateral h2 { background:#fff; font-size:25px;} .contactoLateral p { padding-left:10px; margin-bottom:5px} .contactoLateral p .contenido {color: #828282} .contactoLateral p .etiqueta { float:left; width:95px;} .franquicias #rightColumn .moduloNews li img { width:64px; height:64px} .moduloNews2 {background:#fff;padding:20px 0 0 0} .moduloNews2 h2 { background:#fff; font-size:25px;margin:0;} .moduloNews2 ul li {list-style-type:none; margin:0; line-height:inherit; } .moduloNews2 ul li div {width:270px; overflow:hidden; margin:0; padding:0;} .moduloNews2 ul li h4 {font-size:16px; line-height:20px; text-transform:none;margin:0; padding:0; border-bottom:1px solid #cacaca;padding:10px 15px 10px 0;} #rightColumn ul li h4 a { float:left; width:100%}