@charset "UTF-8"; /** * "Yet Another Multicolumn Layout" - (X)HTML/CSS framework * (en) stylesheet for screen layout * (de) Stylesheet für das Bildschirm-Layout * * @creator YAML Builder V1.2 (http://builder.yaml.de) * @file basemod.css * @-yaml-minver 3.1 */ @media screen, projection { /*-------------------------------------------------------------------------*/ /* (en) Marginal areas & page background */ /* (de) Randbereiche & Seitenhintergrund */ body { background:#E6E6E6; font-family: Verdana, Helvetica, Arial; font-size: 13px; font-style: normal; font-weight: normal; text-transform: normal; letter-spacing: normal; line-height: 1.3em; } /* Layout Alignment | Layout-Ausrichtung */ .page_margins { margin: 0 auto;} /* Layout Properties | Layout-Eigenschaften */ .page{ width:100%; } .wrap, #wrap{ width:980px; } /*-------------------------------------------------------------------------*/ /* Estilo para los widgets */ /* Widgets Booking */ .payment-instructions { border:3px solid #E4E4E4; padding:5px } .payment-instructions b{ border-bottom:1px dotted #74706D; } .x-form-check-wrap {padding-bottom: 1em; } .icon-user-add {background-image: url(../../media/images/shared/user_add.gif) !important;} .icon-user-delete {background-image: url(../media/images/shared/user_delete.gif) !important;} .x-window-mc { background-color: white; } /*-------------------------------------------------------------------------*/ /** * (en) Formatting content container * (de) Formatierung der Inhalts-Container * */ #col1 { float: left; width: 25%} #col2 { display:none} #col3 { width: auto; margin: 0 0 0 25%} #col1_content { padding: 0 10px 0 20px } #col3_content { padding: 0 20px 0 10px } /** * (es) Class comunes para el sitio * */ .anchor-gray { color: #5D6162; text-decoration:none; font-weight:bold; } .anchor-blue { color: #0778C8; text-decoration:none; font-weight:bold; } .anchor-gray:hover, .anchor-blue:hover { text-decoration:underline; } /*-------------------------------------------------------------------------*/ .content-for{ display:none; } .form-messages-box, div.progress{ background-color:#FFFFFF; border:1px solid #C2C2C2; margin:0 0 0 20px; padding:20px; position:absolute; width:420px; z-index:8999; } .form-messages-box a.close{ float:right; font-size: 10px; text-decoration: none; color:blue } /** * customizing ExtJs */ .x-form-invalid, textarea.x-form-invalid { background-image: none } .silk-delete { background-image:url(../../media/images/shared/delete.gif) !important; background-repeat:no-repeat; } .silk-add { background-image:url(../../media/images/shared/add.gif) !important; background-repeat:no-repeat; } .x-btn button.silk-add{ font-weight: bold; } .core-li-circle{ list-style:disc; } .core-li-line{ list-style-type:disc; } .hidden{ display:none } .booking-price{ font-size: 18px; } /* Subtemplates */ .c95l, .c5l, .c60l, .c40l, .c90l, .c10l, .c55l, .c45l, .c63l, .c37l, .c70l, .c30l , .c85l, .c15l {float: left; } .c5r, .c95r, .c60r, .c40r, .c90r, .c10r, .c55r, .c45r, .c63r, .c37r, .c70r, .c30r, .c85r, .c15r {float: right; margin-left: -5px; } .c40l, .c40r { width: 40% } .c60l, .c60r { width: 60% } .c37l, .c37r { width: 37% } .c63l, .c63r { width: 63% } .c95l, .c95r { width: 95% } .c5r, .c5l { width: 5% } .c90l, .c90r { width:90%; } .c10l, .c10r { width:10%; } .c55l, .c55r { width:55%; } .c45l, .c45r { width:45%; } .c5l, .c5r { width: 5% } .c90l, .c90r { width: 90% } .c30l, .c30r { width: 30% } .c70l, .c70r { width: 70% } .c85l, .c85r { width:85%; } .c15l, .c15r { width:14.6%; } .subcr{ padding:0 } /* Fin Subtemplates */ .fl{ float:left } .fr{ float:right } .clearing{ clear:both; margin:0; padding:0; } /*Headings*/ h1,h2,h3,h4,h5,h6,h7 { color:#727071; font-family:Trebuchet MS; } h1 { font-size: 200%; } /* 24px */ h2 { font-size: 166.67%; } /* 20px */ h3 { font-size: 150%; } /* 18px */ h4 { font-size: 133.33%; } /* 16px */ h5 { font-size: 116.67% } /* 14px */ h6 { font-size: 116.67%; font-style:italic; } /* 14px */ h7 { font-size: 100%; font-weight:bold; font-style:italic; } /*End Headings*/ /* INICIO: backgounds */ #header{ background:transparent url("../../media/images/logo-cabezal-web.gif") no-repeat top left; width:980px; height:92px; border-bottom:2px solid #656565; position:relative; } #topnav{ background:transparent url("../../media/images/plantilla_botones.png") repeat-x 0px 0px; height:34px; } #subnav{ background:transparent url("../../media/images/botonera-header.gif") repeat-x top left; width:980px; height:26px; } #main{ background-color:#F7F7F7; width:980px; } #footer{ background-color:#FFFFFF; width:980px; height:34px; } #fixed_footer{ background-color:#272727; width:980px; height:34px; } /* FIN: backgrounds */ /* INICIO: header */ #header .logo_header{ width:169px; height:65px; margin:19px 0 0 -25px; } #header .logo_header a{ width:169px; height:65px; display:block; } /* FIN: header */ /* INICIO: usuario */ #header .usuario{ height:59px; margin:3px 23px 0 0; } #header .usuario .avatar{ width:62px; height:62px; } #header .usuario .nombre{ color:#FFFFFF; text-align:right; } #header .usuario .nombre p{ font-size:0.8em; padding-top:29px; } #header .usuario .nombre ul{ margin:0; } #header .usuario .nombre ul li{ float:left; padding-left:0; list-style:none; line-height:0.8em; } #header .usuario .nombre ul li a{ color:#FFFFFF; text-decoration:none; font-size:0.80em; outline:none; padding-left:5px; } #header .usuario .nombre ul li a:hover{ color:#000000; } /* FIN: usuario */ /* INICIO: menú */ #header .menu{ margin-top:7px; padding-left:308px; height:23px; } #header .menu ul{ margin:0; list-style:none; } #header .menu ul li{ float:left; margin-left:2px; list-style:none; } #header .menu ul li a{ display:block; height:23px; } #header .menu ul li a#p1{ width:38px; left:0; background:transparent url(../../media/images/menu.png) no-repeat 0px -25px; } #header .menu ul li a#p2{ width:56px; left:245px; background:transparent url(../../media/images/menu.png) no-repeat -227px -25px; } #header .menu ul li a#p3{ width:82px; left:58px; background:transparent url(../../media/images/menu.png) no-repeat -40px -25px; } #header .menu ul li a#p4{ width:65px; left:285px; background:transparent url(../../media/images/menu.png) no-repeat -285px -25px; } #header .menu ul li a#p5{ width:60px; left:439px; background:transparent url(../../media/images/menu.png) no-repeat -529px -25px; } #header .menu ul li a#p6{ width:101px; left:377px; background:transparent url(../../media/images/menu.png) no-repeat -426px -25px; } #header .menu ul li a#p1:hover, #header .menu ul li.active a#p1{ background:transparent url(../../media/images/menu.png) no-repeat 0px 0px; } #header .menu ul li a#p2:hover, #header .menu ul li.active a#p2{ background:transparent url(../../media/images/menu.png) no-repeat -227px 0px; } #header .menu ul li a#p3:hover, #header .menu ul li.active a#p3{ background:transparent url(../../media/images/menu.png) no-repeat -40px 0px; } #header .menu ul li a#p4:hover, #header .menu ul li.active a#p4{ background:transparent url(../../media/images/menu.png) no-repeat -285px 0px; } #header .menu ul li a#p5:hover, #header .menu ul li.active a#p5{ background:transparent url(../../media/images/menu.png) no-repeat -529px 0px; } #header .menu ul li a#p6:hover, #header .menu ul li.active a#p6{ background:transparent url(../../media/images/menu.png) no-repeat -426px 0px; } /* FIN: menú */ /*INICIO REGISTRO*/ #topnav .registro{ width:1000px; height:34px; position:relative; } #topnav .registro .scroll_panel{ width:298px; height:341px; position:absolute; top:34px; right:20px; z-index:2; overflow:hidden; -moz-box-shadow:0 0 13px 0 #333333; -webkit-box-shadow:0 0 13px 0 #333333; filter: progid:DXImageTransform.Microsoft.Shadow(color=#E6E6E6,direction=0,strength=5) progid:DXImageTransform.Microsoft.Shadow(color=#E6E6E6,direction=90,strength=5) progid:DXImageTransform.Microsoft.Shadow(color=#E6E6E6,direction=180,strength=5) progid:DXImageTransform.Microsoft.Shadow(color=#E6E6E6,direction=270,strength=5); } #topnav .registro .scroll_panel #pane .noresults {margin-top:150px; margin-bottom:140px;} #topnav .registro .scroll_panel .jScrollPaneContainer{ background-color:#FFFFFF; width:296px; height:340px; border:1px solid #838383; border-top:none; overflow:hidden; position:relative; } #topnav .registro .scroll_panel .jScrollPaneContainer .scroll-pane{ background-color:#FFFFFF; width:276px; height:640px; overflow:hidden; } #topnav .registro .scroll_panel .jScrollPaneContainer .scroll-pane .seccion{ margin-left: 0px; } #topnav .registro .scroll_panel .jScrollPaneContainer .scroll-pane .seccion .titulo{ background-color:#D6E0EA; width:276px; height:24px; text-align:left; } #topnav .registro .scroll_panel .jScrollPaneContainer .scroll-pane .seccion .titulo h5{ color:#61799D; padding:3px 0 0 6px; } #topnav .registro .scroll_panel .jScrollPaneContainer .scroll-pane .seccion .box{ width:276px; height:50px; border-bottom:1px solid #EAEBEF; } #topnav .registro .scroll_panel .jScrollPaneContainer .scroll-pane .seccion .box a{ width:276px; height:50px; display:block; text-decoration:none; color:#646464; font-size:0.8em; } #topnav .registro .scroll_panel .jScrollPaneContainer .scroll-pane .seccion .box a:hover{ background-color:#F6F7F9; } #topnav .registro .scroll_panel .jScrollPaneContainer .scroll-pane .seccion .box a .imagen{ width:38px; height:38px; border:1px solid #61799D; margin:5px 0 0 5px; } #topnav .registro .scroll_panel .jScrollPaneContainer .scroll-pane .seccion .box a:hover .imagen{ border:1px solid #FFFFFF; } #topnav .registro .scroll_panel .jScrollPaneContainer .scroll-pane .seccion .box a span{ width:170px; text-align:left; line-height:1.2em; margin:20px 0 0 5px; } #topnav .registro .scroll_panel .jScrollPaneContainer .scroll-pane .seccion .box a:hover span{ color:#61799D; } #topnav .registro .scroll_panel .jScrollPaneContainer .scroll-pane .seccion .box2{ width:276px; height:50px; border-bottom:1px solid #EAEBEF; text-align:left; } #topnav .registro .scroll_panel .jScrollPaneContainer .scroll-pane .seccion .box2 p{ font-size:0.75em; padding:3px 0 0 5px; line-height:2.3em; } #topnav .registro .scroll_panel .jScrollPaneContainer .scroll-pane .seccion .box2 p span{ border:2px solid #D6E0EA; padding:2px; -moz-border-radius:10px; -webkit-border-radius:10px; cursor:pointer; } #topnav .registro .scroll_panel .jScrollPaneContainer .scroll-pane .seccion .box2 p a { text-decoration:none;color:#000000; } #topnav .registro .scroll_panel .jScrollPaneContainer .scroll-pane .seccion .box2 p span:hover{ border:none; color:#FFFFFF; background-color:#61799D; padding:4px; } #topnav .registro .scroll_panel .jScrollPaneContainer .scroll_bar{ width:19px; height:340px; border-left:1px solid #838383; } #topnav .registro .scroll_panel .jScrollPaneContainer .jScrollCapTop{ width:19px; height:14px; padding-top:9px; } /*#topnav .registro .scroll_panel .jScrollPaneContainer .jScrollCapTop a{ background:transparent url("../../media/images/flecha-arriba-scroll-buscador.gif") no-repeat top left; width:7px; height:4px; display:block; }*/ #topnav .registro .scroll_panel .jScrollPaneContainer a.jScrollArrowUp { background:transparent url("../../media/images/flecha-arriba-scroll-buscador.gif") no-repeat top left; width:7px; height:4px; display:block; position:absolute; text-indent:-2000px; right: -5; margin:5px 0 0 283px; } #topnav .registro .scroll_panel .jScrollPaneContainer a.jScrollArrowDown { background:transparent url("../../media/images/flecha-abajo-scroll-buscador.gif") no-repeat top left; width:7px; height:4px; display:block;position:absolute; text-indent:-2000px; z-index:1;right: -5; margin:0 0 5px 283px; } #topnav .registro .scroll_panel .jScrollPaneContainer .jScrollCapBottom{ width:19px; height:14px; padding-top:9px; } /*#topnav .registro .scroll_panel .jScrollPaneContainer .jScrollCapBottom a{ background:transparent url("../../media/images/flecha-abajo-scroll-buscador.gif") no-repeat top left; width:7px; height:4px; display:block; }*/ #topnav .registro .scroll_panel .jScrollPaneContainer .jScrollPaneTrack{ background:transparent url("../../media/images/fondo-scroll-buscador.gif") repeat-y top left; position:absolute; cursor:pointer; right:0; top:0; height:100%; width:19px;} #topnav .registro .scroll_panel .jScrollPaneContainer .jScrollPaneTrack .jScrollPaneDrag{/* background:transparent url("../../media/images/burbuja-scroll-buscador.gif") no-repeat top left; */ background:#8EA0BA url("../../media/images/burbuja-center-buscador.gif") no-repeat 50% 50%; width:11px; height:104px; cursor:pointer; position:absolute; left:4px; } #topnav .registro .scroll_panel .jScrollPaneContainer .jScrollPaneTrack .jScrollPaneDragTop{background:transparent url("../../media/images/burbuja-dragtop-buscador.gif") no-repeat 50% 50%; height:6px; } #topnav .registro .scroll_panel .jScrollPaneContainer .jScrollPaneTrack .jScrollPaneDragBottom{background:transparent url("../../media/images/burbuja-dragbottom-buscador.gif") no-repeat 50% 50%; height:6px; bottom:0; position:absolute; left:0; } #topnav .registro .scroll_panel .ver_mas{ background-color:#D6E0EA; width:296px; height:22px; border:1px solid #838383; border-top:none; z-index:2; } #topnav .registro .scroll_panel .ver_mas a{ text-decoration:none; } #topnav .registro .scroll_panel .ver_mas a h5{ color:#61799D; padding-top:3px; } #search{ position:absolute; top:3px; right:22px; height:20px; } #search input{ background:transparent url("../../media/images/plantilla_botones.png") no-repeat -138px -710px; width:211px; height:20px; border:none; position:absolute; top:3px; right:70px; color:#595959; font-size:0.85em; font-weight:bold; padding:0 10px 0 10px; } #search input:hover, #search input:focus{ background-position:-138px -740px; } #search button{ background:transparent url("../../media/images/plantilla_botones.png") no-repeat -138px -771px; width:62px; height:18px; border:none; position:absolute; top:4px; right:0; cursor:pointer; } #search button:hover{ background-position:-138px -801px; } .rss{ background:transparent url("../../media/images/plantilla_botones.png") no-repeat -379px -752px; position:absolute; top:0; right:463px; display:block; width:33px; height:34px; } .rss:hover{ background:transparent url("../../media/images/plantilla_botones.png") no-repeat -379px -710px; } .rss .image{ background:transparent url("../../media/images/sprite-rss-icon.gif") no-repeat top right; width:16px; height:16px; margin-top:9px; } .rss:hover .image{ background:transparent url("../../media/images/sprite-rss-icon.gif") no-repeat top left; width:16px; height:16px; } .sign-in { background:transparent url("../../media/images/plantilla_botones.png") no-repeat 0px -752px; position:absolute; right:410px; display:block; color:#FFFFFF; text-decoration:none; padding:9px 8px 9px 8px; font-size:0.85em; z-index:3; } /*.sign-in:hover,*/ .sign-in.active{ background:transparent url("../../media/images/plantilla_botones.png") no-repeat 0px -710px; } .sign-up { background:transparent url("../../media/images/plantilla_botones.png") no-repeat -52px -752px; position:absolute; right:332px; display:block; color:#FFFFFF; text-decoration:none; padding:9px 6px 9px 6px; font-size:0.85em; z-index:3; } /*.sign-up:hover,*/ .sign-up.active{ background:transparent url("../../media/images/plantilla_botones.png") no-repeat -52px -710px; } #signin_form { overflow:hidden; position:absolute; z-index:2; right:245px; top:0; } #signup_form { overflow:hidden; position:absolute; z-index:2; right:193px; top:0; } #signup_form p { color:#838383; font-size:0.7em; } #signup_form .error { color:#838383; } .account { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; -moz-box-shadow:0 0 13px 0 #333333; -webkit-box-shadow:0 0 13px 0 #333333; background-color:#FFFFFF; border-top:none; border-left:1px solid #838383; border-bottom:1px solid #838383; border-right:1px solid #838383; /* background:#FFFFFF url(../../media/images/h150_reverse.png) repeat-x scroll bottom left; */ float:left; margin-right:15px; padding:0 10px; width:160px; filter: progid:DXImageTransform.Microsoft.Shadow(color=#E6E6E6,direction=0,strength=0) progid:DXImageTransform.Microsoft.Shadow(color=#E6E6E6,direction=90,strength=5) progid:DXImageTransform.Microsoft.Shadow(color=#E6E6E6,direction=180,strength=5) progid:DXImageTransform.Microsoft.Shadow(color=#E6E6E6,direction=270,strength=5); } .account .error { padding:5px 10px; width:140px; margin:1px -10px; color:#fff; background:#c10; display:none; -moz-border-radius-bottomleft:8px; -moz-border-radius-bottomright:8px; -webkit-border-radius-bottom-left:8px; -webkit-border-radius-bottom-right:8px; } .account p{ color:#838383; font-size:0.7em; text-align:left; } .account input { -moz-border-radius:5px; -webkit-border-radius:5px; background-color:#F6F7F9; border:1px solid #657C9B; color:#657C9B; font-size:10px; outline-color:-moz-use-text-color; outline-style:none; outline-width:medium; padding:2px 6px; width:146px; } .account label{ color:#838383; font-size:0.7em; cursor:pointer; display:block; } .account label input{ background-color:transparent; padding:0; position:relative; top:1px; left:-5px; width:15px; } .account button#entrar{ background:transparent url("../../media/images/plantilla_botones.png") no-repeat -92px -104px; width:60px; height:18px; cursor:pointer; border:none; } .account button#entrar:hover{ background:transparent url("../../media/images/plantilla_botones.png") no-repeat -92px -134px; } .account button#aceptar{ background:transparent url("../../media/images/plantilla_botones.png") no-repeat -162px -104px; width:60px; height:18px; cursor:pointer; border:none; } .account button#aceptar:hover{ background:transparent url("../../media/images/plantilla_botones.png") no-repeat -162px -134px; } /*FIN REGISTRO*/ /* INICIO: footer */ #footer .menu{ width:435px; padding-top:7px; } #footer .menu ul{ margin:0; } #footer .menu ul li{ float:left; padding-left:0; list-style:none; } #footer .menu ul li a{ color:#282828; text-decoration:none; font-size:0.80em; outline:none; padding-left:5px; } #footer .menu ul li a:hover, .menu ul li.active a{ color:#969696; } #footer p{ text-align:right; color:#646464; font-size:0.85em; padding-right:40px; padding-top:8px; } #footer .menu ul li#enlace1{ background:transparent url("../../media/images/icono-casa-mapa-sitio.gif") no-repeat top right; width:16px; height:15px; } #footer .menu ul li#enlace1:hover{ background:transparent url("../../media/images/icono-casa-mapa-sitio.gif") no-repeat top left; } #footer .menu ul li#enlace1 a{ width:16px; height:15px; display:block; } /* FIN: footer */ /* INICIO: footer fijo */ #footpanel{ width:100%; height:32px; position: fixed; bottom: 0; left: 0; z-index: 9999; /*--Keeps the panel on top of all other elements--*/ background:transparent url("../../media/images/plantilla_botones.png") repeat-x 0px -278px; margin:0; } #footpanel .enlaces{ width:669px; height:32px; margin-left:20px; } #footpanel .enlaces ul{ margin:0; list-style:none; } #footpanel .enlaces ul li{ float:left; margin-left:2px; list-style:none; height:32px; } #footpanel .enlaces ul li a{ display:block; height:32px; } #footpanel .enlaces ul li.enlace1{ width:156px; margin-left:12px; background:transparent url("../../media/images/plantilla_botones.png") no-repeat -10px -236px; } #footpanel .enlaces ul li.enlace2{ width:166px; /* margin-left:37px; */ background:transparent url("../../media/images/plantilla_botones.png") no-repeat -203px -236px; } #footpanel .enlaces ul li.enlace3{ width:102px; margin-left:37px; background:transparent url("../../media/images/plantilla_botones.png") no-repeat -406px -236px; } #footpanel .enlaces ul li.enlace4{ width:68px; margin-left:37px; background:transparent url("../../media/images/plantilla_botones.png") no-repeat -545px -236px; } #footpanel .enlaces ul li.enlace5{ width:58px; margin-left:36px; background:transparent url("../../media/images/plantilla_botones.png") no-repeat -649px -236px; } #footpanel .enlaces ul li.enlace6{ width:64px; margin-left:36px; background:transparent url("../../media/images/plantilla_botones.png") no-repeat -743px -236px; } #footpanel .enlaces ul li.enlace1:hover, #footpanel .enlaces ul li.enlace1.active{ background:transparent url("../../media/images/plantilla_botones.png") no-repeat -10px -194px; } #footpanel .enlaces ul li.enlace2:hover, #footpanel .enlaces ul li.enlace2.active{ background:transparent url("../../media/images/plantilla_botones.png") no-repeat -203px -194px; } #footpanel .enlaces ul li.enlace3:hover, #footpanel .enlaces ul li.enlace3.active{ background:transparent url("../../media/images/plantilla_botones.png") no-repeat -406px -194px; } #footpanel .enlaces ul li.enlace4:hover, #footpanel .enlaces ul li.enlace4.active{ background:transparent url("../../media/images/plantilla_botones.png") no-repeat -545px -194px; } #footpanel .enlaces ul li.enlace5:hover, #footpanel .enlaces ul li.enlace5.active{ background:transparent url("../../media/images/plantilla_botones.png") no-repeat -649px -194px; } #footpanel .enlaces ul li.enlace6:hover, #footpanel .enlaces ul li.enlace6.active{ background:transparent url("../../media/images/plantilla_botones.png") no-repeat -743px -194px; } #footpanel .viewport{ background:transparent url("../../media/images/plantilla_botones.png") repeat-x 0px -505px; width:294px; height:32px; border-left:1px solid #B4B5B0; position:relative; } #footpanel .viewport .header{ width:294px; height:32px; } #footpanel .viewport .header .open{ margin:10px 0 0 10px; } #footpanel .viewport .header .open a{ color:#FFFFFF; text-decoration:none; font-weight:bold; font-size:1.1em; } #footpanel .viewport .header .open a .image_flecha_open{ background:transparent url("../../media/images/plantilla_botones.png") no-repeat -233px -45px; width:10px; height:13px; } #footpanel .viewport .header .open a span{ margin-top:-2px; } #footpanel .viewport .header .close{ margin:10px 0 0 10px; } #footpanel .viewport .header .close a{ color:#FFFFFF; text-decoration:none; font-weight:bold; font-size:1.1em; } #footpanel .viewport .header .close a .image_flecha_close{ background:transparent url("../../media/images/plantilla_botones.png") no-repeat -219px -45px; width:10px; height:13px; } #footpanel .viewport .header .close a span{ margin-top:-2px; } #footpanel .viewport .body{ width:139px; height:278px; border:1px solid #B4B5B0; position:absolute; top:-280px; left:-1px; } #footpanel .viewport .body .titulo{ height:18px; border-bottom:1px solid #B4B5B0; } #footpanel .viewport .body .sprite_viewport{ background-color:#FFFFFF; height:235px; border-bottom:1px solid #B4B5B0; } #footpanel .viewport .body .sprite_viewport .content{ height:228px; overflow:hidden; padding-top:4px; } #footpanel .viewport .body .sprite_viewport .content .boxes{ } #footpanel .viewport .body .sprite_viewport .content .boxes .box{ width:133px; height:43px; margin-bottom:3px; } #footpanel .viewport .body .sprite_viewport .content .boxes .box a{ width:133px; height:43px; display:block; } /*#footpanel .viewport .body .sprite_viewport .content .boxes .box1{ background:transparent url("../../media/images/sprite-cat-productos-viewport-1.png") no-repeat top left; width:133px; height:43px; margin-bottom:3px; } #footpanel .viewport .body .sprite_viewport .content .boxes .box1 a{ width:133px; height:43px; display:block; } #footpanel .viewport .body .sprite_viewport .content .boxes .box1 a:hover{ background:transparent url("../../media/images/sprite-cat-productos-viewport-1.png") no-repeat bottom left; } #footpanel .viewport .body .sprite_viewport .content .boxes .box2{ background:transparent url("../../media/images/sprite-cat-productos-viewport-2.png") no-repeat top left; width:133px; height:43px; margin-bottom:3px; } #footpanel .viewport .body .sprite_viewport .content .boxes .box2 a{ width:133px; height:43px; display:block; } #footpanel .viewport .body .sprite_viewport .content .boxes .box2 a:hover{ background:transparent url("../../media/images/sprite-cat-productos-viewport-2.png") no-repeat bottom left; } #footpanel .viewport .body .sprite_viewport .content .boxes .box3{ background:transparent url("../../media/images/sprite-cat-productos-viewport-3.png") no-repeat top left; width:133px; height:43px; margin-bottom:3px; } #footpanel .viewport .body .sprite_viewport .content .boxes .box3 a{ width:133px; height:43px; display:block; } #footpanel .viewport .body .sprite_viewport .content .boxes .box3 a:hover{ background:transparent url("../../media/images/sprite-cat-productos-viewport-3.png") no-repeat bottom left; } #footpanel .viewport .body .sprite_viewport .content .boxes .box4{ background:transparent url("../../media/images/sprite-cat-productos-viewport-4.png") no-repeat top left; width:133px; height:43px; margin-bottom:3px; } #footpanel .viewport .body .sprite_viewport .content .boxes .box4 a{ width:133px; height:43px; display:block; } #footpanel .viewport .body .sprite_viewport .content .boxes .box4 a:hover{ background:transparent url("../../media/images/sprite-cat-productos-viewport-4.png") no-repeat bottom left; } #footpanel .viewport .body .sprite_viewport .content .boxes .box5{ background:transparent url("../../media/images/sprite-cat-productos-viewport-5.png") no-repeat top left; width:133px; height:43px; margin-bottom:3px; } #footpanel .viewport .body .sprite_viewport .content .boxes .box5 a{ width:133px; height:43px; display:block; } #footpanel .viewport .body .sprite_viewport .content .boxes .box5 a:hover{ background:transparent url("../../media/images/sprite-cat-productos-viewport-5.png") no-repeat bottom left; } #footpanel .viewport .body .sprite_viewport .content .boxes .box6{ background:transparent url("../../media/images/sprite-cat-productos-viewport-6.png") no-repeat top left; width:133px; height:43px; margin-bottom:3px; } #footpanel .viewport .body .sprite_viewport .content .boxes .box6 a{ width:133px; height:43px; display:block; } #footpanel .viewport .body .sprite_viewport .content .boxes .box6 a:hover{ background:transparent url("../../media/images/sprite-cat-productos-viewport-6.png") no-repeat bottom left; } #footpanel .viewport .body .sprite_viewport .content .boxes .box7{ background:transparent url("../../media/images/sprite-cat-productos-viewport-7.png") no-repeat top left; width:133px; height:43px; margin-bottom:3px; } #footpanel .viewport .body .sprite_viewport .content .boxes .box7 a{ width:133px; height:43px; display:block; } #footpanel .viewport .body .sprite_viewport .content .boxes .box7 a:hover{ background:transparent url("../../media/images/sprite-cat-productos-viewport-7.png") no-repeat bottom left; }*/ #footpanel .viewport .body .botones{ height:24px; } #footpanel .viewport .body .botones .content{ width:37px; height:17px; margin:3px 3px 0 0; } #footpanel .viewport .body .left{ background-color:#EAECD4; width:139px; height:278px; border-right:1px solid #B4B5B0; } #footpanel .viewport .body .left .titulo h5{ color:#9FA663; } #footpanel .viewport .body .left .botones .content .flecha_up{ background:transparent url("../../media/images/plantilla_botones.png") no-repeat -690px -103px; width:17px; height:17px; } #footpanel .viewport .body .left .botones .content .flecha_up a{ width:17px; height:17px; display:block; } #footpanel .viewport .body .left .botones .content .flecha_up a:hover{ background:transparent url("../../media/images/plantilla_botones.png") no-repeat -690px -145px; } #footpanel .viewport .body .left .botones .content .flecha_down{ background:transparent url("../../media/images/plantilla_botones.png") no-repeat -711px -103px; width:17px; height:17px; } #footpanel .viewport .body .left .botones .content .flecha_down a{ width:17px; height:17px; display:block; } #footpanel .viewport .body .left .botones .content .flecha_down a:hover{ background:transparent url("../../media/images/plantilla_botones.png") no-repeat -712px -145px; } #footpanel .viewport .body .right{ background-color:#C6D7E7; width:139px; height:278px; } #footpanel .viewport .body .right h5{ color:#7497BE; } #footpanel .viewport .body .right .botones .content .flecha_up{ background:transparent url("../../media/images/plantilla_botones.png") no-repeat -690px -124px; width:17px; height:17px; } #footpanel .viewport .body .right .botones .content .flecha_up a{ width:17px; height:17px; display:block; } #footpanel .viewport .body .right .botones .content .flecha_up a:hover{ background:transparent url("../../media/images/plantilla_botones.png") no-repeat -690px -145px; } #footpanel .viewport .body .right .botones .content .flecha_down{ background:transparent url("../../media/images/plantilla_botones.png") no-repeat -712px -124px; width:17px; height:17px; } #footpanel .viewport .body .right .botones .content .flecha_down a{ width:17px; height:17px; display:block; } #footpanel .viewport .body .right .botones .content .flecha_down a:hover{ background:transparent url("../../media/images/plantilla_botones.png") no-repeat -712px -145px; } /* FIN: footer fijo */ /* INICIO: home */ #contenido_home{ padding:10px 0 10px 0; } #contenido_home .left_box{ margin-left:5px; } #contenido_home .left_box .top{ background:transparent url("../../media/images/sprite-cabezal-blog-salud-1.png") no-repeat top left; width:485px; height:202px; } #contenido_home .left_box .top a{ width:485px; height:202px; display:block; } #contenido_home .left_box .top a:hover{ background:transparent url("../../media/images/sprite-cabezal-blog-salud-1.png") no-repeat 0px -203px; } #contenido_home .left_box .bottom{ background:transparent url("../../media/images/fondo-2columnas-bottom.png") no-repeat top left; width:485px; height:11px; padding-top:3px; } #contenido_home .left_box .center{ background:transparent url("../../media/images/fondo-2columnas-relleno.png") repeat-y top left; width:485px; } #contenido_home .left_box .center .content-blog{ padding:0px 7px 0px 7px; text-align:left; } #contenido_home .left_box .center .content-blog #fondo_hover{ display:block; } #contenido_home .left_box .center .content-blog #fondo_hover:hover{ background-color:#FDFFCE; } #contenido_home .left_box .center .content-blog .excerpt{ height:83px; overflow:hidden; padding-left:10px; } #contenido_home .left_box .center .content-blog .excerpt h7 a{ color:#9FA663; text-decoration:none; font-style:normal; } #contenido_home .left_box .center .content-blog .excerpt p{ font-size:0.85em; color:#585858; line-height:1.5em; } #contenido_home .left_box .center .content-blog .image{ width:112px; height:102px; float:right; margin-right:10px; overflow:hidden; border:1px solid #C9C9C9; } #contenido_home .left_box .center .content-blog .boton_mas{ width:70px; height:16px; margin-top:5px; padding-left:10px; } #contenido_home .left_box .center .content-blog .boton_mas a .imagen_mas{ background:transparent url("../../media/images/plantilla_botones.png") no-repeat -159px -45px; width:16px; height:16px; display:block; cursor:pointer; } #contenido_home .left_box .center .content-blog .boton_mas a:hover .imagen_mas{ background:transparent url("../../media/images/plantilla_botones.png") no-repeat -177px -45px; } #contenido_home .left_box .center .content-blog .boton_mas a{ text-decoration:none; font-size:0.7em; color:#969696; } #contenido_home .left_box .center .content-blog .borde_inferior{ border-top:1px solid #D6D6D6; margin-top:15px; } #contenido_home .right_box .top{ background:transparent url("../../media/images/sprite-cabezal-blog-deportes-1.png") no-repeat top left; width:485px; height:202px; } #contenido_home .right_box .top a{ width:485px; height:202px; display:block; } #contenido_home .right_box .top a:hover{ background:transparent url("../../media/images/sprite-cabezal-blog-deportes-1.png") no-repeat 0px -203px; } #contenido_home .right_box .bottom{ background:transparent url("../../media/images/fondo-2columnas-bottom.png") no-repeat top left; width:485px; height:11px; text-align:right; padding-top:3px; } #contenido_home .right_box .center{ background:transparent url("../../media/images/fondo-2columnas-relleno.png") repeat-y top left; width:485px; } #contenido_home .right_box .center .content-blog{ padding:0px 7px 0px 7px; text-align:left; display:block; } #contenido_home .right_box .center .content-blog #fondo_hover{ display:block; } #contenido_home .right_box .center .content-blog #fondo_hover:hover{ background-color:#EFF6FE; } #contenido_home .right_box .center .content-blog .excerpt{ height:83px; overflow:hidden; padding-left:10px; } #contenido_home .right_box .center .content-blog .excerpt h7 a{ color:#7497BE; text-decoration:none; font-style:normal; } #contenido_home .right_box .center .content-blog .excerpt p{ font-size:0.85em; color:#585858; line-height:1.5em; } #contenido_home .right_box .center .content-blog .image{ width:112px; height:102px; float:right; margin-right:10px; overflow:hidden; border:1px solid #C9C9C9; } #contenido_home .right_box .center .content-blog .boton_mas{ width:70px; height:16px; margin-top:5px; padding-left:10px; } #contenido_home .right_box .center .content-blog .boton_mas a .imagen_mas{ background:transparent url("../../media/images/plantilla_botones.png") no-repeat -159px -45px; width:16px; height:16px; display:block; cursor:pointer; } #contenido_home .right_box .center .content-blog .boton_mas a:hover .imagen_mas{ background:transparent url("../../media/images/plantilla_botones.png") no-repeat -195px -45px; } #contenido_home .right_box .center .content-blog .boton_mas a{ text-decoration:none; font-size:0.7em; color:#969696; } #contenido_home .right_box .center .content-blog .borde_inferior{ border-top:1px solid #D6D6D6; margin-top:15px; } #contenido_home .redes_sociales{ width:975px; height:111px; margin-top:10px; } #contenido_home .redes_sociales ul{ background:transparent url("../../media/images/sprite-banner-contactos.png") no-repeat top left; width:975px; height:111px; margin:0; list-style:none; } #contenido_home .redes_sociales ul li{ margin:0px; float:left; width:241px; } #contenido_home .redes_sociales ul li a{ display:block; width:241px; height:111px; } #contenido_home .redes_sociales ul li.enlace1{ margin-left:246px; } #contenido_home .redes_sociales ul li.enlace2{ margin-left:1px; } #contenido_home .redes_sociales ul li.enlace3{ margin-left:1px; } #contenido_home .redes_sociales ul li.enlace1:hover, #contenido_home .redes_sociales ul li.enlace1.active{ background:transparent url("../../media/images/sprite-banner-contactos.png") no-repeat -246px -110px; cursor:pointer; } #contenido_home .redes_sociales ul li.enlace2:hover, #contenido_home .redes_sociales ul li.enlace2.active{ background:transparent url("../../media/images/sprite-banner-contactos.png") no-repeat -488px -110px; cursor:pointer; } #contenido_home .redes_sociales ul li.enlace3:hover, #contenido_home .redes_sociales ul li.enlace3.active{ background:transparent url("../../media/images/sprite-banner-contactos.png") no-repeat -730px -110px; cursor:pointer; } /* FIN: home */ /*INICIO: TWITTER*/ #contenido_home_blog .right_box .center_twitter_salud .twitter-salud{ width:290px; } #contenido_home_blog .right_box .center_twitter_deportes .twitter-deportes{ width:290px; } #contenido_home_blog .right_box .center_twitter_salud .twitter-salud .t_top{ -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background-color:#C5CC8A; height:37px; } #contenido_home_blog .right_box .center_twitter_salud .twitter-salud .t_top p{ color:#525354; font-size:1.15em; font-weight:bold; padding:11px 95px 0 0; } #contenido_home_blog .right_box .center_twitter_salud .twitter-salud .t_top .image{ background:transparent url(../../media/images/twitt.png) no-repeat top left; width:51px; height:24px; margin:7px 0 0 0; } #contenido_home_blog .right_box .center_twitter_deportes .twitter-deportes .t_top{ -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background-color:#A7C8EC; height:37px; position:relative; } #contenido_home_blog .right_box .center_twitter_deportes .twitter-deportes .t_top p{ color:#525354; font-size:1.15em; font-weight:bold; padding:11px 15px 0 0; } #contenido_home_blog .right_box .center_twitter_deportes .twitter-deportes .t_top .image{ background:transparent url(../../media/images/twitt.png) no-repeat top right; width:51px; height:24px; position:absolute; top:7px; left:0px; } #contenido_home_blog .right_box .center_twitter_salud .twitter-salud .t_bottom{ -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; padding:5px 0 0; height:153px; background-color:#C5CC8A; font-size:0.8em; } #contenido_home_blog .right_box .center_twitter_salud .twitter-salud .t_bottom p{ color:#525354; font-size:1.1em; font-weight:bold; text-align:right; } #contenido_home_blog .right_box .center_twitter_deportes .twitter-deportes .t_bottom{ -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; padding:5px 0 0; height:153px; background-color:#A7C8EC; font-size:0.8em; } #contenido_home_blog .right_box .center_twitter_deportes .twitter-deportes .t_bottom p{ color:#525354; font-size:1.1em; font-weight:bold; text-align:right; } #contenido_home_blog .right_box .center_twitter_salud .twitter-salud .t_bottom ul, #contenido_home_blog .right_box .center_twitter_deportes .twitter-deportes .t_bottom ul{ height:128px; margin:0; list-style:none; } #contenido_home_blog .right_box .center_twitter_salud .twitter-salud .t_bottom ul li, #contenido_home_blog .right_box .center_twitter_deportes .twitter-deportes .t_bottom ul li{ color:#525354; text-align:left; padding-bottom:5px; } #contenido_home_blog .right_box .center_twitter_salud .twitter-salud .t_bottom ul li a, #contenido_home_blog .right_box .center_twitter_deportes .twitter-deportes .t_bottom ul li a{ text-align:right; color:#00BEF3; } #contenido_home_blog .right_box .center_twitter_salud .twitter-salud .t_bottom .tweet{ border-bottom:1px solid #D9E6AF; margin:0; } #contenido_home_blog .right_box .center_twitter_salud .twitter-salud .t_bottom .tweet-last{ border-bottom:none; } #contenido_home_blog .right_box .center_twitter_deportes .twitter-deportes .t_bottom .tweet{ border-bottom:1px solid #CADBED; margin:0; } #contenido_home_blog .right_box .center_twitter_deportes .twitter-deportes .t_bottom .tweet-last{ border-bottom:none; } /*FIN: TWITTER*/ } /*-------------------------------------------------------------------------*/