﻿/*-----------------------------------*/
/*************** RESET ***************/
/*-----------------------------------*/

*,
:focus,
:active,
:hover { outline:none !important;}
h1,h2,h3,h4,h5,h6{ margin:0; padding:0; font-weight:normal;}
a img{ border:none;}
ul, figure, picture{ margin:0; padding:0;}
ul li{list-style-position:inside;}
.print {display: none !important;}

/*-----------------------------------*/
/*************** STYLES **************/
/*-----------------------------------*/

body{padding-top: 40px; font-size: 15px;line-height: 21px; font-family: 'Open Sans', Verdana, sans-serif !important; overflow-x: hidden !important;}
body.admin-menu {overflow-x: hidden !important;}
#wrapper {overflow-x: hidden !important;}
p {font-size: 15px;line-height: 21px; font-family: 'Open Sans', Verdana, sans-serif !important;}
h3 a:hover {color: #862421 !important;}
section {margin: 10px 0; display: inline-block; width: inherit;}
.container {position: relative;}
.no-padding {padding-left:0; padding-right:0;}

figure,
picture{overflow: hidden;}
figcaption{z-index: 9;width: 100%;}
figure img,
picture img{-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:  alpha(opacity=100);opacity:  1;-webkit-transition: all 400ms;-moz-transition: all 400ms;-ms-transition: all 400ms;-o-transition: all 400ms;transition: all 400ms;}
figure:hover img,
picture:hover img {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";filter:  alpha(opacity=80);opacity: 0.8;-webkit-transform: scale(1.05, 1.05);-moz-transform: scale(1.05, 1.05);-o-transform: scale(1.05, 1.05);-ms-transform: scale(1.05, 1.05);}

/*-----------------------------------*/
/*************** HEADER **************/
/*-----------------------------------*/
header {background: #243C4A; line-height: 40px;position: fixed;width: 100%;z-index: 12;top: 0;left: 0;}
header .u24w {display: none;position: absolute;left: 50%;margin-left: -100px;z-index: 12;}
header a {color: #fff;font-size: 13px;}
header a:hover {color: #862421;}
header a:focus {color: #fff;}
header a.registerBtn {background:#012B46; padding: 0 20px !important; display: inline-block;float:right; border-left: solid 2px #243C4A;}
header a.registerBtn:hover {background:#fff; color: #862421;}
header a.registerBtn2 {background:#012B46; padding: 0 20px !important; display: inline-block;float:right;}
header a.registerBtn2:hover {background:#fff; color: #862421;}
header a.newsBtn {background: #FFCC0E; color:#243C4A; padding: 0 20px !important; display: inline-block;float:right;}
header a.newsBtn:hover {background: #fff; color: #862421;}
header .socialIcons {margin-left: 12px; display: block; float: left; border-left: 2px solid #012B46; padding-left: 12px;}
header .socialIcons a{font-size: 18px; padding: 0 5px;}
#wrapper > header > div > div > div.text-right > span.socialIcons > div div {display: block; float:right;}
header .actionButtons a {font-size: 18px;padding: 0 5px; float:left;}
#wrapper > header > div > div > div > div.fb-like {float: right; display: block;margin: -10px 15px 0 12px;}

.searchBar{display: none;width: 100%;background-color: rgb(247, 247, 247);padding: 5px 0 15px 0;position: fixed;top: 40px;left: 0;z-index: 10;}
#search-block-form > div > div > div.form-item.form-type-textfield.form-item-search-block-form > label { font-size: 26px; text-transform: lowercase; color: #999;font-weight: 300;}
.searchBar input[type="text"] { width: 75%; background: transparent; padding: 7px 14px; font-size: 14px; font-weight: 100; border: solid 1px #ccc; margin: 0 1.5%;color: #999;}
.searchBar input[type="button"]{background: #dc1c45;text-transform: uppercase;font-style: italic;color: #fff;padding: 6px 15px;font-weight: bold;font-size: 16px;border: none;}
#block-block-3 > div.content > form > label {margin: 0 10px; font-weight: 300; line-height: 16px;}
#block-block-3 > div.content > form > label > input[type="radio"] { margin-right: 5px;}
#block-block-3 > div.content > form > input[type="submit"],
.search-form div div .form-actions #edit-submit {border: none; background: #A9A9A9; font-size: 13px; text-transform: uppercase; color: #fff; padding: 9px 35px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; margin-top: 5px;}
#block-block-3 > div.content > form > input[type="submit"]:hover,
.search-form div div .form-actions #edit-submit:hover {background: #D2D1D1; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}

/* MENU-SIDE */
#wrapper {position: relative; left: 0; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
#wrapper.toggled {left: 250px;}
#sidebar-wrapper { z-index: 1000; position: fixed; left: 250px; width: 0; height: 100%; margin-left: -250px; overflow-y: auto; background: #000; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
#wrapper.toggled #sidebar-wrapper { width: 250px;}

/* SIDEBAR */
#sidebar-wrapper ul.sidebar-nav {position: absolute; top: 0; width: 250px; margin: 0; padding: 0; list-style: none;}
#sidebar-wrapper ul.sidebar-nav li,
#sidebar-wrapper ul.sidebar-nav .region #block-system-main-menu > div.content > ul.menu > li { text-indent: 20px; line-height: 40px;width: 100%;}
#sidebar-wrapper ul.sidebar-nav li a,
#sidebar-wrapper ul.sidebar-nav .region #block-system-main-menu > div.content > ul.menu > li a  {display: block; text-decoration: none; color: #999999; background: none; border: none; width: 100%; padding: inherit !important; font-size: inherit; font-weight: inherit; text-align: left;}
#sidebar-wrapper ul.sidebar-nav li a:hover,
#sidebar-wrapper ul.sidebar-nav .region #block-system-main-menu > div.content > ul.menu > li a:hover {text-decoration: none; color: #fff; background: rgba(255,255,255,0.2) !important;border: none !important;width: 100%; padding: inherit !important; font-size: inherit !important; font-weight: inherit !important; text-align: left;}
#sidebar-wrapper ul.sidebar-nav li a:active,
#sidebar-wrapper ul.sidebar-nav li a:focus,
#sidebar-wrapper ul.sidebar-nav .region #block-system-main-menu > div.content > ul.menu > li a.active,
#sidebar-wrapper ul.sidebar-nav .region #block-system-main-menu > div.content > ul.menu > li a:focus {text-decoration: none;padding: inherit !important;font-size: inherit !important; font-weight: inherit !important;border: none !important;background: rgba(255,255,255,0.2) !important;color: #fff;}
#sidebar-wrapper ul.sidebar-nav .region #block-system-main-menu > div.content > ul.menu > li .menu {display: none;}
#sidebar-wrapper ul.sidebar-nav > .sidebar-brand {height: 65px; font-size: 18px; line-height: 60px;}
#sidebar-wrapper ul.sidebar-nav > .sidebar-brand a {color: #999999;}
#sidebar-wrapper ul.sidebar-nav > .sidebar-brand a:hover {color: #fff; background: none;}

#topSection{padding:20px 0;}
#topSection .logo{display: inline-block;text-align: center;}
#topSection .logo img {width: 100%;}
#topSection .locat{display: block;font-weight: bold;line-height: 15px;margin-top: 10px;}
#topSection .date{line-height: 16px;display: block;margin-top: 0;}
#topSection #clima i{font-size: 35px;color: rgb(189, 15, 52);}

#clima > span.region small,  
#clima > span.region small a {margin: 0 !important; line-height: 16px !important; display: block; font-size: 12px;}
#clima > span.today {font-size: 35px; margin: 0 5px; display: block; float: right; line-height: 50px;}
#clima > span.region {width: 115px;display: block;font-size: 15px;line-height: 17px;color: #666;font-family:'Open Sans',Verdana,sans-serif !important;float: right;margin-right: 5px;}
#clima > span:nth-child(3) {float: right;}

#mainMenu {border-top: solid 1px #dbdbdb;border-bottom: solid 3px #dbdbdb;margin-bottom: 0;padding: 11px 0 10px 0px;}
#mainMenu nav {margin-left: -1px;}
#mainMenu nav.navbar-default > div > .navbar-nav {width: 100%;}
.navbar-default .navbar-brand,
#mainMenu a{padding: 10px 19px;font-size: 15px;text-transform: uppercase;color: #000;font-weight: bold;	}
#mainMenu a:hover{color: #014671;border-top: solid 3px #014671;margin-top: 0px;}
#mainMenu .active a{color: #fff;background: #014671;border-bottom: solid 3px #014671;}
#mainMenu .active a:hover{border-top: none;}
#mainMenu nav {box-shadow: none !important; background-image: none !important;}
#block-system-main-menu > div.content > ul {display: block;float: left; margin: 0; padding: 0; position:relative; width: 100%;}
#block-system-main-menu > div.content > ul > li {display: block; float: left; margin: 0; padding: 0; width: auto;}
#block-system-main-menu > div.content > ul > li a,
#block-system-main-menu > div.content > ul > li.collapsed a,
#block-system-main-menu > div.content > ul > li.expanded a {color: #000; background: #fff; border-bottom: solid 3px #fff;padding: 7px 17px;font-size: 14px; text-transform: uppercase;font-weight: bold;}
#block-system-main-menu > div.content > ul > li a:hover {color: #fff !important; background: #014671 !important; border-top: solid 3px #014671 !important;  border-bottom: solid 3px #014671 !important;padding: 7px 17px !important; font-size: 14px !important; text-transform: uppercase !important; font-weight: bold !important;}
#block-system-main-menu > div.content > ul > li.collapsed a:hover,
#block-system-main-menu > div.content > ul > li.expanded a:hover,
#block-system-main-menu > div.content > ul > li.active-trail a:hover {color: #000; background: #fff; border-top: solid 3px #014671; border-bottom: solid 3px #fff;padding: 7px 17px; font-size: 14px;text-transform: uppercase; font-weight: bold;}
#block-system-main-menu > div.content > ul > li.active-trail a,
#block-system-main-menu > div.content > ul > li.expanded.active-trail > a,
#block-system-main-menu > div.content > ul > li.first.collapsed a.active,
#block-system-main-menu > div.content > ul > li.expanded a.active,
#block-system-main-menu > div.content > ul > li.active-trail a.active-trail.active {color: #fff; background: #014671;border-top: solid 3px #014671 !important;border-bottom: solid 3px #014671 !important;padding: 7px 17px !important; font-size: 14px; text-transform: uppercase; font-weight: bold;}
#block-system-main-menu > div.content > ul > li.expanded.active-trail div,
#block-system-main-menu > div.content > ul > li.expanded div,
#block-system-main-menu > div.content > ul > li > ul.menu {display: none; float: left; margin: 0; padding: 0; position:absolute;}
#block-system-main-menu > div.content > ul > li.expanded.active-trail > div,  
#block-system-main-menu > div.content > ul > li.expanded.active-trail:hover > div {display: none !important;}
#block-system-main-menu > div.content > ul > li.expanded:hover div {display: block; float: left; margin: 9px 0 0 0; padding: 30px 0; position: absolute; /*width: 200px;*/ width: 100.5%; z-index: 11; background: #fff; border-bottom: solid 3px #014671; left: 0;}
#block-system-main-menu > div.content > ul > li.expanded:hover div span {display: block; float: left; margin: 5px 0 10px 0; padding: 0 35px; width: 100%; font-family: 'Titillium Web',sans-serif; font-size: 28px; font-weight: 700; color: #014671;}
#block-system-main-menu > div.content > ul > li > div > article:nth-child(3) {border-left: solid 1px #ccc;}
#block-system-main-menu > div.content > ul > li.expanded.active-trail ul > li,
#block-system-main-menu > div.content > ul > li.expanded ul > li {display: block; float: left; margin: 0; padding: 0; position: relative; width: 100%;}
#block-system-main-menu > div.content > ul > li.expanded.active-trail ul li a,
#block-system-main-menu > div.content > ul > li.expanded ul li a {color: #000; background: #fff;border-top: solid 3px #fff !important; border-bottom: solid 3px #fff !important;padding: 5px 17px !important; font-size: 15px; text-transform: uppercase; font-weight: bold;display:block;}
#block-system-main-menu > div.content > ul > li.expanded.active-trail ul li a:hover,
#block-system-main-menu > div.content > ul > li.expanded ul li a:hover {color: #fff; background: #014671;border-top: solid 3px #014671 !important; border-bottom: solid 3px #014671 !important;padding: 5px 17px !important; font-size: 15px;text-transform: uppercase; font-weight: bold;}
#block-system-main-menu > div.content > ul > li.expanded.active-trail ul li a.active,
#block-system-main-menu > div.content > ul > li.expanded ul li a.active,
#block-system-main-menu > div.content > ul > li.expanded.active-trail ul li a.active-trail.active {color: #fff; background: #014671;border-top: solid 3px #014671 !important; border-bottom: solid 3px #014671 !important;padding: 5px 17px !important; font-size: 15px; text-transform: uppercase; font-weight: bold;}
#block-system-main-menu > div.content > ul > li > div > .col-lg-2,  
#block-system-main-menu > div.content > ul > li > div > .col-md-2 {width: 19.5%; display: block !important; float: left !important;}
#block-system-main-menu > div.content > ul > li > div > article.noti-menu > a > picture {width: 100% !important; padding: 0 !important; margin: 0 !important; border-radius: 0; border: 0; overflow: hidden;}
#block-system-main-menu > div.content > ul > li > div > article.noti-menu > a {display: block; float: left; width: 100% !important; padding: 0 !important; margin: 0 !important; border-radius: 0; border: 0 !important;}
#block-system-main-menu > div.content > ul > li > div > article.noti-menu > a:hover > picture {padding: 0 !important;}
#block-system-main-menu > div.content > ul > li > div > article.noti-menu > a > picture img,
#block-system-main-menu > div.content > ul > li > div > article.noti-menu > a:hover > picture img {padding: 0 !important; margin:0 !important; max-width: 100% !important;}
#block-system-main-menu > div.content > ul > li > div > article.noti-menu > div.text-box {display: block !important; float: left !important; margin: 0 !important; padding: 0 !important; width: 100% !important; position: relative !important; border: none !important;}
#block-system-main-menu > div.content > ul > li > div > article.noti-menu > div > h6 {margin: 0 0 12px 0 !important;}
#block-system-main-menu > div.content > ul > li > div > article.noti-menu > div > a {display: block !important; float: left !important; width: 100% !important; margin: 0 !important; padding: 0 !important;}
#block-system-main-menu > div.content > ul.menu > li.expanded > div.row > article.noti-menu > a {padding: 0 !important;}
#block-system-main-menu > div.content > ul > li > div > article.noti-menu > div > a:hover {background: none !important; border: 0 !important; background: none !important; border: 0 !important; margin: 0 !important; padding: 0 !important;}
#block-system-main-menu > div.content > ul > li > div > article.noti-menu > div > a h3 {font-family: 'Sarala',sans-serif; font-size: 16px; text-transform: none; font-weight: 700;line-height: 20px; padding: 0 !important;}
#block-system-main-menu > div.content > ul > li > div > article.noti-menu > div > a:hover h3 {background: none !important; color:#014671; padding: 0 !important;}
#nav-scroll {width: 100%;display: inline-block; position: fixed; z-index: 10; top: -70px; left: 0; -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; -o-transition: all 0.1s linear; transition: all 0.1s linear;}
.float-menu {background: #fff; color:#000; box-shadow: 0 0 20px -10px #1A1A1A; padding-top: 20px; padding-bottom: 20px;}
#nav-scroll > div > div > div > h6 {color: #000; float: none; margin: 0 auto; display: block; text-align: center; font-weight: 700;}

/*-----------------------------------*/
/**************** HOME ***************/
/*-----------------------------------*/
/* TEMAS-DEL-DIA */
#temasDelDia {margin-bottom: 0;}
#temasDelDia #note3{padding-bottom: 20px;}
#temasDelDia #note3 article div div a.img-temas {display: block; float: left; width: 100%;overflow: hidden; height: 143px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%;}
#temasDelDia #note3 article div div a.img-temas img {display: block; max-width: inherit !important; height: 100%; width: auto !important;}
#temasDelDia .banda {margin-bottom: 27px;background: #bd0f34;line-height: 40px;height: 40px;overflow: hidden;position: relative;	}
#temasDelDia .banda label{background:#136529; text-transform: uppercase;font-style: italic;color: #fff;padding: 0 15px;font-weight:700;font-size: 18px;float: left;position: relative;z-index: 9; font-family: 'Titillium Web', sans-serif;}
#temasDelDia .banda span{color: #fff;}
#temasDelDia .banda ul {display: inline-block;}
#temasDelDia .banda ul li{color: #fff;list-style-type: none;position: absolute;top: 0; padding: 0 0 0 20px !important; font-size: 17px; font-family: 'Open Sans', Verdana, sans-serif !important; margin: 0 0 0 20px !important;}
#temasDelDia article h3 a{font-size: 22px;color: #333;font-weight: 700;line-height: 24px;display: block; font-family: 'Sarala', sans-serif;}
#temasDelDia article p{margin-top: 10px;}
.line {width: 100%; height:5px; border-bottom: solid 5px #e3e3e3; display:block; margin-top: 10px;}

.titleSection{padding: 0 0 10px 0 !important; margin: 0 0 10px 0;border-bottom: solid 3px #dbdbdb;position: relative;	display: inline-block;width: 100%;}
.titleSection.hasmenu{padding: 0;}
.titleSection h2 {font-size: 24px;font-weight: 400;text-transform: uppercase;padding-left: 15px;float: left; font-family: 'Titillium Web',sans-serif;}
.titleSection h2:after{content: ''; position: absolute;left: 0;top: 12px;width: 8px;height: 8px;}
.titleSection ul.nav{margin-top: -5px;}
.titleSection ul.nav li a{text-transform: uppercase;color: #121212;font-size: 16px;padding: 8px 10px; font-family: 'Titillium Web', sans-serif;}
.tred:after{background: #bd0f34;}
.bred{background:#fff; color: #862421 !important; font-weight: 500; padding: 5px 0 0 0 !important;}
.bred-bis {background:#bd0f34; color: #fff; padding: 4px 6px;}
.cred{color: #bd0f34;}
.tblue:after,
#block-menu-menu-actualidad > div > ul > li:nth-child(1) > a:after {background: #014671;}
.bblue{color: #014671 !important; font-weight: 500; padding: 5px 0 0 0 !important;}
.bblue-bis{background: #014671;}
.cblue{color: #014671;}
.tblue2:after,
#block-menu-menu-mundo > div > ul > li:nth-child(1) > a:after {background: #0b7d9a;}
.bblue2{background:#fff; color: #0b7d9a !important; font-weight: 500; padding: 5px 0 0 0 !important;}
.bblue2-bis{background: #0b7d9a; padding: 4px 6px;}
.cblue2{color: #0b7d9a;}
.tbord:after,
#block-menu-menu-menu-medios > div > ul > li:nth-child(1) > a:after {background: #862421;}
.bbord{background:#fff; color: #862421 !important; font-weight: 500; padding: 5px 0 0 0 !important;}
.bbord-bis{background:#862421; padding: 4px 6px;}
.cbord{color: #862421;}
.tyellow:after,
#block-menu-menu-menu-analisis > div > ul > li:nth-child(1) > a:after {background: #ff9000;}
.byellow{background:#fff; color: #ff9000 !important; font-weight: 500; padding: 5px 0 0 0 !important;}
.byellow-bis{background: #ff9000; padding: 4px 6px;}
.cyellow{color: #ff9000;}
.tgreen:after,
#block-menu-menu-menu-ocio > div > ul > li:nth-child(1) > a:after {background: #2f5608;}
.bgreen{background:#fff; color: #2f5608 !important; font-weight: 500; padding: 5px 0 0 0 !important;}
.bgreen-bis{background: #2f5608; padding: 4px 6px;}
.cgreen{color: #2f5608;}
.tgreen2:after,
#block-menu-menu-menu-foco > div > ul > li:nth-child(1) > a:after {background: #59a212;}
.bgreen2{background:#fff; color: #59a212 !important; font-weight: 500; padding: 5px 0 0 0 !important;}
.bgreen2-bis{background: #59a212; padding: 4px 6px;}
.cgreen2{color: #59a212;}
.tgreen3:after,
#block-menu-menu-menu-omni > div > ul > li:nth-child(1) > a:after {background: #009d16;}
.bgreen3{background:#fff; color: #009d16 !important; font-weight: 500; padding: 5px 0 0 0 !important;}
.bgreen3-bis{background: #009d16; padding: 4px 6px;}
.cgreen3{color: #009d16;}
.torange:after,
#block-menu-menu-menu-dinero > div > ul > li:nth-child(1) > a:after {background: #e47809;}
.borange{background:#fff; color: #e47809 !important; font-weight: 500; padding: 5px 0 0 0 !important;}
.borange-bis{background: #e47809; padding: 4px 6px;}
.corange{color: #e47809;}
.tpink:after,
#block-menu-menu-menu-zona > div > ul > li:nth-child(1) > a:after{background: #c12375;}
.bpink{background:#fff; color: #c12375 !important; font-weight: 500; padding: 5px 0 0 0 !important;}
.bpink-bis{background: #c12375; padding: 4px 6px;}
.cpink{color: #c12375;}
.tgold:after,
#block-menu-menu-menu-deportes > div > ul > li:nth-child(1) > a:after{background: #977321;}
.bgold{background:#fff; color: #977321 !important; font-weight: 500; padding: 5px 0 0 0 !important;}
.bgold-bis{background: #977321; padding: 4px 6px;}
.cgold{color: #977321;}
.tgold2:after,
#block-menu-menu-menu-area > div > ul > li:nth-child(1) > a:after{background: #c69629;}
.bgold2{background:#fff; color: #c69629 !important; font-weight: 500; padding: 5px 0 0 0 !important;}
.bgold2-bis{background: #c69629; padding: 4px 6px;}
.cgold2{color: #c69629;}
.tceles:after{background: #0099cc;}
.bceles{background:#fff; color: #0099cc !important; font-weight: 500; padding: 5px 0 0 0 !important;}
.bceles-bis{background: #0099cc; padding: 4px 6px;}
.cceles{color: #0099cc;}
.tviolet:after{background: #4921a3;}
.bviolet{background:#fff; color: #4921a3 !important; font-weight: 500; padding: 5px 0 0 0 !important;}
.bviolet-bis{background: #4921a3; padding: 4px 6px;}
.cviolet{color: #4921a3;}
.tyellow:after{background: #fea000;}
.byellow{background:#fff; color: #fea000 !important; font-weight: 500; padding: 5px 0 0 0 !important;}
.byellow-bis{background: #fea000; padding: 4px 6px;}
.cyellow{color: #fea000;}
.epi{text-transform: uppercase;padding: 4px 6px;display: inline-block;color: #fff;font-size: 16px; font-family: 'Titillium Web',sans-serif;}

/* DESTACADAS-HOME-2A */
#destacadas {margin: 0;padding-top: 0; width:inherit;}
#destacadas h3 a {font-size: 46px;line-height: 48px;font-weight: 700;display: block;color: #333;margin-bottom: 10px; font-family: 'Sarala', sans-serif;}
#destacadas p {margin-top: 10px; font-size: 17px; line-height: 23px;}
#destacadas .controls{position: absolute;z-index: 9;width: 100%;top: 48%;}
#destacadas .controls a{background: #bd0f34;padding: 10px 20px;color: #fff;font-size: 50px;}
#destacadas .controls a:hover{background: #dc1c45;}
#destacadas .controls a.arrow-left{position: relative;float: left;left: 15px;}
#destacadas .controls a.arrow-right{float: right;position: relative;right: 15px;}
#destacadas .carousel-indicators{position: absolute;right: 15px;left: inherit;width: inherit;margin: 0;bottom: 0;}
#destacadas .carousel-indicators li{background: #ccc;width: 15px; height: 15px; text-indent: -9999px; margin: 0; clear: both; float: right; margin-top: 5px;}
#destacadas .carousel-indicators li.active{background: #862421;}
#destacadas div #carousel-destacados > div.carousel-inner > div.item > div > ul {margin-top: 26px;}
#destacadas div #carousel-destacados > div.carousel-inner > div.item > div > figure { overflow: hidden;}
#destacadas div #carousel-destacados > div.carousel-inner > div.item > div > figure img {height: auto; width: 100%; max-width: inherit;}
#destacadas div #carousel-destacados > div.carousel-inner > div.item > div > ul > li > a {font-weight: 700; font-size: 14px; color: #333; text-indent: -7px; margin-left: 0; line-height: 18px; display: block; margin-bottom: 6px; font-family: 'Sarala',sans-serif; width: 100%;}
#destacadas div #carousel-destacados > div.carousel-inner > div.item > div > ul > li > a > picture {padding: 0; overflow: hidden;}
#destacadas div #carousel-destacados > div.carousel-inner > div.item > div > ul > li > a > figure img,
#destacadas div #carousel-destacados > div.carousel-inner > div.item > div > ul > li > a > picture img,
#destacadas div #carousel-destacados > div.carousel-inner > div.item > div > ul > li > a > picture source {width: 100%; display: block; max-width: inherit; margin-left: 0;height:auto!important; padding: 0;}
#destacadas div #carousel-destacados > div.carousel-inner > div.item > div > ul > li > a > picture source{-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:  alpha(opacity=100);opacity:  1;-webkit-transition: all 400ms;-moz-transition: all 400ms;-ms-transition: all 400ms;-o-transition: all 400ms;transition: all 400ms; width:100%; max-width:100%; height:auto !important;}
#destacadas div #carousel-destacados > div.carousel-inner > div.item > div > ul > li > a:hover > picture img,
#destacadas div #carousel-destacados > div.carousel-inner > div.item > div > ul > li > a:hover > picture source {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";filter:  alpha(opacity=80);opacity: 0.8;-webkit-transform: scale(1.05, 1.05);-moz-transform: scale(1.05, 1.05);-o-transform: scale(1.05, 1.05);-ms-transform: scale(1.05, 1.05); width:100%; max-width:100%; height:auto !important;}

#destacadas div #carousel-destacados > div.carousel-inner > div.item > div > ul > li > a > div {padding: 0;}
#destacadas div #carousel-destacados > div.carousel-inner > div.item > div > ul > li > a > div h3 {font-size: 19px; line-height: 19px; margin-top: 10px;}

/* DESTACADAS-HOME-2B */
#destacadas2Col {margin: 0;margin-top: 0;}
#destacadas2Col h3 a {color: #333;font-size: 46px;line-height: 48px;font-weight: 700;margin-bottom: 20px;display: block; font-family: 'Sarala', sans-serif;}
#destacadas2Col p {margin-top: 10px;}
#destacadas2Col article {display: inline-block;}
#destacadas2Col article a picture {display: block; padding: 0;}
#destacadas2Col article a picture img {width: 100%; height: auto !important;}
#destacadas2Col > div > article > ul.relacionados {margin-top: 20px;float: left;}
#destacadas2Col > div > article > ul.relacionados a {font-size: 14px;}
#destacadas2Col > div > article > ul.relacionados > li > a > div > h3 {word-break: break-word;}
#destacadas2Col > div > article > ul > li > a > picture > img {width: 100%; display: block; max-width: inherit; height: 100%;}

/* DESTACADAS-HOME-2C */
#sabado {background:#BD0F34; padding-top: 25px; padding-bottom: 25px;}
#sabado div h2 {text-align: left; color: #fff; font-family: 'Sarala',sans-serif; font-size: 52px; font-weight: 700; margin-top: 5px;}
#destacadas3 {margin: 1px 0 10px 0;}
#destacadas3 > div.row {padding: 10px; background: #FFF1E0;}
#destacadas3 article {overflow: hidden;padding: 3px 3px 20px; /*min-height: 380px;*/ display: block; }
#destacadas3 > div.row.no-gutter.no-margin > article > a > picture {display: block; float: left;  overflow: hidden;}
#destacadas3 > div.row.no-gutter.no-margin > article > a > picture img {display: block; float:left; width: 100%; height: auto !important;}
#destacadas3 > div.row.no-gutter.no-margin > article > a > picture > div.text-box { position: absolute; bottom: 0; width: 98.5%;}
#destacadas3 article .epi {position: relative;margin-top: -22px;float: left; font-family: 'Open Sans',Verdana,sans-serif;}
#destacadas3 article figcaption {background: #232323;padding: 10px 15px;position: relative;color: #fff;}
#destacadas3 article .overlay {display: none; position: absolute; z-index: 10; background: rgba(0,0,0,0.7); height: 100% !important; padding: 40px 20px; width: 98.5%;}
#destacadas3 article .overlay p {color: #fff; margin-top: 15px;}
#destacadas3 > div.row.no-gutter.no-margin > article > .text-box {display: block; float: left; margin-top: 27px; position: relative;}
#destacadas3 > div.row.no-gutter.no-margin > article > .text-box figcaption {color: #333 ;background: none; padding: 10px 0; position: relative;font-family: 'Sarala',sans-serif; font-weight: 700; font-size: 22px; line-height: 24px;}
#destacadas3 > div.row.no-gutter.no-margin > article > .text-box figcaption a {color: #333 ;}
#destacadas3 > div.row.no-gutter.no-margin > article > .text-box figcaption a:hover {color: #862421 !important;}

/* DESTACADAS-HOME-2D */
#destacadas4 {margin: 0; margin-top: -5px;}
#destacadas4 div {margin: 0;}
#destacadas4 div figure {position: relative;padding: 0;overflow: hidden; height: 500px;}
#destacadas4 div figure a img {width: 100%;height: auto;margin: 0;padding: 0;}
#destacadas4 div figure .dest4-mask {position: absolute; z-index:5;top: 0;height: 100%;}
#destacadas4 div figure .dest4-mask img {height: 100%;}
#destacadas4 div figure .dest4-info {position: absolute; z-index:9;top: 10%;height: 100%;}
#destacadas4 div figure .dest4-info h3 a {font-size: 46px;line-height: 48px;font-weight: 700;display: block;color: #fff;margin-top: 15px;margin-bottom: 15px; margin-left: 40px; font-family: 'Sarala', sans-serif;}
#destacadas4 div figure .dest4-info h3 a:hover {color: #ccc !important;}
#destacadas4 div figure .dest4-info h6 {margin-left: 40px;}
#destacadas4 div figure .dest4-info p {color: #fff;margin-top: 10px;margin-left: 40px;}
#destacadas4 > div > figure > div.row.dest4-info > div > ul {margin-left: 27px;}
#destacadas4 > div > figure > div.row.dest4-info > div > ul > li > a > figure {padding: 0;height: 65px; overflow: hidden;}
#destacadas4 > div > figure > div.row.dest4-info > div > ul > li > a > div > h3 {color: #fff;}

/* AHORA */
#ahora {width: inherit;}
#ahora article {overflow: hidden;padding: 2px;}
#ahora > div.row.no-gutter.no-margin > article > a > picture {overflow: hidden; display: block; float: left;}
#ahora > div.row.no-gutter.no-margin > article > a > picture img,
#ahora > div.row.no-gutter.no-margin > article > a > picture source {overflow: hidden; display: block; float: left;}
#ahora > div.row.no-gutter.no-margin > article > a > picture img,
#ahora > div.row.no-gutter.no-margin > article > a > picture source{-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:  alpha(opacity=100);opacity:  1;-webkit-transition: all 400ms;-moz-transition: all 400ms;-ms-transition: all 400ms;-o-transition: all 400ms;transition: all 400ms; width:100%; max-width:100%; height:auto;}
#ahora > div.row.no-gutter.no-margin > article > a:hover > picture img,
#ahora > div.row.no-gutter.no-margin > article > a:hover > picture source {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";filter:  alpha(opacity=80);opacity: 0.8;-webkit-transform: scale(1.05, 1.05);-moz-transform: scale(1.05, 1.05);-o-transform: scale(1.05, 1.05);-ms-transform: scale(1.05, 1.05); width:100%; max-width:100%; height:auto;}
#ahora > div.row.no-gutter.no-margin > article > figure > a > div.text-box,
#ahora > div.row.no-gutter.no-margin > article > picture > a > div.text-box { position: absolute; bottom: 0; width: 98.5%;}
#ahora article .epi {position: relative;margin-top: -22px;float: left; font-family: 'Open Sans',Verdana,sans-serif;}
#ahora article figcaption {background: #232323;padding: 10px 15px;position: relative;	}
#ahora article figcaption {color: #fff;}
#ahora article .overlay {display: none; position: absolute; z-index: 10; background: rgba(0,0,0,0.7); height: 100% !important; padding: 40px 20px; width: 98.5%;}
#ahora article .overlay p {color: #fff; margin-top: 15px;}
#ahora > div.row.no-gutter.no-margin > article > .text-box {display: block; float: left; margin-top: 27px; position: relative; margin-right: 15px;}
#ahora > div.row.no-gutter.no-margin > article > .text-box figcaption {color: #333 ;background: #fff; padding: 10px 0; position: relative;font-family: 'Sarala',sans-serif; font-weight: 700; font-size: 21px; line-height: 24px;}
#ahora > div.row.no-gutter.no-margin > article > div > h6.epi {font-size: 15px !important;}
#ahora > div.row.no-gutter.no-margin > article > .text-box figcaption a {color: #333 ;}
#ahora > div.row.no-gutter.no-margin > article > .text-box figcaption a:hover {color: #862421 !important;}

#centerPosts .featPost {margin-bottom: 15px;}
#centerPosts .featPost h3 a {color: #333; font-weight: 700; margin: 10px 0; font-size: 32px; display: block; font-family: 'Sarala', sans-serif;}
#centerPosts .featPost > div > a > picture {display: block; float:left;}
#centerPosts .featPost > div > a > picture > img {width: 100%; height: auto;}
#centerPosts .secondPosts article {display: inline-block;width: 100%;}
#centerPosts .secondPosts article div a picture {display: block; float:left;}
#centerPosts .secondPosts article div a picture > img {width: 100%; height: auto;}
#centerPosts .secondPosts h3 a {color: #333;font-weight: 700;font-size: 23px;line-height: 27px;display: block;margin-bottom: 5px; font-family: 'Sarala', sans-serif;}

#confidencial {background: #fff;padding: 0;}
#confidencial article {padding-bottom: 20px;}
#confidencial article div h3 {margin-bottom: 10px;}
#confidencial article div h3 a {font-size: 23px;line-height: 26px; font-family: 'Sarala',sans-serif; font-weight: 700; color:#333;}
#confidencial article:first-child div p {padding-left: 0 !important;margin-top: 10px;}
#confidencial article p{padding-left: 20px;}
#confidencial > article > a > picture {height: inherit; margin-top: 5px; display: block; float:left;}
#confidencial > article > a > picture img {height: auto; max-width: 100%; width: 100%; margin-left: inherit;}

#areax {background: #eee; padding: 20px;}
#areax article {padding-bottom: 10px;}
#areax article div h3 a {font-size: 23px;line-height: 26px; font-family: 'Titillium Web', sans-serif; font-weight: 700;}
#areax article:first-child div p {padding-left: 0 !important;margin-top: 10px;}
#areax article p{padding-left: 20px;}
#areax > article > a > picture {display: block; float:left; margin-top: 5px;}
#areax > article > a > picture img {height: auto; max-width: 100%; width: 100%;}
#areax > ul > li {margin: 0 18px;}
#areax > ul > li a {width: 100%;}
#areax > ul > li > a > picture {width: 47%; float: left; display: block; margin-right: 3%;}
#areax > ul > li > a > picture img {width: 100%; display: block; max-width: inherit; height: auto; margin-left: 0;}
#areax > ul > li > a > div.mas-infox {float: none; display: block; margin-right: 15px;}
#areax > ul > li > a > div.mas-infox > h3 {float: none; font-size: 18px; line-height: 20px; padding: 0; color: #333; margin-top: -2px;}

.relacionados{margin-top: 20px;display: block;clear: both;}
.relacionados li{list-style-type: none;padding-left: 15px;}
.relacionados li a{font-weight: 700;font-size: 14px;color: #333;text-indent: -7px;margin-left: -2px;line-height: 18px;display: block;margin-bottom: 6px; font-family: 'Sarala',sans-serif;}
.relacionados li a:hover{color: #862421;}
.relacionados li a i{font-size: 11px;color: #862421;margin-right: 5px;}
.relacionados li a figure {padding: 0; height: 72px; overflow: hidden;}
.relacionados li a figure img {width: auto; display: block; max-width: inherit; height: 100%; margin-left:-10px;}
.relacionados li a picture {display: block; float:left; padding: 0; overflow: hidden;}
.relacionados li a picture img {width: 100%; display: block; max-width: inherit; height: auto;}
.relacionados li a > div > h3 {display: block; float: left; padding: 0; text-indent: 0;font-family: 'Titillium Web',sans-serif; font-weight: 600; font-size: 17px; line-height: 19px;}

/* CLAVES */
#claves article {margin-bottom: 10px;clear: both;display: inline-block;width: 100%;}
#carousel-claves > div > div.item > a > picture {display: block; float: left; position: relative; border-bottom: solid 4px #bd0f34; margin-bottom: 5px;}
#carousel-claves > div > div.item > a > picture img {width: 100%; height:auto;}
#claves .controls {position: absolute;right: 0;}
#claves .controls a {display: inline-block;background: rgb(189, 15, 52);color: #fff;padding: 0 10px;font-size: 17px;font-weight: bold;}
#claves .item {margin-bottom: 15px; border-bottom: solid 1px #ccc;}
#claves .item figcaption {background: #fff; padding: 10px 0; color: #333; font-weight: 700; font-size: 22px; line-height: 24px; font-family: 'Sarala', sans-serif;}
#claves .item figcaption:hover {color: #862421 !important;}
#carousel-claves > div > div.item > a > p {color: #333;}
#claves .item p {margin-top: 0;}
#claves h3 {font-size: 14px; text-transform: uppercase; font-family: 'Titillium Web', sans-serif;}
#claves h4 a {font-size: 16px;color: #333;font-weight: 700;margin-top: 10px;display: block;line-height: 20px; font-family: 'Sarala', sans-serif;}
#claves > div.row > article > div > a > picture {display: block; float:left; overflow:hidden; }
#claves > div.row > article > div > a > picture img {height: auto; width:100%; max-width: inherit; }
#claves > div.titleSection > ol.carousel-indicators {right: 0; left: inherit; bottom: -3px; margin-left: 0; width: auto;}
#claves > div.titleSection > ol.carousel-indicators .active,
#claves > div.titleSection > ol.carousel-indicators li:hover {width: 12px; height: 12px; margin: 1px; background-color: #bd0f34; border:none;}
#claves > div.titleSection > ol.carousel-indicators li { display: inline-block; width: 12px; height: 12px; margin: 1px; text-indent: -99999px; cursor: pointer; background-color: #ccc; border-radius: 10px; border:none;}

#note4 {width: inherit;}
#note4 h3 a{font-weight: 700;font-size: 28px;color: #333;margin: 10px 0;display: block; font-family: 'Sarala', sans-serif; line-height: 30px;}
#note4 div div ul li a {margin-bottom: 20px;}
#note4 > div > div > a > picture {display: block; float:left; width: 100%;}
#note4 > div > div > a > picture img {width: 100%; height:auto;}
#note4 > div > div > p {border-bottom: solid 1px #CCC; padding-bottom: 20px; margin-bottom: 20px;}
.sectionBlock > div > div > div > div > article > div > div a {display: block; float: left; position: relative;}
.sectionBlock h3 a{font-size: 23px;color: #333;font-weight: 700;display: block;line-height: 26px;margin-bottom: 0; font-family: 'Sarala',sans-serif;}
.sectionBlock picture {display: block; float:left; position: relative; overflow: hidden;}
.sectionBlock picture img {width: 100%; height:auto;}

.sectionBlock #leftCol article .row {}
.sectionBlock #leftCol article:first-child{padding-bottom: 15px;margin-bottom: 15px; border-bottom: solid 1px #ccc;}
.sectionBlock #leftCol figure h6,
.sectionBlock #leftCol h6{position: absolute;bottom: 0;z-index: 8; font-family: 'Titillium Web', sans-serif; font-size: 15px;}

.sectionBlock #centerCol figure figcaption {position: absolute;bottom: 0;padding: 30px; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 92%, rgba(0,0,0,0.8) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(92%,rgba(0,0,0,0.8)), color-stop(100%,rgba(0,0,0,0.8))); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 92%,rgba(0,0,0,0.8) 100%); background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 92%,rgba(0,0,0,0.8) 100%); background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 92%,rgba(0,0,0,0.8) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 92%,rgba(0,0,0,0.8) 100%); -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#cc000000',GradientType=0 )";}
.sectionBlock #centerCol figure figcaption h3  {color: #fff;margin-top: 10px;}
.sectionBlock #centerCol figcaption h3 {color: #333;margin: 10px 0; font-family: 'Sarala', sans-serif;font-weight: 700; font-size: 27px; line-height: 32px;}
.sectionBlock #centerCol figcaption h3:hover {color: #862421 !important;}
.sectionBlock #centerCol figcaption p {color: #000;}
.sectionBlock #centerCol figcaption {margin-top: 15px;}

.sectionBlock #rightCol article{padding-bottom: 5px;margin-bottom: 15px;border-bottom: solid 1px #ccc;}
.sectionBlock #rightCol article:last-child{border-bottom: none;}
.sectionBlock #rightCol h3 a {font-size: 20px;line-height: 24px;display: block;margin: 10px 0 5px; font-family: 'Sarala',sans-serif;}

/* OCIO */
#ocio div div div #leftCol > article > div > div > figure {height: 160px; overflow: hidden;}
#ocio div div div #leftCol > article > div > div > figure img {height: 100%; width: auto !important; max-width: inherit; margin-left: -30px;}
#ocio {margin: 10px 0 0 0;}

/* EXTERNAL-NEWS */
#externalNews [class*='col-']{padding-left: 0;	}
#externalNews article picture {position: relative;height: 414px;overflow:hidden;}
#externalNews article picture figcaption{position: absolute; bottom: 51px; padding: 20px;background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 92%, rgba(0,0,0,0.8) 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(92%,rgba(0,0,0,0.8)), color-stop(100%,rgba(0,0,0,0.8)));background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 92%,rgba(0,0,0,0.8) 100%);background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 92%,rgba(0,0,0,0.8) 100%);background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 92%,rgba(0,0,0,0.8) 100%);background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 92%,rgba(0,0,0,0.8) 100%); -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#cc000000',GradientType=0 )";}
#externalNews article picture figcaption h3{color: #fff;margin-top: 10px; font-family: 'Sarala', sans-serif; font-size: 24px; font-weight: 700;}
#externalNews ul.nav {margin: 0;padding: 0;}
#externalNews ul.nav li {margin-bottom: 1px;padding: 8px 20px;height: 8em;line-height: 95px;width: 100%;}
#externalNews ul.nav li a{color: #fff;display: inline-block;padding: 0; font-size: 17px; line-height: 18px; font-family: 'Sarala', sans-serif; font-weight: 400;}
#externalNews ul.nav li a:focus,
#externalNews ul.nav li a:hover{background: transparent;}
#externalNews > div:nth-child(1) > div:nth-child(2) > div {margin-left: 15px;}

/* JUNTOS-BIEN */
#juntosBien{overflow: hidden;padding: 0;}
#juntosBien ul.nav li{background: #45494d;}
#juntosBien ul.nav li.active{background: #fea000;}
#juntosBien ul.nav li.active:after {content: ""; position: absolute; z-index: 10; border-bottom: 59px solid transparent; border-left: 15px solid #FEA000; border-top: 59px solid transparent; height: 0px; width: 0px; margin: 0 0 0 20px; right: -15px; top: 0;}
#juntosBien ul.nav li.jb{background: #f1f1f1;width: 100%;text-align: center;}
#juntosBien .tab-content {position: absolute; height: 100%; right: 0; margin: 0; padding: 0;}
#juntosBien .tab-content .tab-pane,
#juntosBien .tab-content .tab-pane article {height: 100%;}
#juntosBien .tab-content .tab-pane article a {height: 100%; display: block;}
#juntosBien .tab-content .tab-pane article a picture {height: 100%; overflow: hidden; display: block;}
#juntosBien .tab-content .tab-pane article a picture img {display: block; max-width: inherit; height: 100%; width: auto; float:right;}
#juntosBien ul {border-bottom: solid 1px #45494d;}
#juntosBien ul li:last-child {border-bottom: none; margin: 0;}

/* YING-YANG */
#ying-yang {overflow: hidden;padding: 0;}
#ying-yang ul.nav {margin-left: 15px;}
#ying-yang ul.nav li{background: #2d2d2d;}
#ying-yang ul.nav li.active{background: #fd670a;}
#ying-yang ul.nav li.active:after{content: "";position: absolute;z-index: 10;border-bottom: 59px solid transparent;border-left: 15px solid #fd670a;border-top: 59px solid transparent;height: 0px;width: 0px;margin: 0 0 0 20px; top: 0; right: -15px;}
#ying-yang ul.nav li.yy{background: #1F1F1F;width: 100%;text-align: center;}
#ying-yang .tab-content { position: absolute; height: 100%; right: -15px;}
#ying-yang .tab-content .tab-pane,
#ying-yang .tab-content .tab-pane article { height: 100%;}
#ying-yang .tab-content .tab-pane article a { height: 100%; display: block;}
#ying-yang .tab-content .tab-pane article a picture {height: 100%; overflow: hidden; display: block;}
#ying-yang .tab-content .tab-pane article a picture img {display: block; max-width: inherit; height: 100%; width: auto; float:right;}
#ying-yang ul {border-bottom: solid 1px #45494d;}
#ying-yang ul li:last-child {border-bottom: none; margin:0;}

/* ZONA */
#zona article{margin-bottom: 30px;}
#zona article figure{position: relative;}
#zona > div > article > a > picture {display: block; float:left; overflow:hidden;}
#zona > div > article > a > picture img {height: auto; max-width: inherit; width: 100%;}
#zona > div > article > a > picture figcaption{position: absolute;bottom: 0;padding: 30px;background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 92%, rgba(0,0,0,0.8) 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(92%,rgba(0,0,0,0.8)), color-stop(100%,rgba(0,0,0,0.8)));background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 92%,rgba(0,0,0,0.8) 100%);background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 92%,rgba(0,0,0,0.8) 100%);background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 92%,rgba(0,0,0,0.8) 100%);background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 92%,rgba(0,0,0,0.8) 100%);-ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#cc000000',GradientType=0 )";}
#zona article picture figcaption h3 {color: #fff; font-size: 22px; margin-top: 10px; font-family: 'Sarala', sans-serif; font-weight: 700;}
#zona div article a figcaption h3 {font-size: 24px; font-weight: 700; color: #333; display: block; margin: 10px 0; font-family: 'Sarala',sans-serif; line-height: 28px;}

/* DINERO */
#dinero > div > div > article > div > a > picture {display: block; float:left; overflow: hidden;}
#dinero > div > div > article > div > a > picture img {width: 100%; height:auto;}
#dinero article h3 a {font-size: 24px;font-weight: 700;color: #333;display: block;margin: 10px 0; font-family: 'Sarala',sans-serif; line-height: 28px;}
#dinero div div article div p  {border-bottom: solid 1px #CCC; padding-bottom: 20px; margin-bottom: 20px;}
#dinero div div article div ul li a {margin-bottom: 20px;}

/* ACTUALIDAD */
#actualidad {background: #fff;padding: 0;}
#actualidad article a {display: inline-block;width: 100%;padding: 10px;}
#actualidad article a:hover {background: #F4FBFF;}
#actualidad article h3 {font-size: 18px;font-weight: 700;color: #333;display: block;line-height: 20px;margin-top: 10px; font-family: 'Sarala',sans-serif;}
#actualidad article a div picture {display: block; float:left; margin-top: 5px;}
#actualidad article a div picture img {height: auto; max-width: inherit; width: 100%;}
#actualidad article a div:first-child {padding: 0 5px 0 0;}

/* OPINIÓN */
#opinion article a {background: #f5f5f5;display: inline-block;width: 100%; padding-top: 15px; padding-bottom: 15px;}
#opinion article a:hover{background: #f0f0f0;}
#opinion article a h3{font-size: 17px;color: #333;font-weight: 700;padding: 0 15px 8px 0;display: block;line-height: 19px; font-family: 'Sarala',sans-serif;}
#opinion article a h5{font-weight: 400;font-size: 15px;color: rgb(189, 15, 52); font-family: 'Titillium Web', sans-serif;}
#opinion > div.row.no-gutter > article > a > div:first-child {padding: 0 15px;} 
#opinion > div.row.no-gutter > article > a > div picture {display:block; float:left;}
#opinion > div.row.no-gutter > article > a > div picture img {height: auto; max-width: inherit; width:100%;}

/* MAS-LEIDAS */
#masLedias {padding-top: 20px;}
#masLedias article {height: 102px; overflow: hidden;}
#masLedias article a {background: #bd0f34; position: relative; margin-right: 1px; display: inline-block;width: 100%; overflow: hidden;}
#masLedias article a:hover {background: #014671;}
#masLedias article h3 {font-size: 16px; color: #fff; padding: 0 15px; overflow: hidden; height: 50px; margin-bottom: 0;font-family: 'Sarala',sans-serif; font-weight: 700;}
#masLedias article h5 {font-size: 14px; text-transform: uppercase; color: #fff; padding: 15px 0 0 15px; margin-bottom: 7px; font-family: 'Titillium Web',sans-serif;}
#masLedias article picture {position: absolute; z-index: 1; height: 100%;}
#masLedias article picture img {height: 100%; width: auto; max-width: inherit;}
#masLedias article span.num {font-size: 157px;color: rgba(250,250,250,0.2); padding: 15px;position: absolute; left: -24px; top: -88px; z-index: 0;}
#recientes > div > article > a > div,
#leidas > div > article > a > div,
#comentadas > div > article > a > div {float: right; min-height: 102px;}
#masLedias > div.titleSection > ul > li.active a,
#masLedias > div.titleSection > ul > li a:hover {background: #eee;}

/* U24-MUNDO */
#u24mundo > article {display: inline-block;padding-bottom: 20px;margin-bottom: 20px;border-bottom: solid 1px #ccc; padding: 0 0 20px 0;}
#u24mundo > article:last-child {border: none;}
#u24mundo > article > div > div > a {display: block; float:left; position: relative; }
#u24mundo > article > div > div > a h6{position: absolute; bottom: 0; z-index: 8;}
#u24mundo > article > div > div > a picture {display: block; float:left; }
#u24mundo > article > div > div > a picture img {width: 100%; height: auto;}

#u24internacional { margin-top: 40px;}
#u24internacional article h3 a {font-size: 23px;color: #333;font-weight: 700;display: block;line-height: 26px;margin-bottom: 0;margin-top: 10px; font-family: 'Sarala',sans-serif;}
#u24internacional > div > div > article > a > picture {display: block; float:left; overflow: hidden;}
#u24internacional > div > div > article > a > picture img {height: auto; width: 100%; max-width: inherit;}


/* FOCO */
#foco article h3 a{font-size: 18px;color: #333;font-weight: bold;display: block;line-height: 22px;margin-bottom: 10px;margin-top: 10px;}
#foco > div.row > article > a > picture {display: block; float:left; overflow: hidden;}
#foco > div.row > article > a > picture img {width: 100%; height: auto;}

/* MEDIOS */
#medios div div div #leftCol > article > div > div > figure { height: 160px; overflow: hidden;}
#medios div div div #leftCol > article > div > div > figure img {height: 100%; width: auto !important; max-width: inherit; margin-left: -30px;}

/* OMNI */
#omni div div div #leftCol > article > div > div > figure { height: 160px; overflow: hidden;}
#omni div div div #leftCol > article > div > div > figure img {height: 100%; width: auto !important; max-width: inherit; margin-left: -30px;}

/* DEPORTES */
#deportes div div div #leftCol > article > div > div > a > picture {display: block; float:left; overflow: hidden;}
#deportes div div div #leftCol > article > div > div > a > picture img { height: auto; width: 100%; max-width: inherit;}

#menuSeciones{background: #f8f8f8;padding: 40px 0; width:100%;}
#menuSeciones ul,
#menuSeciones ul .region .block-menu .content .menu{display: block;clear: both;}
#menuSeciones ul li,
#menuSeciones ul .region .block-menu .content .menu li {list-style-type: none;list-style-image: none !important; margin: 0 !important; padding: 0 !important;}
#u24menu div ul .region .block-menu .content .menu li {list-style-type: none; list-style-image: none !important; margin: 0 5px 0 0 !important; padding: 0 10px 0 0 !important;}
#menuSeciones ul li a,
#menuSeciones ul .region .block-menu .content .menu li a,
#u24menu div ul .region .block-menu .content .menu li a{font-size: 12px;color: #666;width: 100%;}
#menuSeciones ul li a:hover,
#menuSeciones ul .region .block-menu .content .menu li a:hover,
#menuSeciones ul .region .block-menu .content .menu li a:hover,
#u24menu div ul .region .block-menu .content .menu li a:hover {	color: #000;}
#menuSeciones h5,
#menuSeciones ul .region .block-menu .content .menu li.first a,
#menuSeciones ul .region .block-menu .content > ul > li.first.leaf > a {font-size: 13px;font-weight: bold;text-transform: uppercase;padding-left: 15px;float: left;color: #222;position: relative;	margin-bottom: 10px;}
#menuSeciones h5:after,
#menuSeciones ul .region .block-menu .content .menu li.first a:after,
#menuSeciones ul .region .block-menu .content > ul > li.first.leaf > a:after {content: ''; position: absolute;left: 0; top: 5px; width: 7px; height: 7px;}

/*-----------------------------------*/
/*************** SINGLE **************/
/*-----------------------------------*/
#contentCol {padding-left: 0;}
#singleContent h1,
#contentCol > article > h1 {font-weight: 700;font-size: 42px;line-height: 44px;color: #333;margin-top: 10px; font-family: 'Sarala',sans-serif;}
#singleContent h3.epi2, 
#contentCol > article > h3.epi2 {text-transform: uppercase; display: inline-block; font-size: 16px; font-family: 'Titillium Web',sans-serif; color: #014671 !important; font-weight: 500; padding: 5px 0 0 0 !important;}
#singleContent h2.excerpt {padding: 0 20px;margin: 25px 0;font-size: 22px;border-left:5px solid #BD0F34;line-height: 30px;color: #3A3A3A; font-family:'Sarala',sans-serif !important;}
#contentCol > div div div div p,
#contentCol > div > div > div {font-size: 20px !important; line-height: 30px !important; font-family: 'Titillium Web', sans-serif !important; margin-top: 20px; display: block;}
#contentCol > div > h5 {font-weight: 700; font-size: 24px; line-height: 42px; color: #BD0F34; margin: 30px 0 10px 0;font-family: 'Sarala',sans-serif; text-align:left; width:100%;}
#contentCol > div > h5.no-print {clear: both;}
#singleContent div div div .content #contentCol div:first-child { padding-left: 0;}
#contentCol > div > div.form-item.form-type-item {width: 100%; background:#F4F4F4; padding:10px; margin: 30px 0 10px 0;}
#contentCol > div > div.form-item.form-type-item > label {font-weight: 700; font-size: 20px; line-height: 42px; color: #BD0F34; margin: 0 0 15px 0;font-family: 'Sarala',sans-serif; text-align:center;  width:100%;}

#block-system-main > div > div > div > div > ul > li > h2 {font-weight: 700; font-size: 24px; line-height: 42px; color: #333; margin: 30px 0 0 0;font-family: 'Sarala',sans-serif; text-align:left; width:100%;}
#block-system-main > div > div > div > div > ul > li p,
#block-system-main > div > div > div > div > ul > li > ul > li > p {font-size: 20px !important; line-height: 30px !important; font-family: 'Titillium Web', sans-serif !important; margin-top: 0;}
#block-system-main > div > div > div > div > ul > li > ul {display: block; float:left; margin:0 0 0 30px; width:100%;}
#block-system-main > div > div > div > div > ul > li > ul > li {list-style-type: none;}
#block-system-main > div > div > div > div > ul > li > ul > li > h2 {font-weight: 400; font-size: 20px; line-height: 20px; color: #333; margin: 0;font-family: 'Sarala',sans-serif; text-align:left; width:100%;}

#contentCol > div > div.u24pollcontainer {background: #eee; display: block; float: left; width: 100%; padding: 4% 2%; height: auto; margin: 10px 0 30px 0;}
#contentCol > div > div.u24pollcontainer > h2 {font-weight: 700; font-size: 24px; line-height: 42px; color: #BD0F34; margin: 0 0 10px 0;font-family: 'Sarala',sans-serif; text-align:center; width:100%;}
#contentCol > div > div.u24pollcontainer > ul {margin-top: 30px; height: 160px;}
#contentCol > div > div.u24pollcontainer > ul > li {display: inline; padding: 0 10px;float: left; height: 100%; position: relative; width: 25%;}
#contentCol > div > div.u24pollcontainer > ul > li > span {text-align: center; display: block; width: 100%; font-size: 20px;line-height: 17px;}
#contentCol > div > div.u24pollcontainer > ul > li > span small {font-size: 11px;}
#contentCol > div > div.u24pollcontainer > ul > li .barra_choice {position: absolute; bottom: 34px; width: 75%; left: 13%;border-radius: 5px 5px 0 0; background: #BD0F34 !important;}
#contentCol > div > div.u24pollcontainer > ul > li > a {position: absolute; bottom: 0; width: 87%; background: #004671; color: #fff; text-align: center; padding: 5px 0; border-radius: 5px; text-transform: uppercase; font-size: 11px; left: 10px;}
#contentCol > div > div.u24pollcontainer > ul > li > a:hover {background: #fff; color: #004671;}

.media div .content img,
.media div .content a img {max-width: 100%; height: auto !important; margin:0 15px 5px 0;}
.field-name-body > div > div > p iframe,
.field-name-body > div > div > iframe,
.field-name-body > div > div > div > p iframe,
.field-name-body > div > div > div > iframe,
.field-name-body > div > div > div > blockquote iframe,
.field-name-body > div > div > blockquote iframe {width: 100%; /*height: auto !important; min-height: 300px;*/ margin-bottom: 15px; margin:0;}
.media.media-teaser div .content a img,
.media.media-teaser div .content img {max-width: 100%; display: block; height: auto !important; margin:0 10px 5px 0;}

.sidebarFixed {position: fixed !important;top: 0 !important;left: 302px !important;}
.autorBox {margin-bottom: 20px;}
.autorBox p {line-height: 18px;display: block;font-size: 13px;margin: 0;}
.sticky {max-width: 100%;position: relative;-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;     margin-bottom: 20px; float:left;}

.tags{margin-bottom: 30px; padding:0;}
.tags label{background: rgb(189, 15, 52);color: #fff;font-weight: bold;padding: 3px 8px;font-size: 11px;text-transform: uppercase;}
.tags label:after {content: "";position: absolute;z-index: 10;border-bottom: 14px solid transparent;border-left: 10px solid #BD0F34;border-top: 13px solid transparent;height: 0px;width: 0px;margin: -3px 0 0 8px;}
.tags ul li {display: inline-block;}
.tags ul li a {padding: 5px 10px;background: #f5f5f5;margin-bottom: 3px;display: inline-block;font-size: 12px;color: #666;}
.tags ul li a:hover{background: #E7E7E7;}

#contentCol > div.col-md-3 > div.sticky > div > span > a.a2a_button_twitter.a2a_counter,
a.a2a_button_twitter {clear: both; display: block;}
#contentCol > div.col-md-3 > div.sticky > div > span > a.a2a_button_telegram.a2a_counter,
a.a2a_button_telegram {display: block;}
.share .a2a_kit a:first-child {display: none;}
.share .a2a_kit a:last-child {display: table;}
.share label{display: block;text-transform: uppercase;font-size: 12px;font-weight: normal;}
.share .sendMail {display: inline-block; text-transform: uppercase; font-size: 12px; font-weight: normal; background: none; padding: 0; color: #666; margin: 5px 0 0 4px;}
.share .sendMail:hover {background: none;}
.share .sendMail i {margin: 0 auto; border-radius: 3px; background: #bbb; width: 32px; height: 32px; color: #fff;text-align: center; line-height: 30px; float:left;}
.share .sendMail:hover i,
.share .sendMail:hover.sm3 i {background: #d6d6d6;}
.share .sendMail .sbt {display: block; float: left; margin: 0 0 0 5px; border: solid 1px #ccc; border-radius: 5px; padding: 0 5px;font-size: 12px; min-width: 64px; text-align: center; color: #000;}
.share .sendMail:hover .sbt {color: #ccc;}
.share .sendMail.sm3 {margin-top: -3px;}
.share .sendMail.sm3 i {background: #888;}

blockquote { padding: 30px; margin: 30px 0; line-height: 30px; font-size: 20px; font-style: italic; border-left: 5px solid #BD0F34; background-color: #f5f5f5;}

#contentCol figure {margin-bottom: 0; position: relative; }
#contentCol figure img {display: block; max-width: 100% !important; height: auto !important;}
#contentCol figure figcaption,
#contentCol > div > span.epi-img,
#contentCol > div div div div .media div > div > span.epi-img {background: #fff; color: #222;padding: 0 10px;line-height: 17px !important;border-left: solid 5px #BD0F34; font-size: 13px !important; display:table; width:100%; font-family: 'Sarala',sans-serif !important; margin: 0 !important;}
#contentCol > div.col-md-9.print-subpage > span.epi-img {position: initial;display: block; float: left; margin: 10px 0 15px 0 !important;}
#contentCol figure.smallImg{float: left;width: 50%;margin-right: 40px;margin-top: 5px;margin-bottom: 10px;}
#contentCol div div div div.content > div.field.field-name-field-imagen.field-type-image.field-label-above > div.field-items > div img {max-width: 100%; height: auto; margin:20px 0; padding:0;}

.submenu-custom {display: inline-block; width: 100%; padding: 0 !important; background-color: #E3E3E3; color: #fff; border-radius: 0; margin-bottom: 5px; margin-top: -10px; border-top: solid 3px #014671;}
.submenu-custom > li a, .submenu-custom > a {padding: 8px 20px; text-transform: uppercase; color: #5A5555; float: left;}
.submenu-custom > a:hover, .submenu-custom > a.active {background: #014671; color: #fff;}

.breadcrumb { padding: 8px 15px; margin-bottom: 15px; list-style: none;background-color: #f5f5f5; border-radius: 0; margin-top: -10px;text-transform: uppercase;font-size: 16px; font-family: 'Titillium Web',sans-serif;color: #878787;font-weight: 500;}
.breadcrumb a {color: #878787;}
.breadcrumb a:hover,
.breadcrumb a.active,
.breadcrumb a:hover,
.breadcrumb a:last-child {color: #014671 !important;}

/* BÚSQUEDA */
#singleContent > div > div.region.region-header-busqueda {display: block; float: left; width: 100%; margin-bottom: 30px; background: #ECF2F5; padding: 15px 15px 15px;}
#singleContent > div > div > div > div > div > #search-block-form {display: block; float: left; width: 100%; margin: 0;}
#search-block-form > div > div > div.form-item, 
#search-block-form > div > div > div.form-actions {display: block !important;float: left !important; margin-bottom: 15px; margin-top: 15px;}
#search-block-form > div > div > div.form-item.form-item.form-type-textfield {width:60%;}
#search-block-form > div > div > div.form-item.form-item.form-type-select {width:30%;}
#search-block-form > div > div > div.form-actions {width:10%;}
#search-block-form > div > div > div.form-item.form-item.form-type-textfield label,
#search-block-form > div > div > div.form-item.form-item.form-type-select label {font-size: 22px; text-transform: uppercase; color: #7F939D; font-weight: 300; margin-top: 10px; float: left;}
#search-block-form > div > div > div.form-item.form-item.form-type-textfield .custom-search-box.form-text {width: 75%; background: transparent; padding: 10px 14px; font-size: 14px; font-weight: 100; border: solid 1px #A5B6BF; margin: 0 0 0 4%; color: #7F939D;}
#search-block-form > div > div > div.form-item.form-item.form-type-select select#edit-custom-search-vocabulary-2 {border: solid 1px #A5B6BF; margin: 0 0 0 5%; background: transparent; font-size: 14px; width: 50%; color: #7F939D; max-height: 43px;}
#search-block-form > div > div > div.form-actions > #edit-submit--2,
#search-block-form > div > div > div.form-actions > #edit-submit--3 {float: left !important; display: block !important; margin: 0 !important; padding: 11px 15px !important; text-transform: uppercase; font-size: 22px; border-radius: 5px; cursor: pointer; font-weight: 300; background: #56707D; color: #E5EEF3; border: none; font-family: 'Open Sans',Verdana,sans-serif !important; width: 100%; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
#search-block-form > div > div > div.form-actions > #edit-submit--2:hover,
#search-block-form > div > div > div.form-actions > #edit-submit--3:hover {background: #7F939D; color: #EBEEEF; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}

#quizateinterese article{padding: 2px;}
#quizateinterese article picture {display: block; position: relative; overflow: hidden;}
#quizateinterese article picture img {width: 100%; height: auto; display: block; float: left;}
#quizateinterese article picture figcaption {position: absolute;bottom: 0;z-index: 9;padding: 20px;background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 92%, rgba(0,0,0,0.8) 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(92%,rgba(0,0,0,0.8)), color-stop(100%,rgba(0,0,0,0.8)));background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 92%,rgba(0,0,0,0.8) 100%);background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 92%,rgba(0,0,0,0.8) 100%);background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 92%,rgba(0,0,0,0.8) 100%);background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 92%,rgba(0,0,0,0.8) 100%);-ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#cc000000',GradientType=0 )";}
#quizateinterese article picture figcaption h3 {color: #fff;font-size: 23px;margin: 10px 0;}

#masEnCat{border: solid 1px #999;display: inline-block;width: 100%; margin-bottom: 15px; font-style:normal !important;}
#masEnCat .titleSection{border: none;margin: 15px; width:89%;}
#masEnCat article{padding-bottom: 10px;margin-bottom: 10px;border-bottom: solid 1px #999;display: inline-block;width: 100%;}
#masEnCat article:last-child{padding-bottom: 10px;margin-bottom: 0;border-bottom: none;}
#masEnCat article h3{color: #333;font-weight: bold;font-size: 16px;margin-top: 10px;line-height: 22px;padding-right: 15px;-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; display:block; float:left;}
#masEnCat article:hover h3{color: #862421;}
#masEnCat article .epi{-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
#masEnCat article a div picture {display: block;}
#masEnCat article a div picture img {width: 100%; height: auto;}

ul#tabsComentarios {display: table; width: 100%; border-bottom: solid 2px #EBEEEF;}
ul#tabsComentarios li {float: right !important; display: block !important; margin: 0 0 0 2px !important; padding: 10px 15px !important; background: #7F939D; text-transform: uppercase; font-size: 13px; border-radius: 5px 5px 0 0; cursor: pointer; font-weight: 600; color: #EBEEEF;} 
ul#tabsComentarios li.active,
ul#tabsComentarios li:hover {background: #EBEEEF; color: #7F939D;}
#comments > h2 {display: none;}
#comments > div.comment,
#comments > div.indented div.comment {display: table; width: 100%; font-family: "Helvetica Neue",arial,sans-serif !important; margin: 0 0 12px 0; padding: 0 0 12px; font-family: "Helvetica Neue",arial,sans-serif !important;}
#comments > div.comment:last-child {border: 0;}
#comments > div.comment > h3,
#comments > div.indented div.comment > h3 {display: none; color: #7F939D;}
#comments > div.comment > div.content > div > div > div > p,
#comments > div.comment > div.content > div > div > div,
#comments > div.indented div.comment > div > div > div {margin-top: 5px; font-family: "Helvetica Neue",arial,sans-serif !important; font-size: 16px !important; line-height: 24px !important; font-weight: normal !important;}
#comments > div.comment > div.submitted,
#comments > div.indented div.comment > div.submitted {font-size: 14px; margin: 0; padding: 0; display: table; width: 100%; color: #a5b2b9; font-weight: 400; font-family: "Helvetica Neue",arial,sans-serif !important;}
#comments > div.comment > div.submitted a,
#comments > div.indented div.comment > div.submitted a {color: #1977ca;}
#comments > div.comment > ul,
#comments > div.indented div.comment > ul {display: block;float: right; font-size: 13px; margin: 0; padding: 0;line-height: 14px;}
#comments > div.comment > ul > li > a,
#comments > div.indented div.comment > ul > li > a {color: #a5b2b9; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
#comments > div.comment > ul > li > a:hover,
#comments > div.indented div.comment > ul > li > a:hover {color: #7F939D; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.comment-form div #edit-author--2.form-item {display: none;}
#comment-body-add-more-wrapper > div > div > label,
#comment-body-add-more-wrapper > div > label,
.form-item.form-type-textfield.form-item-name > label {font-family: "Helvetica Neue",arial,sans-serif !important; color: #7F939D; font-size: 18px;}
#comment-body-add-more-wrapper > div > div > label > span,
#comment-body-add-more-wrapper > div > label > span{display: none;}
.form-textarea-wrapper textarea,
.form-textarea-wrapper textarea, 
#edit-comment-body-und-0-value,
#edit-name {color: #3f4549; cursor: text; resize: none; border: solid 2px #7F939D !important; display: block; padding: 6px 10px 8px; margin: 0; width: 100%; min-height: 44px; height: auto; line-height: 1.4; font-size: 14px; font-family: "Helvetica Neue",arial,sans-serif !important; overflow-y: inherit; transition: all .15s ease-in-out; border-radius: 10px;}
#edit-comment-body-und-0-format > div {font-family: 'Open Sans',Verdana,sans-serif !important; font-size: 12px;}
#edit-comment-body-und-0-format {padding: 10px 0;}
#edit-comment-body-und-0-format-help,
#edit-comment-body-und-0-format > div > div.form-item.form-type-select.form-item-comment-body-und-0-format {padding: 0;}
#edit-comment-body-und-0-format-help > p {font-size: 12px !important; margin: 0 !important;}
#edit-comment-body-und-0-format-help > p a {font-size: 12px !important; margin: 12px 0 0 0 !important; display: block;}
div#edit-comment-body-und-0-format-guidelines {padding: 0;}
ul.tips {margin-top: 10px; display: block; float: left; width: 100%;}
ul.tips li {line-height: 20px;}
#edit-actions input {float: left !important; display: block !important; margin: 0 !important; padding: 5px 15px !important; text-transform: uppercase; font-size: 12px; border-radius: 5px; cursor: pointer; font-weight: 600; background: #7F939D; color: #EBEEEF; border: none;font-family: 'Open Sans',Verdana,sans-serif !important;}
#edit-actions input:hover {background: #EBEEEF; color: #7F939D;}
#edit-btn-submit,
#edit-btn-cancel {float: right !important; display: block !important; margin: 0 0 0 5px !important; padding: 5px 15px !important; text-transform: uppercase; font-size: 12px; border-radius: 5px; cursor: pointer; font-weight: 600; background: #EBEEEF; color: #7F939D; border: none;font-family: 'Open Sans',Verdana,sans-serif !important;}
#edit-btn-submit:hover,
#edit-btn-cancel:hover {background: #7F939D; color: #EBEEEF;}
#comment-body-add-more-wrapper > div.form-item.form-type-textarea form-item-comment-body-und-0-value {border: none !important;}

.field-name-field-galeria > .field-items {float: left; display: block; margin: 1.5% -1.5%;}
.field-name-field-galeria > .field-items > div {width: 30%;float: left; clear: none !important; margin: 1.5%; overflow: hidden; height: 120px;}
.field-name-field-galeria > .field-items > div > a {position: relative;}
.field-name-field-galeria > .field-items > div > a > img {width: 100%; height: auto;filter: none; filter: none;-webkit-filter: grayscale(0%); webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.field-name-field-galeria > .field-items > div > a:hover > img {filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale") !important; filter: gray !important; -webkit-filter: grayscale(100%) !important; webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
#cboxCurrent {display: none !important;}


/*-----------------------------------*/
/*************** ARCHIVE **************/
/*-----------------------------------*/
#archiveContent #mainColumn{padding-left: 0;}
#archiveContent #mainColumn article,
#contentCol > article > li {display: inline-block;width: 100%;padding-bottom: 20px;margin-bottom: 20px;border-bottom: solid 1px #EAEAEA;}
#archiveContent #mainColumn article:first-child figure {padding: 0;height: inherit !important;overflow: hidden;}
#archiveContent #mainColumn article a picture {display: block; padding: 0;overflow: hidden; margin-bottom:10px;}
#archiveContent #mainColumn article a picture img {max-width: 120%; min-width:100%; height:auto;}
#archiveContent #mainColumn article h3 a,
#contentCol > article > li h3 a {color: #333;font-size: 25px;font-weight: bold;line-height: 28px;margin-bottom: 10px;display: block;}
#archiveContent #mainColumn article:first-child h3 a {color: #333;font-size: 38px;line-height: 40px;margin: 10px 0;}
#archiveContent #mainColumn article:first-child figure {width: 100%;}
#archiveContent #mainColumn > article > p.data-count,
#block-system-main > div > article > div > p.data-count {text-transform: uppercase; font-size: 14px;font-family: 'Titillium Web',sans-serif !important; color: #bbb;}
#archiveContent #mainColumn > article > p.data-count span,
#block-system-main > div > article > div > p.data-count span {display: block; float:left; margin:0 14px 0 0;}

#archiveContent div div div div div > div.content > div.field.field-name-field-imagen.field-type-image.field-label-hidden > div > div > img {max-width: 100%; height: auto;}
#archiveContent #secondColumn article {padding-bottom: 20px;margin-bottom: 20px;border-bottom: solid 1px #EAEAEA;}
#archiveContent #secondColumn article h3 a {color: #333;font-size: 19px;font-weight: bold;line-height: 24px;margin-bottom: 10px;display: block;text-align: center;margin-top: 10px; border-radius: 0 !important; -moz-border-radius: 0 !important; -webkit-border-radius: 0 !important; overflow: inherit !important;     height: auto !important;}
#contentCol > article > li > div > p.search-info {margin-bottom: 0 !important;}
#archiveContent #secondColumn article p {text-align: center;}
#archiveContent #secondColumn article a:first-child {display: block; float: left; width: 100%; overflow: hidden; height: 120px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%;}
#archiveContent #secondColumn article a img {display: block; max-width: inherit !important; height: 100%; width: auto !important;}

#ahoraBlock .titleSection h2{padding-bottom: 10px;}
#ahoraBlock > div > article {height: 320px;overflow: hidden;}
#ahoraBlock > div > article picture {display: block; overflow: hidden;}
#ahoraBlock > div > article picture img { width: 100%; height:auto;}
#ahoraBlock article h3 a {font-weight: bold;color: #333;margin: 10px 0;display: block;font-size: 21px;line-height: 25px;}

#myCarousel > div.carousel-inner > div.item > ul > li > a > .thumbnail {overflow: hidden; display: block; padding: 0; border-radius: 0; border: 0;}
#myCarousel > h4 {font-size: 21px; font-weight: 400; text-transform: uppercase; padding-left: 0; float: left; font-family: 'Titillium Web',sans-serif; color: #BD0F34; margin-bottom: 10px; padding-bottom: 5px; border-bottom: solid 1px #E3E3E3; width: 100%;}

.media.media-element-container {display: block; float: left; font-size: 20px !important; line-height: 30px !important; font-family: 'Titillium Web', sans-serif !important; margin-bottom: 10px; margin-top: 10px;}
.media.media-element-container div .content {display: block; float: left; position: relative; padding-bottom: 0; overflow: visible; margin-bottom: 20px;}
.media.media-element-container div .content img {max-width: 100%; height: auto !important;}
#contentCol figure figcaption, 
#contentCol > div > span.epi-img, 
#contentCol figure figcaption, 
#contentCol > div > span.epi-img, 
#contentCol > div div div div .media div > div > span.epi-img {background: #fff; color: #222; padding: 0 10px; line-height: 17px !important; border-left: solid 5px #BD0F34; font-size: 13px !important; display: block; width: 100%; font-family: 'Sarala',sans-serif !important; margin: 0 !important; position: absolute; bottom: -20px;}

/*AD*/
#mask {position: fixed;width: 100%;height: 100%;background: rgba(255, 255, 255, 0.95);z-index: 15;top: 0;display: none;}
.pop-up {position: fixed; margin: 0 auto; width: 100%; height: 100%; top: 0; left: 0; right: 0; z-index: 15; background: rgba(255, 255, 255, 0.95);}
.box {width: 50%;text-align: center;margin-left: auto;margin-right: auto;margin-top: 5%;position: relative;}
.box img {width: 100%;}
.close-button {transition: all 0.5s ease; position: absolute; background-color: #bd0f34; padding: 1.5px 7px; right: -8px; margin-left: -10px; margin-top: -9px; border-radius: 50%; border: 2px solid #fff; color: white; -webkit-box-shadow: -4px -2px 6px 0px rgba(0,0,0,0.1); -moz-box-shadow: -4px -2px 6px 0px rgba(0,0,0,0.1); box-shadow: -3px 1px 6px 0px rgba(0,0,0,0.1);}
.close-button:hover {color: #fff;}

/* SEARCH-BOX */
#singleContent div div div div #search-form {display: none;}

/* LOGIN-FORM */
#block-user-login h2{font-weight: bold;font-size: 20px;line-height: 18px;color: #000;margin: 10px 0 20px 0;}
#block-user-login div div form#user-login-form div div.form-item{font-weight: normal;font-size: 14px;line-height: 14px;color: #000;margin: 3px 0px 15px 0;}
#block-user-login div div form#user-login-form div div.form-item label,
#user-login-form > div > div.form-item.form-type-textfield.form-item-name > label,
#user-login-form > div > div.form-item.form-type-password.form-item-pass > label {font-weight: normal !important;font-size: 12px;line-height: 13px;color: #333; width: 100%; margin-right: 2%;text-transform: uppercase; font-family: inherit !important;}
#block-user-login div div form#user-login-form div div.form-item input.form-text,
#edit-pass,
#edit-name.form-text {font-weight: normal;font-size: 13px;line-height: 13px;color: #333; width: 100%; border:solid 1px #ccc !important; padding:10px; background:#fff; border-radius: 0 !important;}
#edit-remember-me {margin: -2px 5px 0 0;}
#user-login-form > div > div.form-item.form-type-checkbox.form-item-remember-me > label {font-size: 12px;}
#user-login-form > div > div.form-item.form-type-checkbox.form-item-remember-me {margin-bottom: 5px; text-align: right;}
#user-login-form > div > div.item-list > ul > li {margin: -7px 0 15px 0; padding: 0 0 8px 0; font-size: 12px; float: left; list-style-type: none; width: 50%;border-bottom: solid 1px #BBD3E7;}
#user-login-form > div > div.item-list > ul > li.first {position: relative;}
#user-login-form > div > div.item-list > ul > li.first:before {content: "¿Eres Nuevo en Urgente24?"; position: absolute; top: -27px; font-size: 12px; color: #538FC2;}
#user-login-form > div > div.item-list > ul > li.first a {background: #EAF1F7; padding: 7px 15px; border-radius: 5px; text-transform: uppercase;}
#user-login-form > div > div.item-list > ul > li.first a:hover {background: #337ab7;color:#fff;}
#user-login-form > div > div.item-list > ul > li.last {text-align: right;}
#user-login-form > div > div#edit-actions #edit-submit {display: block; float: right; border: none; background: #014671; padding: 8px 15px; color: #fff; text-transform: uppercase; font-size: 12px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
#user-login-form > div > div#edit-actions #edit-submit:hover {background: #dc1c45; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
#block-user-login div div form#user-login-form div div.item-list ul.ajax-register-links {display:block; float:left; margin:0 0 10px 0;}
#block-user-login div div form#user-login-form div div.item-list ul {display:none;}
#block-user-login div div form#user-login-form div div.item-list ul.ajax-register-links li.first,
#block-user-login div div form#user-login-form div div.item-list ul.ajax-register-links li.last {display:block; float:left; width:100%; margin:1px 0; font-size: 13px; line-height: 13px; list-style-type: none;}
.avgrund-close {display: block !important; color: #fff !important; font-size: 12px !important; text-decoration: none !important; text-transform: uppercase !important; position: absolute !important; top: 10px !important; right: 10px !important; background: #000 !important; width: 25px !important; height: 25px !important; border-radius: 14px !important; text-align: center !important; font-weight: bold !important; font-family: arial !important; line-height: 25px !important;}
.avgrund-close:hover {color: #fff !important; background: #666 !important;}
#user-login-form .item-list {display: block; float: left; width: 100%; margin: 10px 0 0 0; padding: 0;}

/* PAGINACIÓN */
#block-system-main > div > div.item-list > ul > li,
#mainColumn > div > ul > li,
#contentCol > div > ul > li {display: block;float: left; margin: 0 3px 0 0; border: 0 !important; padding: 0;}
#block-system-main > div > div.item-list > ul > li.pager-current.first,
#mainColumn > div > ul > li.pager-current.first,
#contentCol > div > ul > li.pager-current.first,
#block-system-main > div > div.item-list > ul > li.pager-current,
#mainColumn > div > ul > li.pager-current,
#contentCol > div > ul > li.pager-current {padding: 7px 14px !important;}
#block-system-main > div > div.item-list > ul > li.pager-current.first,
#block-system-main > div > div.item-list > ul > li.pager-current,
#block-system-main > div > div.item-list > ul > li > a:hover,
#block-system-main > div > div.item-list > ul > li > span:hover,
#mainColumn > div > ul > li.pager-current.first,
#mainColumn > div > ul > li.pager-current,
#mainColumn > div > ul > li a:hover,
#mainColumn > div > ul > li span,
#contentCol > div > ul > li.pager-current.first,
#contentCol > div > ul > li.pager-current,
#contentCol > div > ul > li a:hover,
#contentCol > div > ul > li span {display: block; padding: 6px 14px; background-color: #bd0f34; border: 1px solid #bd0f34; border-radius: 0;color: #fff;font-weight: normal; float: left;}
#block-system-main > div > div.item-list > ul > li > a,
#mainColumn > div > ul > li a,
#contentCol > div > ul > li a, 
#block-system-main > div > div.item-list > ul > li > span,
#mainColumn > div > ul > li span,
#contentCol > div > ul > li span {display: inline-block; padding: 6px 14px; background-color: #eee; border: 1px solid #ddd; border-radius: 0; color: #999;}

/* USER / REGISTER / SEND-MAIL */
#contentCol > div > ul.nav.nav-tabs, 
#contentCol > div > ul.tabs.primary {padding: 0; margin: 0 -15px; border-top: 0; border-bottom: 0; display: table; width: 100%;}
#contentCol > div > ul.nav.nav-tabs > li > a,
#contentCol > div > ul.tabs.primary > li > a {display: inline-block; padding: 5px 11px; background-color: #014671; border: 1px solid #014671; border-radius: 0; color: #fff; text-transform: uppercase; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
#contentCol > div > ul.nav.nav-tabs > li.active > a,
#contentCol > div > ul.nav.nav-tabs > li > a:hover,
#contentCol > div > ul.tabs.primary > li.active > a,
#contentCol > div > ul.tabs.primary > li > a:hover {background-color: #bd0f34; border: 1px solid #bd0f34; color: #fff; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}

#singleContent > div > .tabs > ul.tabs.primary {padding: 0; margin: 0 0 5px 0; border-bottom: solid 1px #E5E5E5; display:block; float:left; width:100%;}
#singleContent > div > .tabs > ul.tabs.primary  > li {padding: 0; border:0; margin-right:5px; display:block; float:left;}
#singleContent > div > .tabs > ul.tabs.primary li a {color: #222; padding: 5px 11px; display: block; border-radius: 0; text-transform: uppercase; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; background-color: #efefef; float:left; border: 0;}
#singleContent > div > .tabs > ul.tabs.primary  > li.active > a,
#singleContent > div > .tabs > ul.tabs.primary  > li > a:hover {color: #222; text-transform: uppercase; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; background-color: #ddd;}

#singleContent > div > .tabs > ul.tabs.secondary {padding: 0; margin: 0 0 15px 0; border-top: 0; border-bottom: 0; display: table; width: 100%;}
#singleContent > div > .tabs > ul.tabs.secondary > li {padding: 0; border:0; margin-right:5px;}
#singleContent > div > .tabs > ul.tabs.secondary > li > a {display: inline-block; padding: 5px 11px; background-color: #014671; border: 1px solid #014671; border-radius: 0; color: #fff; text-transform: uppercase; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
#singleContent > div > .tabs > ul.tabs.secondary > li.active > a,
#singleContent > div > .tabs > ul.tabs.secondary > li > a:hover {background-color: #bd0f34; border: 1px solid #bd0f34; color: #fff; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}

#contentCol > div > .tab-content {margin: 0 -15px; border-top: 1px solid #E3E3E3;}

#user-register-form--2 > fieldset:nth-child(1) {float: left; width: 100%;}
#user-register-form--2 > fieldset:nth-child(1) > legend > h2 {margin-bottom: 15px;}
#contentCol > div .tab-content .tab-pane > form#user-register-form--2 .form-item > label > span.form-required,
#user-register-form--2 > div.form-item > label > span,
#user-login--2 > div > div.form-item > label > span,
#user-pass--2 > div > div.form-item > label > span {display: inherit !important; margin: 0;}
#user-register-form--2 > div > fieldset > span,
#user-login--2 > div > div.form-item > label > span,
#user-pass--2 > div > div.form-item > label > span {margin: 0 !important;}
#contentCol > div .tab-content .tab-pane > form > fieldset > legend > span > span.tituloRegistro {font-weight: 400;margin-bottom: 15px;display: table; color: #BF022A; display:none;}
#contentCol > div .tab-content .tab-pane > form > fieldset > legend > span > p {margin: 0 !important;}
#contentCol > div .tab-content .tab-pane > form#user-register-form--2 > fieldset > legend {display: block;width: 100%; padding: 0 0 20px 0; margin-bottom: 20px;font-size: 21px; line-height: inherit; color: #333; border: 0; border-bottom: 1px solid #e5e5e5; border-top: none !important; margin-top: 0 !important;}
#contentCol > div .tab-content .tab-pane > form#user-register-form--2 > fieldset:nth-child(1) > legend > span.leyendaRegistro {margin-top: 5px; display: block;}
#contentCol > div .tab-content .tab-pane > form#user-register-form--2 > fieldset:nth-child(7) {margin-top: 40px;}
#contentCol > div .tab-content .tab-pane > form#user-register-form--2 > fieldset:nth-child(7) legend {background: #EFF3FB; border: solid 1px #012B46 !important; padding: 25px 15px;}
#contentCol > div .tab-content .tab-pane > form#user-register-form--2 > fieldset:nth-child(7) legend > span > span.tituloRegistro {color: #243C4A;}
#contentCol > div .tab-content .tab-pane > form#user-register-form--2 > fieldset:nth-child(8) > legend {display: block; width: 100%; padding: 20px 0; margin-top: 20px; margin-bottom: 20px; font-size: 21px; line-height: inherit; color: #333; border-top: 1px solid #e5e5e5 !important; border-bottom: 1px solid #e5e5e5; float: left;}	
#edit-account .form-item .description {font-size: 13px;line-height: 16px; margin-top: 10px;}

#contentCol > div > form > div.form-item,
#contentCol > div > .tab-content .tab-pane #user-register-form--2 .form-item,
#contentCol > div > .tab-content .tab-pane #user-login--2 > div > .form-item {width: 100% !important; position: relative; margin: 0 0 5px 0 !important;}

.form-item .description,
#contentCol > div > .tab-content .tab-pane > form#user-register-form--2 > .form-item .description,
#contentCol > div > .tab-content .tab-pane #user-login--2 > div > .form-item .description {font-size: 0.85em; position: absolute;display: none;-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}

.form-item:hover .description,
#contentCol > div > .tab-content .tab-pane > form#user-register-form--2 > .form-item:hover .description,
#user-register-form--2 > div.form-item:hover.form-type-textfield.form-item-mail > div.description,
#contentCol > div > .tab-content .tab-pane #user-register-form--2 div.form-item:hover.form-item.form-type-textfield.form-item-mail > .description {display: block; background: #fff; color: #000; padding: 5px 10px; z-index: 10; bottom: -38px; right: 0; width: 100%; font-size: 15px; line-height: 19px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; border-left: 5px solid #BD0F34;}

#user-register-form--2 > fieldset.captcha.form-wrapper > div > div.form-item:hover.form-type-textfield.form-item-captcha-response > .description,
#user-register-form--2 > fieldset.captcha.form-wrapper > div > div.form-item.form-type-textfield.form-item-captcha-response:hover > .description {bottom: -19px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}

#contentCol > div > .tab-content .tab-pane #user-login--2 > div > .form-item:hover .description {display: block; background: #fff; color: #000; padding: 10px; z-index: 10; bottom: -29px; right: 0; width: 100%; font-size: 15px; line-height: 19px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}

#edit-account .form-item #edit-name,
#edit-account .form-item #edit-mail,
#print-mail-form > div > .form-item > #edit-fld-from-addr,
#print-mail-form > div > .form-item > #edit-fld-from-name,
#print-mail-form > div > .form-item > #edit-fld-subject,
#contentCol > div > form > .form-item > #edit-name--2.username,
#contentCol > div > form > .form-item > #edit-pass-pass1--2.password-field,
#contentCol > div > form > .form-item > #edit-pass-pass2--2.password-confirm,
#contentCol > div > form > .form-item > #edit-mail--2.form-text,
#contentCol > .captcha div > .form-item > #edit-captcha-response--2.form-text,
#edit-captcha-response--2,
#contentCol > div > .tab-content .tab-pane #user-register-form--2 .form-item > #edit-name--2.username,
#contentCol > div > .tab-content .tab-pane #user-register-form--2 .form-item > #edit-pass-pass1--2,
#contentCol > div > .tab-content .tab-pane #user-register-form--2 .form-item > input[type="text"],
#contentCol > div > .tab-content .tab-pane #user-register-form--2 .form-item > input[type="password"],
#contentCol > div > .tab-content .tab-pane #user-login--2 > div > .form-item > input[type="text"],
#contentCol > div > .tab-content .tab-pane #user-login--2 > div > .form-item > input[type="password"],
#contentCol > div > .tab-content .tab-pane #user-pass--2 > div > .form-item > input[type="text"],
#contentCol > div > .tab-content .tab-pane #user-pass--2 > div > .form-item > input[type="password"] {font-weight: normal; font-size: 13px; line-height: 13px; color: #333; width: 100%; border: solid 1px #ccc; padding: 10px; background: #fff; margin-bottom: 10px;}

#print-mail-form > div > .form-item > .form-textarea-wrapper #edit-txt-to-addrs,
#print-mail-form > div > .form-item > .form-textarea-wrapper #edit-txt-message {font-weight: normal; font-size: 13px; line-height: 13px; color: #333; width: 100%; border: solid 1px #ccc; padding: 10px; background: #fff; min-height: 80px; border-radius: 0;}
#print-mail-form > div > .form-item > label {width: 25%}
#contentCol > div > form > div.form-item > label,
#user-register-form--2 > div.form-item.form-type-textfield.form-item-name > label,
#contentCol > div > .tab-content .tab-pane #user-register-form--2 .form-item > label,
#contentCol > div > .tab-content .tab-pane #user-login--2 > div > .form-item > label,
#contentCol > div > .tab-content .tab-pane #user-pass--2 > div > .form-item > label {font-size: 18px !important; font-family: inherit !important; color: #333;}

#edit-account .form-item > div > input.password-confirm, 
#edit-account .form-item > div > input.password-field,
#edit-account .form-item > input#edit-current-pass {font-weight: normal; font-size: 13px; line-height: 13px; color: #333; border: solid 1px #ccc; padding: 10px; background: #fff; width: 50%; display: table; margin-bottom: 15px;}
#edit-account .form-item > div > .password-strength-title {font-size: 15px;}
#edit-simplenews > div > .fieldset-description,
#print-mail-form > div > div.form-item.form-type-textarea.form-item-txt-to-addrs > div.description,
#contentCol > div > div.form-item.form-type-textfield.form-item-name > div.description,
#contentCol > div > form > div.form-item.form-type-textfield.form-item-mail > div.description {font-size: 13px !important; margin-top: 10px; margin-bottom: 15px; line-height: 19px !important;}
#edit-fld-title > a {font-size: 17px;}
#edit-simplenews > div > #edit-newsletters div {float: left; width: 33.3%; font-size: 15px; margin: 0;}
#edit-simplenews > div > #edit-newsletters div input[type=checkbox], 
#edit-simplenews > div > #edit-newsletters div input[type=radio] {margin: -3px 6px 0 0;}
#user-register-form > div > .captcha.form-wrapper {margin-top: 30px;}
#user-register-form > div > fieldset.captcha.form-wrapper > legend,
#contentCol > div > .tab-content .tab-pane > form#user-register-form--2 > fieldset.captcha.form-wrapper > legend {display: block; width: 100%; padding: 0; margin-bottom: 5px; font-size: 21px; line-height: inherit; color: #333; border: 0;}
#user-register-form > div > fieldset.captcha.form-wrapper > legend > span,
#contentCol > div > .tab-content .tab-pane > form#user-register-form--2 > fieldset.captcha.form-wrapper > legend > span {margin-bottom: 5px; font-weight: 700;}
#contentCol > div > .tab-content .tab-pane > form#user-register-form--2 > div > fieldset.captcha.form-wrapper > div > div.fieldset-description,
#user-register-form--2 > fieldset.captcha.form-wrapper > div > div.fieldset-description {font-weight: normal; font-size: 17px; margin: 0 0 10px 0;}
#contentCol > div > .tab-content .tab-pane > form#user-register-form--2 > div > fieldset.captcha.form-wrapper > div > div.form-item.form-type-textfield.form-item-captcha-response > div {font-size: 13px; line-height: 16px; margin-top: 10px;}
#edit-account > div.form-item.form-type-password-confirm.form-item-pass > div.form-item.form-type-password.form-item-pass-pass1.password-parent,
#edit-account > div.form-item.form-type-password-confirm.form-item-pass > div.form-item.form-type-password.form-item-pass-pass2.confirm-parent {clear: left; margin: 0; width: 100%;}
#edit-captcha-response {font-weight: normal; font-size: 13px; line-height: 13px; color: #333; border: solid 1px #ccc; padding: 10px; background: #fff; width: 50%; display: table;}
#user-register-form > div > #edit-actions #edit-submit {float: left;margin: 0 0 30px 0 !important;}
#edit-account > div.form-item > div.form-item > div.password-strength {width: 48%; float: right;}
#edit-account > div.form-item > div.form-item > div > div.password-strength-text {display: none;}
#user-register-form--2 > fieldset.captcha.form-wrapper > div > img {margin-top: 20px;}

#user-profile-form--2 > h1 {font-weight: normal; font-size: 30px; font-family: 'Titillium Web', sans-serif !important; margin-bottom: 15px;}
#user-profile-form--2 > span {margin-bottom: 5px; display: block; padding: 0 !important;}
#contentCol > div > .tab-content .tab-pane > form#user-register-form--2 > .alertaTodas {display: table; width: 100%;}
#user-profile-form--2 > .alertaTodas {display: table; width: 100%; margin-top: 20px; padding-top: 20px; border-top: solid 1px #e5e5e5;}
#contentCol > div > .tab-content .tab-pane > form#user-register-form--2 > .alertaTodas > fieldset {display: table; float: left; width: 100%; border-bottom: solid 1px #E5E5E5; margin-bottom: 20px; padding-bottom: 5px;}
#user-profile-form--2 > div > fieldset.newsletterTemas {display: table; float: left; width: 100%; border-bottom: solid 1px #E5E5E5; margin-bottom: 20px; padding-bottom: 20px;}
#contentCol > div > .tab-content .tab-pane > form#user-register-form--2 > .alertaTodas > fieldset > span > p,
#user-profile-form--2 > div > fieldset.newsletterTemas > span > p {font-size: 18px !important;line-height: 26px !important; font-family: 'Titillium Web',sans-serif !important; margin-top: 0px;}
#contentCol > div > .tab-content .tab-pane > form#user-register-form--2 > .alertaTodas > fieldset > legend,
#user-profile-form--2 > div > fieldset.newsletterTemas > legend {border: none; margin-bottom: 10px; font-size: 18px; font-weight: 700;}
#contentCol > div > .tab-content .tab-pane > form#user-register-form--2 > .alertaTodas > fieldset > div,
#user-profile-form--2 > div > fieldset.newsletterTemas > div:nth-child(1) {margin: 0 0 10px 0; display: block; float: left; width: 100%;}
#contentCol > div > .tab-content .tab-pane > form#user-register-form--2 > .alertaTodas > fieldset > div > div.form-item,
#user-profile-form--2 > div > fieldset.newsletterTemas > div > div.form-item {width: 25% !important; display: block; float: left; margin: 0 !important;}
#contentCol > div > .tab-content .tab-pane > form#user-register-form--2 > .alertaTodas > fieldset > div > div.form-item input[type=checkbox], 
#contentCol > div > .tab-content .tab-pane > form#user-register-form--2 > .alertaTodas > fieldset > div > div.form-item input[type=radio],
#user-profile-form--2 > div > fieldset.newsletterTemas > div > div.form-item input[type=checkbox],
#user-profile-form--2 > div > fieldset.newsletterTemas > div > div.form-item input[type=radio] {margin: -2px 0 0 0;}
#contentCol > div > .tab-content .tab-pane > form#user-register-form--2 > .alertaTodas > fieldset > div > div.form-item label {font-size: 16px !important;}
#user-profile-form--2 > div > fieldset.newsletterTemas > div > div.form-item label {font-size: 15px !important;}

#edit-account {
    margin-bottom: 20px;
}
#edit-informacion-personal > legend > span {font-weight: normal; font-size: 30px; font-family: 'Titillium Web', sans-serif !important; margin-top: 10px; margin-bottom: 15px; border:0 !important; display: inline-block;}
#edit-informacion-personal > legend {border:0 !important; margin:0;}
#edit-informacion-personal > div > .form-item label, #edit-informacion-personal > div > .form-item {
    clear: both;
    display: block;
}
#edit-informacion-personal > div > .form-item input[type=text],
.form-item-files-picture-upload > input[type=file]{
    font-weight: normal;
    font-size: 13px;
    line-height: 13px;
    color: #333;
    width: 100%;
    border: solid 1px #ccc;
    padding: 10px;
    background: #fff;
}

#edit-informacion-personal > div > .form-item select {
    font-weight: normal;
    font-size: 13px;
    line-height: 13px;
    color: #333;
    width: 50%;
    border: solid 1px #ccc;
    padding: 10px;
    background: #fff;
	clear: both;
    display: block;
}
#edit-informacion-personal > div > .form-item > #edit-profile-fecha-nacimiento > .form-item {
    display: block;
    float: left;
    width: 15.4%;
    margin-right: 2%;
    margin-top: 0;
}
#edit-informacion-personal > div > .form-item > #edit-profile-fecha-nacimiento > .form-item:last-child {
    margin-right: 0;
}
#edit-informacion-personal > div > .form-item > #edit-profile-fecha-nacimiento > .form-item  select {
    font-weight: normal;
    font-size: 13px;
    line-height: 13px;
    color: #333;
    width: 100%;
    border: solid 1px #ccc;
    padding: 10px;
    background: #fff;
	margin-right: 3%;
	float: left;
    display: block;
}

#edit-mimemail > legend > span {
    font-weight: normal;
    font-size: 26px !important;
    font-family: 'Titillium Web', sans-serif !important;
    color: #333 !important;
    padding-bottom: 10px;
    padding-left: 20px;
    background-position: 5px 41% !important;
}
#edit-mimemail > legend > span a {
    color: #333 !important;
}

#edit-picture > legend {
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 10px;
	text-transform: uppercase;
}

#block-system-main > div > div.profile > h3 {
    font-weight: normal;
    font-size: 26px;
    font-family: 'Titillium Web', sans-serif !important;
    margin-top: 20px;
    margin-bottom: 15px;
    padding-bottom: 10px !important;
    /* display: table; */
}

#edit-submit--3 {float: left !important; display: block !important; margin: -2px 10px 0 0 !important; padding: 5px 15px !important; text-transform: uppercase; font-size: 12px; border-radius: 5px; cursor: pointer; font-weight: 600;  border: none; background: #7F939D; color: #EBEEEF; font-family: 'Open Sans',Verdana,sans-serif !important;}
#edit-submit--3:hover {background: #EBEEEF; color: #7F939D;}
#user-register-form--2 > div.form-item.form-type-password.form-item-pass-pass1.password-parent > div,
#contentCol > div > .tab-content .tab-pane #user-register-form--2 > div.form-item.form-type-password.form-item-pass-pass1.password-parent > div,
#user-register-form--2 > div.form-item.form-type-password.form-item-pass-pass2.confirm-parent > div {display: none;}
#user-register-form--2 > div.form-item.form-type-password.form-item-pass-pass1.password-parent,
#contentCol > div > .tab-content .tab-pane #user-register-form--2 > div.form-item.form-type-password.form-item-pass-pass1.password-parent {margin-top: 1em; margin-bottom: 1em;}

#contentCol > div > .tab-content .tab-pane #user-login--2 > div > div.form-item.form-type-checkbox.form-item-remember-me {text-align: right; display: block; float: right; width: auto !important;}
#contentCol > div > .tab-content .tab-pane #user-login--2 > div > div.form-item.form-type-checkbox.form-item-remember-me > label {font-size: 14px !important;}

#user-register-form--2 > div.messages.error {display: none;}
#registracion > div.messages.error,
#nueva-cuenta > div.messages.error,
#nueva-cuenta > div {display: table; width: 100%; margin-bottom: 20px !important; font-family: 'Open Sans',Verdana,sans-serif !important; font-size: 14px;line-height: 18px;}
#user-register-form--2 > div.messages.error > ul,
#registracion > div.messages.error > ul,
#nueva-cuenta > div.messages.error > ul {margin: 0 !important;}
#user-register-form--2 > div.messages.error > ul > li,
#registracion > div.messages.error > ul > li,
#nueva-cuenta > div.messages.error > ul > li {font-family: 'Open Sans',Verdana,sans-serif !important; font-size: 14px!important;line-height: 18px!important;}

#edit-subscriptions > legend > span.fieldset-legend {font-size: 30px; margin-bottom: 15px; font-weight: normal; font-family: 'Titillium Web', sans-serif !important;}
#edit-subscriptions > legend {display: block; width: 100%; padding: 0; margin: 15px 0; font-size: 21px; line-height: inherit; color: #333; border: 0; float: left;}
#edit-subscriptions > div > div.fieldset-description {border-bottom: solid 1px #ddd; padding-bottom: 15px; margin-bottom: 15px;}
#edit-subscriptions > legend {display: block; width: 100%; padding: 0; margin: 15px 0; font-size: 21px; line-height: inherit; color: #333; border: 0; float: left;}
#edit-subscriptions > div > div.fieldset-description > span {font-size: 15px !important; line-height: 21px; font-family: 'Open Sans', Verdana, sans-serif !important; clear: both; display: block; margin-bottom: 3px;}
#edit-subscriptions > div > div.fieldset-description br {display: none !important;}
#edit-subscriptions > div > div.fieldset-description > a {font-size: 15px; line-height: 21px; font-family: 'Open Sans', Verdana, sans-serif !important;}
#edit-newsletters > div.form-item.form-type-checkbox input[type=checkbox] {margin: -1px 4px 0 0;}

/* SHARED-MAIL */
#fancybox-content {padding: 20px !important; border: none !important; width: 550px !important; background: #fff !important;}
#fancybox-close {right: -233px !important;}
#fancybox-content div #mail_form p {display: table; width: 100%; margin-bottom: 15px; font-size: 14px; color: #000;font-family: 'Titillium Web',sans-serif;}
#fancybox-content div #mail_form p #to,
#fancybox-content div #mail_form p #from,
#fancybox-content div #mail_form p #subject,
#fancybox-content div #mail_form p #subject,
#fancybox-content div #mail_form p #mail_body {width: 78%; float: right; padding: 5px; border: solid 1px #ccc; color: #555; font-size: 13px;font-family: 'Open Sans',Verdana,sans-serif !important;}
#fancybox-content div #mail_form p #mandarMail {float: right !important; display: block !important; margin: 0 0 0 2px !important; padding: 10px 15px !important; background: #7F939D; text-transform: uppercase; font-size: 13px; border-radius: 0; cursor: pointer; font-weight: 600; color: #EBEEEF; border: 0;}
#fancybox-content div #mail_form p #mandarMail:hover {background: #EBEEEF; color: #7F939D;}
#disqus_thread {overflow: hidden;}
#disqus_thread iframe {margin-bottom: -54px;}
img.img-comment {width: 100%; height: auto;}

/* CHAT */
div#contentCol > div > div > iframe {width: 100%; max-width: 100%;}

/* MENSAJES */
.error_subscribe {display: block; float: left; width: 100%; margin: 10px 0; border: solid 2px #BD0F34; border-radius: 7px; padding: 10px 15px; color: #BD0F34; background: #FDF4F6; line-height: 30px;}
.error_subscribe i {display: block; float: left; margin-right: 10px;}
.error_subscribe p {display: block; float: left; margin-top: 5px; font-size: 16px; line-height: 18px;}
.success_subscribe {display: block; float: left; width: 100%; margin: 10px 0; border: solid 2px #489655; color: #489655; padding: 10px 15px; border-radius: 7px; background: #F1FDF3; line-height: 30px;}
.success_subscribe i {display: block; float: left; margin-right: 10px;}
.success_subscribe p {display: block; float: left; margin-top: 5px; font-size: 16px; line-height: 18px;}


/*-----------------------------------*/
/*************** FOOTER **************/
/*-----------------------------------*/
footer {}
footer #u24menu{padding-bottom: 15px;border-bottom: solid 3px #666;}
footer #u24menu ul li{display: inline-block;padding: 0 10px;font-size: 12px;border-right: solid 1px #A8A8A8;}
footer #u24menu ul li a{color: #666;}
footer #u24menu ul li a:hover{color: #862421;}
footer #u24menu .newsBtn{background: #bd0f34; padding: 8px 18px; color: #fff;}
footer #u24menu .newsBtn:hover{background: #014671;}
footer #u24contact{padding: 40px 0;border-bottom: solid 1px #ccc;}
footer #u24contact .u24radio{margin-left:30px;}

footer #u24contact > div.text-right > span.socialIcons > div div div,
footer #u24contact > div.text-right > span {display: block; float:right;}
footer #u24contact .socialIcons a{font-size: 21px;color: #666;margin: 0 5px;}
footer #u24contact .socialIcons a:hover{color: #000;}

footer .copy {padding: 15px 0 30px 0; display: block; margin: 0 -15px;}
footer .copy .qkstudio {text-align: right;}
footer .copy .qkstudio a {display: inline-block; opacity: 0.5; -webkit-transition: all 400ms; -moz-transition: all 400ms; -ms-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms;}
footer .copy .qkstudio span {margin-top: 6px; display: inline-block; float: left; font-size: 11px; padding-left: 15px;}
footer .copy .qkstudio a:hover{opacity: 1;}

/* PUBICIDADES */
.publi,
.publi3,
.publi5 {display:block; width: 100%; margin: 0}
.publi1 {display:block; position: absolute; right: -183px; width: 160px;}
.publi2 {display:block; /*width: 110%;*/ width: 100%; margin: 0;}
.publi4 {display:block; width: 100%; margin: 0;}
.publi6 {display:block; width: 100%; margin: 0;}
.publiHori {display:block; margin: 0; width: 100%;}
.publiHori2 {display:block; margin: 0; width: 100%; float: left;}
.publi img,
.publi3 img,
.publi5 img,
.publi1 img,
.publi2 img,
.publi4 img,
.publi6 img,
.publiHori img,
.publiHori2 img {display: block !important; float: none; max-width: 100%; height: auto; border: solid 1px #cecece;}
.publi img,
.publi3 img,
.publi5 img {margin: 0 auto 15px auto;}
.publi1 img {}
.publi2 img {margin: 15px -15px;}
.publi4 img {margin: 5px -15px 30px -15px;}
.publi6 img {margin: 0 auto;}
.publiHori img {margin: 25px auto;}
.publiHori2 img {margin: 0 auto 25px auto;}
.publi iframe,
.publi3 iframe,
.publi5 iframe,
.publi1 iframe,
.publi2 iframe,
.publi4 iframe,
.publi6 iframe,
.publiHori iframe,
.publiHori2 iframe {display: block !important; float: none; margin: auto !important; max-width: 100%;}
.publi ins,
.publi3 ins,
.publi5 ins,
.publi1 ins,
.publi2 ins,
.publi4 ins,
.publi6 ins,
.publiHori ins,
.publiHori2 ins {display: block !important; float: none; margin: auto !important; max-width: 100%; height: auto;}
.publi ins iframe,
.publi3 ins iframe,
.publi5 ins iframe {margin-bottom: 15px !important;}
.publi1 ins iframe {}
.publi2 ins iframe {margin: 15px -15px !important;}
.publi4 ins iframe {margin: 5px -15px 30px -15px !important;}
.publi6 ins iframe {margin: 0;}
.publiHori ins iframe {margin: 25px auto !important;}
.publiHori2 ins iframe {margin: 0 auto 25px auto !important;}
#destacadas3 > div > article > div.publi5 {margin:0 !important;}
#opinion .publi2 ins iframe {margin: 15px 0 !important;}

/* DOLAR */
.dolar {margin-bottom: 15px;}
#block-block-72 > div.content iframe {height: 200px; margin-bottom: 0; width: 100%;}
.box_data  {padding: 0;height: 182px;}

/* CARRUSEL */
.carousel.slide {position: relative; clear: both; margin-top: 15px;}
#myCarousel > div.carousel-inner {border-bottom: solid 1px #E3E3E3; padding-bottom: 15px; margin-bottom: 15px;}
#myCarousel > div.carousel-inner > div.item > ul > li {list-style-type: none;}
#myCarousel > div.carousel-inner > div.item > ul > li > a > .thumbnail { display: block; padding: 0; margin-bottom: 10px; line-height: inherit; background-color: white !important; border: 0; border-radius: 0; -webkit-transition: border .2s ease-in-out; -o-transition: border .2s ease-in-out;transition: border .2s ease-in-out; box-shadow: none;}
#myCarousel > div.carousel-inner > div.item > ul > li > a > div.caption {}
#myCarousel > div.carousel-inner > div.item > ul > li > a > div.caption > h4 {color: #000;font-size: 16px; font-weight: 700;line-height: 20px; margin-bottom: 10px;text-align: left;}
.control-box { text-align: right; width: 100%; }
#myCarousel > div.carousel-inner > div.item > ul > li > a:hover > div.caption > h4 {color: #862421 !important;}
.carousel-control{ background: #666; border: 0px; border-radius: 0px; display: inline-block; font-size: 34px; font-weight: 200; line-height: 18px; opacity: 0.5; padding: 4px 10px 0px; position: static;  height: 30px; width: 15px; }
#myCarousel > div.control-box {width: 100%; position: relative;}
#myCarousel > div.control-box > a { width: 24px !important; height: 34px; background: #bd0f34 !important; display: block; z-index: 10; text-align: center; margin: 5.2% 0 5px 0; color: #fff; line-height: 32px; position: absolute; font-size: 21px;}
#myCarousel > div.control-box > a:hover {background: #BF022A !important;}
#myCarousel > div.control-box > a.arrow-right {right: -25px;}
#myCarousel > div.control-box > a.arrow-left {left:-25px;}

.twiiterPod iframe {width: 100% !important; margin: 0 auto !important; float: none !important; display: block !important;}

/* DEBATE */
.debate {display:block; margin: 0 auto 25px auto; width: 100%; float: left; position: relative; background:#012b46; overflow:hidden;}
.debate img {display: block !important; float: none; max-width: 100%; height: auto; margin: 0 auto; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:  alpha(opacity=100); opacity: 1; -webkit-transition: all 400ms; -moz-transition: all 400ms; -ms-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms;}
.debate:hover img {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); opacity: 0.80; -webkit-transition: all 400ms; -moz-transition: all 400ms; -ms-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms;}
.debate .debate-title {display: block; margin: 0; width: 42%; position: absolute; right: 5%; bottom: 15%; text-align: left; z-index: 10;}
.debate .debate-title h4 strong {font-size: 46px; line-height: 44px; font-weight: 700; display: block; color: #fff; margin-bottom: 10px; font-family: 'Sarala',sans-serif;}
.debate .debate-title h4 small {display: block; text-transform: uppercase; color: #fff; font-size: 20px; line-height: 20px; font-family: 'Titillium Web',sans-serif; font-weight: 500; margin-bottom: 3px; clear: both;}
.debate .debate-title strong,
.debate .debate-title h4 small {-webkit-transition: all 400ms; -moz-transition: all 400ms; -ms-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms;}
.debate:hover .debate-title strong,
.debate:hover .debate-title h4 small {color: #eee; -webkit-transition: all 400ms; -moz-transition: all 400ms; -ms-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms;}

.debate-list {display: block; float: left; width: 100%; margin-top: 20px; margin-bottom: 20px;}
.debate-list li {display: block; float: left; width: 100%; list-style-type: none;}
.debate-list li a {display: block; float: left; width: 100%; padding: 10px; border-bottom: solid 1px #ccc; -webkit-transition: all 400ms; -moz-transition: all 400ms; -ms-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms;}
.debate-list li a:nth-child(even) {background: #fff;}
.debate-list li a:nth-child(odd) {background: #eee;}
.debate-list li a i {display: block; float: left; margin-right: 10px; color: #A2A2A2;}
.debate-list li a p {display: block; font-size: 14px; line-height: 16px; font-weight: normal; /*float: left;*/ color: #A2A2A2; font-family: 'Open Sans',Verdana,sans-serif !important; margin: 5px 0 0 0; width: 93%;}
.debate-list li a p strong {font-size: 14px; font-weight: 600; text-transform: uppercase; color: #A2A2A2; font-family: 'Open Sans',Verdana,sans-serif !important; margin-bottom: 2px; display: block;}
.debate-list li a:hover {background: #bd0f34; border-bottom: solid 1px #bd0f34; -webkit-transition: all 400ms; -moz-transition: all 400ms; -ms-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms;}
.debate-list li a:hover i,
.debate-list li a:hover p,
.debate-list li a:hover p strong {color: #fff !important;}


@media (max-width: 767px) {
    #myCarousel > div.control-box { text-align: center;} 
}
@media (max-width: 479px) {
    #myCarousel > div.carousel-inner > div.item > ul > li > a:hover > div.caption { word-break: break-all; }
}


/*-----------------------------------*/
/************ RESPONSIVE *************/
/*-----------------------------------*/
@media(max-width:1700px){
	
	#destacadas .controls a {padding: 10px;}
	#destacadas .controls a.arrow-left {left: 15px;}
	#destacadas .controls a.arrow-right {right: 15px;}
} 

@media(max-width:1450px){
	
	/* HEADER */
	#temasDelDia #note3 article div div a.img-temas {height: 143px;}
	
	#block-system-main-menu > div.content > ul > li > div > article.noti-menu > a > picture { width: 100% !important; padding: 0 !important; margin: 0 !important; height: 100% !important;}
	#block-system-main-menu > div.content > ul > li > div > article.noti-menu > a:hover > picture {padding: 0 !important;}
	
	#block-system-main-menu > div.content > ul > li.first.collapsed a, 
	#block-system-main-menu > div.content > ul > li.expanded a, 
	#block-system-main-menu > div.content > ul > li.active-trail a,
	#block-system-main-menu > div.content > ul > li.leaf a,
	#block-system-main-menu > div.content > ul > li.first.collapsed a.active, 
	#block-system-main-menu > div.content > ul > li.expanded a.active, 
	#block-system-main-menu > div.content > ul > li.active-trail a.active-trail.active {padding: 5px 15px !important;}
	#block-system-main-menu > div.content > ul > li a:hover,
	#block-system-main-menu > div.content > ul > li.collapsed a:hover,
	#block-system-main-menu > div.content > ul > li.expanded a:hover,
	#block-system-main-menu > div.content > ul > li.active-trail a:hover {padding: 5px 15px !important;}
	#block-system-main-menu > div.content > ul > li.active-trail a, 
	#block-system-main-menu > div.content > ul > li.expanded.active-trail > a, 
	#block-system-main-menu > div.content > ul > li.first.collapsed a.active, 
	#block-system-main-menu > div.content > ul > li.expanded a.active, 
	#block-system-main-menu > div.content > ul > li.active-trail a.active-trail.active {padding: 5px 15px !important;}
	
	/* FOOTER */
	footer .copy .qkstudio span {padding-left: 17px;}
	
}

@media(max-width:1300px){
	
	/* HEADER */
	#block-system-main-menu > div.content > ul > li > div > article.noti-menu > a > picture {padding: 0 !important;}
	#block-system-main-menu > div.content > ul > li.first.collapsed a, 
	#block-system-main-menu > div.content > ul > li.expanded a, 
	#block-system-main-menu > div.content > ul > li.active-trail a,
	#block-system-main-menu > div.content > ul > li.leaf a,
	#block-system-main-menu > div.content > ul > li.first.collapsed a.active, 
	#block-system-main-menu > div.content > ul > li.expanded a.active, 
	#block-system-main-menu > div.content > ul > li.active-trail a.active-trail.active {padding: 7px 13px !important; font-size: 14px !important;}
	#block-system-main-menu > div.content > ul > li a:hover,
	#block-system-main-menu > div.content > ul > li.collapsed a:hover,
	#block-system-main-menu > div.content > ul > li.expanded a:hover,
	#block-system-main-menu > div.content > ul > li.active-trail a:hover {padding: 7px 13px !important; font-size: 14px !important;}
	#block-system-main-menu > div.content > ul > li.active-trail a, 
	#block-system-main-menu > div.content > ul > li.expanded.active-trail > a, 
	#block-system-main-menu > div.content > ul > li.first.collapsed a.active, 
	#block-system-main-menu > div.content > ul > li.expanded a.active, 
	#block-system-main-menu > div.content > ul > li.active-trail a.active-trail.active {padding: 7px 13px !important;}
}

@media(max-width:1250px){
	
	/* HOME */
	#temasDelDia #note3 article div div a.img-temas {height: 130px;}
	
	#actualidad > article.col-xs-6 {width: 100%; display: block; float: left;}
	#actualidad article a {display: block; float: left; width: 24.5%; padding: 10px;}
	#actualidad > article > a:nth-child(5) {display: none;}
	
}

@media(max-width:1150px){
	
	/* HEADER */
	#block-system-main-menu > div.content > ul > li > div > article.noti-menu > a > picture {padding: 0 !important;}
	#block-system-main-menu > div.content > ul > li.first.collapsed a, 
	#block-system-main-menu > div.content > ul > li.expanded a, 
	#block-system-main-menu > div.content > ul > li.active-trail a,
	#block-system-main-menu > div.content > ul > li.leaf a,
	#block-system-main-menu > div.content > ul > li.first.collapsed a.active, 
	#block-system-main-menu > div.content > ul > li.expanded a.active, 
	#block-system-main-menu > div.content > ul > li.active-trail a.active-trail.active {padding: 7px 8px !important; font-size: 14px !important;}
	#block-system-main-menu > div.content > ul > li a:hover,
	#block-system-main-menu > div.content > ul > li.collapsed a:hover,
	#block-system-main-menu > div.content > ul > li.expanded a:hover,
	#block-system-main-menu > div.content > ul > li.active-trail a:hover {padding: 7px 8px !important; font-size: 10px !important;}
	#block-system-main-menu > div.content > ul > li.active-trail a, 
	#block-system-main-menu > div.content > ul > li.expanded.active-trail > a, 
	#block-system-main-menu > div.content > ul > li.first.collapsed a.active, 
	#block-system-main-menu > div.content > ul > li.expanded a.active, 
	#block-system-main-menu > div.content > ul > li.active-trail a.active-trail.active {padding: 7px 8px !important;}
	
	/* HOME */
	#temasDelDia #note3 article div div a.img-temas {height: 110px;}
	
}

@media(max-width:1024px){
	
	/* GENERALES */
	section {width: 100% !important;}
	
	/* HEADER */
	header a.registerBtn,
	header a.registerBtn2,
	header a.newsBtn {padding: 0 15px !important;}
	
	.navbar-default .navbar-collapse {padding: 0}
	
	#block-system-main-menu > div.content > ul > li > div > article.noti-menu > a > picture {padding: 0 !important;}
	#block-system-main-menu > div.content > ul > li.first.collapsed a, 
	#block-system-main-menu > div.content > ul > li.expanded a, 
	#block-system-main-menu > div.content > ul > li.active-trail a,
	#block-system-main-menu > div.content > ul > li.leaf a,
	#block-system-main-menu > div.content > ul > li.first.collapsed a.active, 
	#block-system-main-menu > div.content > ul > li.expanded a.active, 
	#block-system-main-menu > div.content > ul > li.active-trail a.active-trail.active {padding: 7px 8px !important; font-size: 13px !important;}
	#block-system-main-menu > div.content > ul > li a:hover,
	#block-system-main-menu > div.content > ul > li.collapsed a:hover,
	#block-system-main-menu > div.content > ul > li.expanded a:hover,
	#block-system-main-menu > div.content > ul > li.active-trail a:hover {padding: 7px 8px !important; font-size: 13px !important;}
	#block-system-main-menu > div.content > ul > li.active-trail a, 
	#block-system-main-menu > div.content > ul > li.expanded.active-trail > a, 
	#block-system-main-menu > div.content > ul > li.first.collapsed a.active, 
	#block-system-main-menu > div.content > ul > li.expanded a.active, 
	#block-system-main-menu > div.content > ul > li.active-trail a.active-trail.active {padding: 7px 8px !important;}
	
	#block-system-main-menu > div.content > ul > li.expanded:hover div {padding: 20px 0 30px 0;}
	
	#user-login-form > div > div.item-list {margin: 30px 0 0 0;}
	
	#search-block-form > div > div > div.form-actions > #edit-submit--2, 
	#search-block-form > div > div > div.form-actions > #edit-submit--3 {font-size: 18px;}
	#search-block-form > div > div > div.form-item.form-item.form-type-textfield label, 
	#search-block-form > div > div > div.form-item.form-item.form-type-select label {font-size: 18px;}
	#search-block-form > div > div > div.form-item.form-item.form-type-textfield label, 
	#search-block-form > div > div > div.form-item.form-item.form-type-select label {font-size: 18px;}
	
	/* HOME */
	#temasDelDia #note3 article div div a.img-temas {height: 105px;}
	#temasDelDia article h3 a {font-size: 20px;}
	
	#destacadas div #carousel-destacados > div.carousel-inner > div.item.active > div > ul > li > a > div > h3 {overflow: hidden; height: auto; margin-bottom:15px;}
	#destacadas2Col h3 a {font-size: 48px; line-height: 52px;}
	#destacadas h3 a {font-size: 32px; line-height: 33px;}
	#destacadas4 > div > figure > div.row.dest4-info > div {width: 65%;}
	
	#externalNews ul.nav {margin: 0;padding: 0; width: 34.9%;}
	#externalNews article figure figcaption {bottom: 52px;}
	#externalNews > div:nth-child(1) > div:nth-child(2) > div {margin-left: 0;}
	
	#juntosBien {padding-left: inherit;}
	#juntosBien .tab-content {right: -15px;}
	#juntosBien ul.nav li.active:after {border-bottom: 45px solid transparent; border-top: 45px solid transparent;}
	#juntosBien .tab-content .tab-pane article a picture img {display: block; max-width: inherit; height: auto; width: 100%;}
	
	#ying-yang ul.nav {margin-left: 0;}
	#ying-yang ul.nav li.active:after {border-bottom: 45px solid transparent; border-top: 45px solid transparent;}
	#ying-yang .tab-content .tab-pane article a picture img {display: block; max-width: inherit; height: auto; width: 100%;}
	
	#confidencial h3 a {height: 110px; overflow: hidden;}
	
	#note4 h3 a {font-size: 20px;}
	#note4 p {font-size: 14px; line-height: 20px;}
	
	#externalNews ul.nav li {height: 5.95em !important;}
	
	#actualidad > article.col-xs-6 {width: 100%; display: block; float: left;}
	#actualidad article a {display: block; float: left; width: 24.5%; padding: 10px;}
	#actualidad > article > a:nth-child(5) {display: none;}
	
	#u24mundo > article {padding:0 15px !important;}
	
	#foco > div.row > article > figure {height: 132px;}
	
	#u24mundo > article {border: 0;}
	
	#menuSeciones {padding: 40px 0 0 0;}
	#menuSeciones > div > div > div > div.col-md-3 {height: 229px; width: 16.5%;}
	
	#u24menu div ul .region .block-menu .content .menu li { margin: 0 26px 0 0 !important;padding: 0 !important; float: left; background: none;}
	#u24menu div ul .region .block-menu .content .menu li a {text-transform: none; font-weight: 300 !important;}
	
	/* ARCHIVE */
	.titleSection h2 {font-size: 22px;}
	#masEnCat article h3 {line-height: 20px; padding-right: 0; margin-bottom: 10px;}
	
	#archiveContent #secondColumn article a:first-child {overflow: hidden;}
	
	#contentCol > div > ul.pager {margin-left: 15px; margin-right: 15px;}
	#contentCol > div > ul > li.pager-current.first, 
	#contentCol > div > ul > li {float: left !important; width: inherit !important;}
	#block-system-main > div > div.item-list > ul > li > a, 
	#mainColumn > div > ul > li a, 
	#contentCol > div > ul > li a, 
	#block-system-main > div > div.item-list > ul > li > span, 
	#mainColumn > div > ul > li span, 
	#contentCol > div > ul > li span {padding: 6px 8px !important; float: left; width: inherit;}
	#block-system-main > div > div.item-list > ul > li.pager-current.first, 
	#mainColumn > div > ul > li.pager-current.first, 
	#contentCol > div > ul > li.pager-current.first, 	
	#block-system-main > div > div.item-list > ul > li.pager-current, 
	#mainColumn > div > ul > li.pager-current, 
	#contentCol > div > ul > li.pager-current, 
	#block-system-main > div > div.item-list > ul > li.pager-current.first, 
	#block-system-main > div > div.item-list > ul > li.pager-current,
	#mainColumn > div > ul > li.pager-current.first, 
	#mainColumn > div > ul > li.pager-current,
	#contentCol > div > ul > li.pager-current.first, 
	#contentCol > div > ul > li.pager-current {padding: 7px 8px !important; float: left; width: inherit;}
	#block-system-main > div > div.item-list > ul > li > a:hover, 
	#block-system-main > div > div.item-list > ul > li > span:hover,
	#mainColumn > div > ul > li a:hover, 
	#mainColumn > div > ul > li span, 
	#contentCol > div > ul > li a:hover, 
	#contentCol > div > ul > li span {padding: 6px 8px !important; float: left; width: inherit;}
	
	.debate .debate-title h4 strong {font-size: 38px; line-height: 36px;}
	.debate .debate-title h4 small {font-size: 18px; line-height: 18px;}
	
}

@media(max-width:1010px){
	
	/* HEADER */
	#block-system-main-menu > div.content > ul > li > div > article.noti-menu > a > picture {padding: 0 !important;}
	#contentCol > div > ul.pager {margin-left: 15px; margin-right: 15px;}
	#contentCol > div > ul > li.pager-current.first, 
	#contentCol > div > ul > li {float: left !important; width: inherit !important;}
	#block-system-main > div > div.item-list > ul > li > a, 
	#mainColumn > div > ul > li a, 
	#contentCol > div > ul > li a, 
	#block-system-main > div > div.item-list > ul > li > span, 
	#mainColumn > div > ul > li span, 
	#contentCol > div > ul > li span {padding: 6px 8px !important; float: left; width: inherit;}
	#block-system-main > div > div.item-list > ul > li.pager-current.first, 
	#mainColumn > div > ul > li.pager-current.first, 
	#contentCol > div > ul > li.pager-current.first, 	
	#block-system-main > div > div.item-list > ul > li.pager-current, 
	#mainColumn > div > ul > li.pager-current, 
	#contentCol > div > ul > li.pager-current, 
	#block-system-main > div > div.item-list > ul > li.pager-current.first, 
	#block-system-main > div > div.item-list > ul > li.pager-current,
	#mainColumn > div > ul > li.pager-current.first, 
	#mainColumn > div > ul > li.pager-current,
	#contentCol > div > ul > li.pager-current.first, 
	#contentCol > div > ul > li.pager-current {padding: 7px 8px !important; float: left; width: inherit;}
	#block-system-main > div > div.item-list > ul > li > a:hover, 
	#block-system-main > div > div.item-list > ul > li > span:hover,
	#mainColumn > div > ul > li a:hover, 
	#mainColumn > div > ul > li span, 
	#contentCol > div > ul > li a:hover, 
	#contentCol > div > ul > li span {padding: 6px 8px !important; float: left; width: inherit;}
	
	header a.newsBtn i, 
	header a.registerBtn i,
	header a.registerBtn2 i {float: left;line-height: 40px;}
	
	#user-login-form > div > div.item-list {margin: 30px 0 0 0;}
	
	/* HOME */
	#destacadas4 > div > figure > div.row.dest4-info > div {width: 65%;}

}

@media(max-width:900px){
	
	/* HEADER */
	#block-system-main-menu > div.content > ul > li.first.collapsed a, 
	#block-system-main-menu > div.content > ul > li.expanded a, 
	#block-system-main-menu > div.content > ul > li.active-trail a,
	#block-system-main-menu > div.content > ul > li.leaf a,
	#block-system-main-menu > div.content > ul > li.first.collapsed a.active, 
	#block-system-main-menu > div.content > ul > li.expanded a.active, 
	#block-system-main-menu > div.content > ul > li.active-trail a.active-trail.active {padding: 7px 5px !important; font-size: 11px !important;}
	#block-system-main-menu > div.content > ul > li a:hover,
	#block-system-main-menu > div.content > ul > li.collapsed a:hover,
	#block-system-main-menu > div.content > ul > li.expanded a:hover,
	#block-system-main-menu > div.content > ul > li.active-trail a:hover {padding: 7px 5px !important; font-size: 11px !important;}
	#block-system-main-menu > div.content > ul > li.active-trail a, 
	#block-system-main-menu > div.content > ul > li.expanded.active-trail > a, 
	#block-system-main-menu > div.content > ul > li.first.collapsed a.active, 
	#block-system-main-menu > div.content > ul > li.expanded a.active, 
	#block-system-main-menu > div.content > ul > li.active-trail a.active-trail.active {padding: 7px 5px !important;}
	
	header a.newsBtn i, 
	header a.registerBtn i,
	header a.registerBtn2 i {float: left;line-height: 40px;}
	
	#user-login-form > div > div.item-list {margin: 30px 0 0 0;}
	
	/* HOME */
	#temasDelDia #note3 article div div a.img-temas {height: 220px; margin-bottom: 15px;}
	
	#claves > div.row > article > div > a > picture {margin-top:15px; margin-bottom:10px;}

}


@media (min-width: 768px) {
	
	/* HEADER */
	.navbar-collapse.collapse {margin: 0; padding: 0;}
	
	header a.newsBtn i, 
	header a.registerBtn i,
	header a.registerBtn2 i {float: left;line-height: 40px;}
	
	#user-login-form > div > div.item-list {margin: 0;}

}

@media(max-width:768px){
	
	/* HEADER */
	.navbar-default .navbar-collapse {padding: 0}
	
	#mainMenu .navbar .navbar-collapse ul {margin: 0;}
	#mainMenu .navbar .navbar-collapse {overflow:hidden;}
	#mainMenu .navbar .navbar-collapse ul.nav .region-main-menu div #block-system-main-menu .content .menu li {width: 100%;}
	#mainMenu .navbar .navbar-collapse ul.nav .region-main-menu div #block-system-main-menu .content .menu li a {width: 100% !important; display: block; float:left; padding: 5px 20px !important;font-size: 15px !important; border-top: solid 3px #eee !important;}
	#mainMenu .navbar .navbar-collapse ul.nav .region-main-menu div #block-system-main-menu .content .menu li.first.collapsed a, 
	#mainMenu .navbar .navbar-collapse ul.nav .region-main-menu div #block-system-main-menu .content .menu li.expanded a, 
	#mainMenu .navbar .navbar-collapse ul.nav .region-main-menu div #block-system-main-menu .content .menu li.active-trail a, 
	#mainMenu .navbar .navbar-collapse ul.nav .region-main-menu div #block-system-main-menu .content .menu li.leaf a, 
	#mainMenu .navbar .navbar-collapse ul.nav .region-main-menu div #block-system-main-menu .content .menu li.first.collapsed a.active, 
	#mainMenu .navbar .navbar-collapse ul.nav .region-main-menu div #block-system-main-menu .content .menu li.expanded a.active, 
	#mainMenu .navbar .navbar-collapse ul.nav .region-main-menu div #block-system-main-menu .content .menu li.active-trail a.active-trail.active {padding: 5px 20px !important;font-size: 15px !important;}
	#mainMenu .navbar .navbar-collapse ul.nav .region-main-menu div #block-system-main-menu .content .menu li.first.collapsed a:hover, 
	#mainMenu .navbar .navbar-collapse ul.nav .region-main-menu div #block-system-main-menu .content .menu li.expanded a:hover, 
	#mainMenu .navbar .navbar-collapse ul.nav .region-main-menu div #block-system-main-menu .content .menu li.active-trail a:hover, 
	#mainMenu .navbar .navbar-collapse ul.nav .region-main-menu div #block-system-main-menu .content .menu li.leaf a:hover, 
	#mainMenu .navbar .navbar-collapse ul.nav .region-main-menu div #block-system-main-menu .content .menu li.first.collapsed a.active, 
	#mainMenu .navbar .navbar-collapse ul.nav .region-main-menu div #block-system-main-menu .content .menu li.expanded a.active, 
	#mainMenu .navbar .navbar-collapse ul.nav .region-main-menu div #block-system-main-menu .content .menu li.active-trail a.active-trail.active{border-top:solid 3px #014671 !important; padding: 5px 20px !important;font-size: 15px !important;}
	#mainMenu .navbar .navbar-collapse ul.nav .region-main-menu div #block-system-main-menu .content .menu li.expanded.active-trail ul,
	#mainMenu .navbar .navbar-collapse ul.nav .region-main-menu div #block-system-main-menu .content .menu li.expanded ul,
	#mainMenu .navbar .navbar-collapse ul.nav .region-main-menu div #block-system-main-menu .content .menu li.expanded.active-trail:hover ul,
	#mainMenu .navbar .navbar-collapse ul.nav .region-main-menu div #block-system-main-menu .content .menu li.expanded:hover ul,
	
	#block-system-main-menu > div.content > ul > li.expanded.active-trail div,
	#block-system-main-menu > div.content > ul > li.expanded div,
	#block-system-main-menu > div.content > ul > li.expanded:hover div,
	#block-system-main-menu > div.content > ul > li.expanded.active-trail:hover div {display: none;}
	
	#block-system-main-menu > div.content > ul > li.first.collapsed a, 
	#block-system-main-menu > div.content > ul > li.expanded a, 
	#block-system-main-menu > div.content > ul > li.active-trail a,
	#block-system-main-menu > div.content > ul > li.leaf a,
	#block-system-main-menu > div.content > ul > li.first.collapsed a.active, 
	#block-system-main-menu > div.content > ul > li.expanded a.active, 
	#block-system-main-menu > div.content > ul > li.active-trail a.active-trail.active {padding: 7px 4px !important; font-size: 11px !important;}
	#block-system-main-menu > div.content > ul > li a:hover,
	#block-system-main-menu > div.content > ul > li.collapsed a:hover,
	#block-system-main-menu > div.content > ul > li.expanded a:hover,
	#block-system-main-menu > div.content > ul > li.active-trail a:hover {padding: 7px 4px !important; font-size: 11px !important;}
	#block-system-main-menu > div.content > ul > li.active-trail a, 
	#block-system-main-menu > div.content > ul > li.expanded.active-trail > a, 
	#block-system-main-menu > div.content > ul > li.first.collapsed a.active, 
	#block-system-main-menu > div.content > ul > li.expanded a.active, 
	#block-system-main-menu > div.content > ul > li.active-trail a.active-trail.active {padding: 7px 4px !important;}
	
	#block-system-main-menu > div.content > ul > li.expanded.active-trail ul li a, 
	#block-system-main-menu > div.content > ul > li.expanded ul li a,
	#block-system-main-menu > div.content > ul > li.expanded.active-trail ul li a:hover, 
	#block-system-main-menu > div.content > ul > li.expanded ul li a:hover {padding: 2px 5px !important;}
	#block-system-main-menu > div.content > ul > li > div > .col-lg-2, 
	#block-system-main-menu > div.content > ul > li > div > .col-md-2 {width: 33.3%;display: block !important;float: left !important;}
	#block-system-main-menu > div.content > ul > li.expanded:hover div span {padding: 0 18px; font-size: 24px;}
	#block-system-main-menu > div.content > ul > li > div > article.noti-menu:nth-child(5),
	#block-system-main-menu > div.content > ul > li > div > article.noti-menu:nth-child(6) {display: none !important;}
	
	.submenu-custom {margin-top: -12px; font-size: 11px;}
	.submenu-custom > li a, 
	.submenu-custom > a {padding: 8px 6px;}
	
	#topSection .logo {margin-top: 5px;}
	#topSection .locat {line-height: 15px; margin-top: 2px; font-size: 14px;}
	#clima > span.today {font-size: 29px; margin: 0 3px;}
	#clima > span.region {font-size: 14px; line-height: 14px; text-align: right; float:none;}
	.date > p {font-size: 14px; line-height: 16px;}
	
	header a.registerBtn,
	header a.registerBtn2,
	header a.newsBtn {padding: 0 20px !important;}
	header a.newsBtn i, 
	header a.registerBtn i,
	header a.registerBtn2 i {float: left;line-height: 40px;}
	
	#user-login-form > div > div.item-list {margin: 0;}
	
	#search-block-form > div > div > div.form-item.form-item.form-type-textfield {width: 45%;}
	#search-block-form > div > div > div.form-item.form-item.form-type-textfield .custom-search-box.form-text {width: 90%; margin: 1% 0 0 0;}
	#search-block-form > div > div > div.form-item.form-item.form-type-select {width: 35%;}
	#search-block-form > div > div > div.form-item.form-item.form-type-select select#edit-custom-search-vocabulary-2 {margin: 1% 0 0 0; width: 90%;}
	#search-block-form > div > div > div.form-actions {width: 20%;}
	#search-block-form > div > div > div.form-actions > #edit-submit--2, 
	#search-block-form > div > div > div.form-actions > #edit-submit--3 {margin: 27.5% 0 0 0 !important; width: 100%;}
	
	/* HOME */
	#temasDelDia article:last-child {padding-bottom: 0;}
	#temasDelDia {margin-bottom: 0;}
	#temasDelDia #note3 article div div a.img-temas {height: 205px; margin-bottom: 15px;}
	#temasDelDia article h3 a {font-size: 20px;text-align: center;}
	#temasDelDia article p {margin-top: 10px; text-align: center;}
	
	#destacadas {padding-top: 10px;}
	#destacadas .controls {top: 19% !important;}
	#carousel-destacados > div.carousel-inner > div.item.active > div > ul > li > a > div > h3 {height: inherit; padding: 0; margin: 0 0 0 -15px;}
	#destacadas .carousel-indicators {right: 0; bottom: -10px; z-index: 9999;}
	#destacadas div #carousel-destacados > div.carousel-inner > div.item > div > ul > li > a > div {padding: 0 15px;}
	
	#destacadas2Col > div > article > div {padding: 0;}
	
	#destacadas4 div figure {height: auto;}
	#destacadas4 div figure .dest4-info {position: relative;}
	#destacadas4 > div > figure > .dest4-info > div.col-sm-8 {width: 100%  !important;}
	#destacadas4 div figure .dest4-info h6 {margin-left: 0; margin-top: 20px;}
	#destacadas4 div figure .dest4-info h3 a {font-size: 36px; line-height: 34px;  margin-left: 0;}
	#destacadas4 div figure .dest4-info p {margin-left: 0;}
	#destacadas4 > div > figure > div.row.dest4-info > div > ul {margin-left: 0;}
	#destacadas4 > div > figure > div.row.dest4-info > div > ul.relacionados li {padding-left: 0;}
	#destacadas4 > div > figure > div.row.dest4-info > div > ul > li > a > figure {height: 200px;}
	#destacadas4 > div > figure > div.row.dest4-info > div > ul > li > a > div > h3 {margin-bottom: 15px;}
	.dest4-mask {display: none;}
	
	#sabado div h2 {font-size: 42px;}
	
	.relacionados li a {margin: 0 0 6px 0;}
	.relacionados li a > div > h3 {margin: 0 -15px;}
	
	#claves > div.row > article > div > a > picture {margin-top:15px;}
	
	#ahora article {min-height: 360px;}
	
	.sectionBlock h3 a {font-size: 23px; line-height: 26px;}
	.sectionBlock figure {height: 350px;}
	.sectionBlock #centerCol figcaption h3 {font-size: 30px; line-height: 34px;}
	.sectionBlock #leftCol article { width: 48.5%; float:left; border:0;}
	.sectionBlock #leftCol article:first-child {padding-bottom: 0; margin-bottom: 0; border-bottom: 0; margin-right: 3%;}
	.sectionBlock #rightCol { margin-top: 0 !important;}
	.sectionBlock #rightCol article:first-child {padding-top: 15px; margin-top: 15px; border-top: solid 1px #ccc;}
	#ocio #leftCol {margin-bottom: 30px;}
	
	.sectionBlock #leftCol figure h6, 
	.sectionBlock #leftCol h6 {bottom: 15px;}
	
	#note4 > div > div {margin-bottom: 20px;}
	#note4 {margin: 30px 0 0 0;}
	#note4 > div > div > ul > li > a > div > h3 {margin-top: 10px;}
	
	#deportes div div div #leftCol > article > div > div > a > picture, 
	#ocio div div div #leftCol > article > div > div > a > picture, 
	#medios div div div #leftCol > article > div > div > a > picture, 
	#omni div div div #leftCol > article > div > div > a > picture {margin-bottom:15px;}
	#deportes div div div #leftCol > article > div > div > a > picture img, 
	#ocio div div div #leftCol > article > div > div > a > picture img,
	#medios div div div #leftCol > article > div > div > a > picture img,
	#omni div div div #leftCol > article > div > div > a > picture img{height: auto; width: 100% !important; max-width: inherit; margin-left: 0;}
	#centerCol > a > figure > img {width: 100%;}
	
	.relacionados li a figure img {width: 100%;height: auto; margin-left: 0;}
	
	#actualidad article a {width: 50%;}
	
	#areax > ul > li > a > div.mas-infox {margin-right: 32px;}
	#areax > article > div > h3 {display: block;float: left;}
	
	.epi {font-size: 16px;}
	.titleSection ul.nav li a {font-size: 13px; padding: 11px 8px;}
	
	#ocio {margin-bottom: 0;}
	
	#externalNews ul.nav li {height: 5.4em !important;}
	#externalNews ul.nav li a {font-size: 13px !important; line-height: 16px !important;}
	#juntosBien ul.nav li.active:after,
	#ying-yang ul.nav li.active:after {border-bottom: 38px solid transparent; border-top: 38px solid transparent;}
	
	#juntosBien .tab-content,
	#ying-yang .tab-content {top: 52px;}

	#u24menu div ul .region .block-menu .content .menu li {margin: 0 10px 0 0 !important;}
	#u24menu div ul .region .block-menu .content .menu li a {font-size: 11px; padding:10px 0;}
	
	#foco > div.row > article > figure {height: 190px;}
	
	#opinion article a h3 {padding: 0 20px; margin: 0;}
	#opinion article a h5 {padding: 0 20px 0 20px; margin: 15px 0 0 0;}
	
	/* ARCHIVE */
	#myCarousel2 > div.control-box > a.arrow-left,
	#myCarousel3 > div.control-box > a.arrow-left {left: -24px !important;}
	#myCarousel2 > div.control-box > a.arrow-right,
	#myCarousel3 > div.control-box > a.arrow-right {right: -23px !important;}
	#myCarousel2 > div.control-box > a,
	#myCarousel3 > div.control-box > a {margin: 12% 0 5px 0 !important;}

	#myCarousel > div.carousel-inner > div.item > ul > li > a > div.thumbnail img {height: auto; width: 100%; max-width: inherit;}
	#myCarousel > div.carousel-inner > div.item > ul > li > a > div.caption {height: 76px;overflow: hidden;}
	#myCarousel > div.carousel-inner > div.item > ul > li > a > div.caption > h4 {font-size: 13px;line-height: 15px;}
	
	#archiveContent #mainColumn {padding: 0;}
	#archiveContent #mainColumn article h3 a, 
	#contentCol > article > li h3 a {margin-bottom: 15px;}
	#block-system-main > div > article > div {margin: 15px 0 0 0; padding: 0;}
	
	#contentCol > div > ul.pager {margin-left: 15px; margin-right: 15px;}
	#contentCol > div > ul > li.pager-current.first, 
	#contentCol > div > ul > li {float: left !important; width: inherit !important;}
	#block-system-main > div > div.item-list > ul > li > a, 
	#mainColumn > div > ul > li a, 
	#contentCol > div > ul > li a, 
	#block-system-main > div > div.item-list > ul > li > span, 
	#mainColumn > div > ul > li span, 
	#contentCol > div > ul > li span {padding: 6px 8px !important; float: left; width: inherit;}
	#block-system-main > div > div.item-list > ul > li.pager-current.first, 
	#mainColumn > div > ul > li.pager-current.first, 
	#contentCol > div > ul > li.pager-current.first, 	
	#block-system-main > div > div.item-list > ul > li.pager-current, 
	#mainColumn > div > ul > li.pager-current, 
	#contentCol > div > ul > li.pager-current, 
	#block-system-main > div > div.item-list > ul > li.pager-current.first, 
	#block-system-main > div > div.item-list > ul > li.pager-current,
	#mainColumn > div > ul > li.pager-current.first, 
	#mainColumn > div > ul > li.pager-current,
	#contentCol > div > ul > li.pager-current.first, 
	#contentCol > div > ul > li.pager-current {padding: 7px 8px !important; float: left; width: inherit;}
	#block-system-main > div > div.item-list > ul > li > a:hover, 
	#block-system-main > div > div.item-list > ul > li > span:hover,
	#mainColumn > div > ul > li a:hover, 
	#mainColumn > div > ul > li span, 
	#contentCol > div > ul > li a:hover, 
	#contentCol > div > ul > li span {padding: 6px 8px !important; float: left; width: inherit;}
	
	#ahoraBlock > div > article {height: 320px; overflow: hidden;}
	#ahoraBlock article h3 a {overflow: hidden;}
	
	#masLedias { margin-bottom: 20px !important;}
	
	/* SINGLE */
	#contentCol figure {float: left; display: block;}

	#singleContent .row .region .block .content .col-md-3.no-print,
	#singleContent .row .region .block .content .col-md-9.print-subpage {clear: both;}
	.tags {margin-bottom: 30px; float: left; width: 100%; padding: 0;}
	.sticky {width: 100%;loat: left;}
	.share {display: block; float: left; width: 100%; margin: 0 0 20px 0 !important; z-index:99;}
	.addtoany_list {float: left;}	
	.addtoany_list.a2a_kit_size_32 > a {float: left;}
	.share .sendMail {margin: 4px 0 0 10px;}
	.share .sendMail .sbt {display: none;}
	.share .sendMail.sm3 {margin-top: 4px;}
	
	/* PUBLICIDADES */
	#wrapper > div.container > div.row > div > div.publi.hidden-xs,
	#wrapper > div.container > section > div > div.publi5.hidden-xs,
	#claves > div.publi3.hidden-xs,
	#sidebar > div.publi.hidden-xs,
	#destacadas3 > div > article > div.publi5.hidden-lg.hidden-md {display: none;}
	
	.debate .debate-title h4 strong {font-size: 27px; line-height: 25px;}
	.debate .debate-title h4 small {font-size: 16px;line-height: 16px;}
	
	/* CONTENT */
	#contentCol {padding-left: 0;  padding-right: 0;}
	
}

@media(max-width:700px){
	
	/* HEADER */
	#mainMenu .navbar .navbar-collapse ul {margin: 0;}
	#mainMenu .navbar .navbar-collapse {overflow:hidden;}
	#mainMenu .navbar .navbar-collapse ul.nav .region-main-menu div #block-system-main-menu .content .menu li {width: 100%;}
	#mainMenu .navbar .navbar-collapse ul.nav .region-main-menu div #block-system-main-menu .content .menu li a {width: 100% !important; display: block; float:left; padding: 5px 20px !important;font-size: 15px !important; border-top: solid 3px #eee !important;}
	#mainMenu .navbar .navbar-collapse ul.nav .region-main-menu div #block-system-main-menu .content .menu li.first.collapsed a, 
	#mainMenu .navbar .navbar-collapse ul.nav .region-main-menu div #block-system-main-menu .content .menu li.expanded a, 
	#mainMenu .navbar .navbar-collapse ul.nav .region-main-menu div #block-system-main-menu .content .menu li.active-trail a, 
	#mainMenu .navbar .navbar-collapse ul.nav .region-main-menu div #block-system-main-menu .content .menu li.leaf a, 
	#mainMenu .navbar .navbar-collapse ul.nav .region-main-menu div #block-system-main-menu .content .menu li.first.collapsed a.active, 
	#mainMenu .navbar .navbar-collapse ul.nav .region-main-menu div #block-system-main-menu .content .menu li.expanded a.active, 
	#mainMenu .navbar .navbar-collapse ul.nav .region-main-menu div #block-system-main-menu .content .menu li.active-trail a.active-trail.active {padding: 5px 20px !important;font-size: 15px !important;}
	#mainMenu .navbar .navbar-collapse ul.nav .region-main-menu div #block-system-main-menu .content .menu li.first.collapsed a:hover, 
	#mainMenu .navbar .navbar-collapse ul.nav .region-main-menu div #block-system-main-menu .content .menu li.expanded a:hover, 
	#mainMenu .navbar .navbar-collapse ul.nav .region-main-menu div #block-system-main-menu .content .menu li.active-trail a:hover, 
	#mainMenu .navbar .navbar-collapse ul.nav .region-main-menu div #block-system-main-menu .content .menu li.leaf a:hover, 
	#mainMenu .navbar .navbar-collapse ul.nav .region-main-menu div #block-system-main-menu .content .menu li.first.collapsed a.active, 
	#mainMenu .navbar .navbar-collapse ul.nav .region-main-menu div #block-system-main-menu .content .menu li.expanded a.active, 
	#mainMenu .navbar .navbar-collapse ul.nav .region-main-menu div #block-system-main-menu .content .menu li.active-trail a.active-trail.active{border-top:solid 3px #014671 !important; padding: 5px 20px !important;font-size: 15px !important;}
	#mainMenu .navbar .navbar-collapse ul.nav .region-main-menu div #block-system-main-menu .content .menu li.expanded.active-trail ul,
	#mainMenu .navbar .navbar-collapse ul.nav .region-main-menu div #block-system-main-menu .content .menu li.expanded ul,
	#mainMenu .navbar .navbar-collapse ul.nav .region-main-menu div #block-system-main-menu .content .menu li.expanded.active-trail:hover ul,
	#mainMenu .navbar .navbar-collapse ul.nav .region-main-menu div #block-system-main-menu .content .menu li.expanded:hover ul,
	
	#block-system-main-menu > div.content > ul > li.expanded.active-trail div,
	#block-system-main-menu > div.content > ul > li.expanded div,
	#block-system-main-menu > div.content > ul > li.expanded:hover div,
	#block-system-main-menu > div.content > ul > li.expanded.active-trail:hover div {display: none;}
	
	#clima > span:nth-child(3) {float: right; margin-right: 32%;}
	#clima > span:nth-child(3) img {max-width: 100%; height: auto;}
	#clima > span.today {font-size: 37px; margin: 0; line-height: 40px; margin-right: 5px !important;}
	#clima > span.region {font-size: 14px; line-height: 14px; text-align: right; width: 49%; float: left;}
	#topSection .locat {display: none;}
	.date > p {font-size: 14px; line-height: 16px; font-weight: bold; margin-bottom: 5px;}
	
	/* HOME */
	#user-login-form > div > div.item-list {margin: 30px 0 0 0;}
	
	#temasDelDia #note3 article div div a.img-temas {height: 140px; margin-bottom: 0;}
	#temasDelDia article h3 a {font-size: 24px; margin-top: 15px;}
	
	#destacadas2Col > div > article > ul.relacionados > li > a > div > h3 {word-break: break-word; margin-top: 10px;}
	#destacadas4 div figure {height: auto;}
	#destacadas4 > div > figure > .dest4-info > div.col-sm-8,
	#destacadas4 > div > figure > .dest4-info > div.col-xs-12 {width: 100% !important;}
	#destacadas4 div figure .dest4-info {position: relative;}
	#destacadas4 div figure .dest4-info h6 {margin-left: 0; margin-top: 20px;}
	#destacadas4 div figure .dest4-info h3 a {font-size: 36px; line-height: 34px;  margin-left: 0;}
	#destacadas4 div figure .dest4-info p {margin-left: 0;}
	#destacadas4 > div > figure > div.row.dest4-info > div > ul {margin-left: 0;}
	#destacadas4 > div > figure > div.row.dest4-info > div > ul.relacionados li {padding-left: 0;}
	#destacadas4 > div > figure > div.row.dest4-info > div > ul > li > a > figure {height: 200px;}
	#destacadas4 > div > figure > div.row.dest4-info > div > ul > li > a > div > h3 {margin-bottom: 15px;}
	.dest4-mask {display: none;}
	
	#claves > div.row > article > div > a > picture {margin-top:15px;}
	
	/* ARCHIVE */
	#myCarousel2 > div.control-box > a.arrow-left,
	#myCarousel3 > div.control-box > a.arrow-left {left: 0 !important;}
	#myCarousel2 > div.control-box > a.arrow-right,
	#myCarousel3 > div.control-box > a.arrow-right {right: 0 !important;}
	#myCarousel2 > div.control-box > a,
	#myCarousel3 > div.control-box > a {margin: 50% 0 5px 0 !important;}
	
	#masEnCat {margin-top: 15px;}

	#ahoraBlock > div > article {height: 365px;overflow: hidden;}
	#ahoraBlock article h3 a {font-size: 18px; line-height: 22px;}
	
	/* CONTENT */
	#contentCol {padding-left: 0;  padding-right: 0;}
	
	/* FOOTER */
	footer #u24contact > div.text-right > span.socialIcons > div div div, 
	footer #u24contact > div.text-right > span {float: none;}
	
	footer #u24contact {padding: 15px 0;}
	footer #u24contact .u24radio {margin: 0 auto; float: none; display: block; height: auto;}
	footer > div > div.row.copy > div {font-size: 13px; line-height: 15px;}
	footer .copy .qkstudio span {padding-left: 25px;}
}


@media(max-width:640px){
	
	/* HEADER */
	header a.newsBtn i, 
	header a.registerBtn i,
	header a.registerBtn2 i {float: left;line-height: 40px;}
	
	#mainMenu .navbar .navbar-collapse ul {margin: 0;}
	#mainMenu .navbar .navbar-collapse {overflow:hidden;}
	#mainMenu .navbar .navbar-collapse ul.nav .region-main-menu div #block-system-main-menu .content .menu li {width: 100%;}
	#mainMenu .navbar .navbar-collapse ul.nav .region-main-menu div #block-system-main-menu .content .menu li a {width: 100% !important; display: block; float:left; padding: 5px 20px !important;font-size: 15px !important; border-top: solid 3px #eee !important;}
	#mainMenu .navbar .navbar-collapse ul.nav .region-main-menu div #block-system-main-menu .content .menu li.first.collapsed a, 
	#mainMenu .navbar .navbar-collapse ul.nav .region-main-menu div #block-system-main-menu .content .menu li.expanded a, 
	#mainMenu .navbar .navbar-collapse ul.nav .region-main-menu div #block-system-main-menu .content .menu li.active-trail a, 
	#mainMenu .navbar .navbar-collapse ul.nav .region-main-menu div #block-system-main-menu .content .menu li.leaf a, 
	#mainMenu .navbar .navbar-collapse ul.nav .region-main-menu div #block-system-main-menu .content .menu li.first.collapsed a.active, 
	#mainMenu .navbar .navbar-collapse ul.nav .region-main-menu div #block-system-main-menu .content .menu li.expanded a.active, 
	#mainMenu .navbar .navbar-collapse ul.nav .region-main-menu div #block-system-main-menu .content .menu li.active-trail a.active-trail.active {padding: 5px 20px !important;font-size: 15px !important;}
	#mainMenu .navbar .navbar-collapse ul.nav .region-main-menu div #block-system-main-menu .content .menu li.first.collapsed a:hover, 
	#mainMenu .navbar .navbar-collapse ul.nav .region-main-menu div #block-system-main-menu .content .menu li.expanded a:hover, 
	#mainMenu .navbar .navbar-collapse ul.nav .region-main-menu div #block-system-main-menu .content .menu li.active-trail a:hover, 
	#mainMenu .navbar .navbar-collapse ul.nav .region-main-menu div #block-system-main-menu .content .menu li.leaf a:hover, 
	#mainMenu .navbar .navbar-collapse ul.nav .region-main-menu div #block-system-main-menu .content .menu li.first.collapsed a.active, 
	#mainMenu .navbar .navbar-collapse ul.nav .region-main-menu div #block-system-main-menu .content .menu li.expanded a.active, 
	#mainMenu .navbar .navbar-collapse ul.nav .region-main-menu div #block-system-main-menu .content .menu li.active-trail a.active-trail.active{border-top:solid 3px #014671 !important;}
	#mainMenu .navbar .navbar-collapse ul.nav .region-main-menu div #block-system-main-menu .content .menu li.expanded.active-trail ul,
	#mainMenu .navbar .navbar-collapse ul.nav .region-main-menu div #block-system-main-menu .content .menu li.expanded ul,
	#mainMenu .navbar .navbar-collapse ul.nav .region-main-menu div #block-system-main-menu .content .menu li.expanded.active-trail:hover ul,
	#mainMenu .navbar .navbar-collapse ul.nav .region-main-menu div #block-system-main-menu .content .menu li.expanded:hover ul,
	
	#block-system-main-menu > div.content > ul > li.expanded.active-trail div,
	#block-system-main-menu > div.content > ul > li.expanded div,
	#block-system-main-menu > div.content > ul > li.expanded:hover div,
	#block-system-main-menu > div.content > ul > li.expanded.active-trail:hover div {display: none;}
	
	.submenu-custom > li a, .submenu-custom > a {padding: 8px;}
	
	#user-login-form > div > div.item-list {margin: 0;}
	
	#search-block-form > div > div > div.form-item.form-item.form-type-textfield {width: 45%;}
	#search-block-form > div > div > div.form-item.form-item.form-type-textfield .custom-search-box.form-text {width: 90%; margin: 1% 0 0 0;}
	#search-block-form > div > div > div.form-item.form-item.form-type-select {width: 35%;}
	#search-block-form > div > div > div.form-item.form-item.form-type-select select#edit-custom-search-vocabulary-2 {margin: 1% 0 0 0; width: 90%;}
	#search-block-form > div > div > div.form-actions {width: 20%;}
	#search-block-form > div > div > div.form-actions > #edit-submit--2, 
	#search-block-form > div > div > div.form-actions > #edit-submit--3 {margin: 33% 0 0 0 !important; width: 100%;}
	
	#clima > span:nth-child(3) {float: right; margin-right: 30%;}
	#clima > span:nth-child(3) img {max-width: 100%; height: auto;}
	#clima > span.today {font-size: 37px; margin: 0; line-height: 40px; margin-right: 5px !important;}
	#clima > span.region {font-size: 14px; line-height: 14px; text-align: right; width: 49%; float: left;}
	#topSection .locat {display: none;}
	.date > p {font-size: 14px; line-height: 16px; font-weight: bold; margin-bottom: 5px;}
	
	/* HOME */
	#temasDelDia #note3 article div div a.img-temas {height: 125px;}
	#temasDelDia article h3,
	#temasDelDia article p {margin-top: 10px;}
	#temasDelDia article h3 a,
	#temasDelDia article p {text-align: left;}
	
	#destacadas .controls {top: 16% !important;}
	#carousel-destacados > div.carousel-inner > div.item.active > div > ul > li > a > div {margin-bottom: 15px;}
	#destacadas2Col > div > article > div {padding: 0;}
	#destacadas2Col div article .relacionados li {margin-bottom: 30px;}
	#destacadas2Col div article .relacionados li a > div > h3 {margin-top: 10px;}
	#destacadas2Col h3 a {font-size: 30px; line-height: 32px;}
	#destacadas4 div figure {height: auto;}
	#destacadas4 div figure .dest4-info {position: relative;}
	#destacadas4 > div > figure > .dest4-info > div.col-sm-8,
	#destacadas4 > div > figure > .dest4-info > div.col-xs-12 {width: 100% !important;}
	#destacadas4 div figure .dest4-info h6 {margin-left: 0; margin-top: 20px;}
	#destacadas4 div figure .dest4-info h3 a {font-size: 36px; line-height: 34px;  margin-left: 0;}
	#destacadas4 div figure .dest4-info p {margin-left: 0;}
	#destacadas4 > div > figure > div.row.dest4-info > div > ul {margin-left: 0;}
	#destacadas4 > div > figure > div.row.dest4-info > div > ul.relacionados li {padding-left: 0;}
	#destacadas4 > div > figure > div.row.dest4-info > div > ul > li > a > figure {height: 200px;}
	#destacadas4 > div > figure > div.row.dest4-info > div > ul > li > a > div > h3 {margin-bottom: 15px;}
	.dest4-mask {display: none;}
	
	#ahora article {margin-bottom: 15px;}

	#claves > div.row > article > div > a > picture {margin-top:15px; margin-bottom:10px;}
	#claves h4 a {font-size: 20px; line-height: 23px;}
	
	#centerPosts .secondPosts h3 a {margin-top: 0 !important;}
	
	#confidencial article {padding: 10px 0; margin-bottom:15px;}
	#confidencial h3 a:first-child {height: inherit;}
	#confidencial h3 a {height: 40px;}
	
	.sectionBlock #leftCol article {padding-bottom: 15px; margin-bottom: 8px; width: 100%;}
	.sectionBlock #leftCol picture {margin-bottom: 10px;}
	.sectionBlock #leftCol figure h6, 
	.sectionBlock #leftCol h6 {bottom: 15px;}
	.sectionBlock > div > div > div > div > article > div > div h3 {float: left;}
	.sectionBlock > div > div > div > div > article > div > div h3 a {margin-top: 15px;}
	
	#note4 > div > div {margin-bottom: 20px; padding: 0;}
	#note4 > div > div > ul > li {margin-top:0 !important;}
	#note4 > div > div > ul > li a picture {margin: 0 !important;}
	#note4 > div > div > ul > li > a > div > h3 {margin-top: 0; margin-bottom: 10px;}
	#note4 > div > div > ul > li > a > div > h3 a {font-size: 20px; line-height: 22px;}
	#note4 > div > div > h6 {margin-top: 10px;}
	
	#opinion > div.row > article > a > div picture {margin-bottom: 15px;}
	#opinion article a h3 {padding: 0 20px; margin: 0;}
	#opinion article a h5 {padding: 0 20px 0 20px; margin: 15px 0 0 0;}
	
	#dinero div div article div ul li a {margin-bottom: 30px;}
	#dinero > div > div > article > div > a > picture {margin-bottom: 15px;}
	.relacionados li a picture {margin-bottom: 15px;}
	
	#deportes #leftCol, 
	#omni #leftCol, 
	#medios #leftCol {margin-bottom: 0;}
	
	#ocio div div div #leftCol > article > div > div > figure img, 
	#medios div div div #leftCol > article > div > div > figure img, 
	#omni div div div #leftCol > article > div > div > figure img {height: inherit;width: 100% !important;max-width: inherit;margin-left: 0;}
	#leftCol > article > div > div h3 {margin-bottom: 25px;}
	.sectionBlock h3 a {font-size: 22px; line-height: 24px;}
		
	#centerCol {margin-bottom: 20px;}
	#centerPosts .row div {padding: 0; margin-bottom: 15px;}
	
	#actualidad {background: #def1fc; padding: 2%;}
	#actualidad > article.col-xs-6 {width: 100%; display: block; float: left;}
	#actualidad article a {display: inline-block; width: 50%; padding: 1.5%; float: left;}
	
	#u24internacional {margin-bottom: 0;}
	#u24internacional > div > div > article > h3 a,
	#u24internacional > div > div > article > p {width: 100%; float: left; margin-top: 10px;}
	
	#menuSeciones > div > div > div > div.col-md-3 {width: 25%;}
	
	#block-menu-menu-pie-menu-secundario > div.content > ul {margin-bottom: 10px;display: block;float: left;}
	#u24menu div ul .region .block-menu .content .menu li {margin: 0 22px 0 0 !important;}
	#u24menu div ul .region .block-menu .content .menu li a {padding: 10px 0; font-size: 13px;}
	
	/* ARCHIVE */
	#myCarousel2 > div.control-box > a.arrow-left,
	#myCarousel3 > div.control-box > a.arrow-left {left: 0 !important;}
	#myCarousel2 > div.control-box > a.arrow-right,
	#myCarousel3 > div.control-box > a.arrow-right {right: 0 !important;}
	#myCarousel2 > div.control-box > a,
	#myCarousel3 > div.control-box > a {margin: 50% 0 5px 0 !important;}
	
	#myCarousel > div.carousel-inner > div.item > ul > li > a > div.caption {margin-bottom: 20px;}
	#myCarousel > div.carousel-inner > div.item > ul > li > a > div.thumbnail img {height: auto; width: 100%; max-width: inherit;}

	#archiveContent #mainColumn {padding: 0;}
	#archiveContent #mainColumn article h3 a, 
	#contentCol > article > li h3 a {margin-bottom: 15px;}
	#block-system-main > div > article > div {margin: 15px 0 0 0; padding: 0;}
	#archiveContent #secondColumn article a:first-child {overflow: hidden; margin: 20px auto; float: none; width: 50%;}
	
	#contentCol > div > ul.pager {margin-left: 15px; margin-right: 15px;}
	#contentCol > div > ul > li.pager-current.first, 
	#contentCol > div > ul > li {float: left !important; width: inherit !important;}
	#block-system-main > div > div.item-list > ul > li > a, 
	#mainColumn > div > ul > li a, 
	#contentCol > div > ul > li a, 
	#block-system-main > div > div.item-list > ul > li > span, 
	#mainColumn > div > ul > li span, 
	#contentCol > div > ul > li span {padding: 6px 8px !important; float: left; width: inherit;}
	#block-system-main > div > div.item-list > ul > li.pager-current.first, 
	#mainColumn > div > ul > li.pager-current.first, 
	#contentCol > div > ul > li.pager-current.first, 	
	#block-system-main > div > div.item-list > ul > li.pager-current, 
	#mainColumn > div > ul > li.pager-current, 
	#contentCol > div > ul > li.pager-current, 
	#block-system-main > div > div.item-list > ul > li.pager-current.first, 
	#block-system-main > div > div.item-list > ul > li.pager-current,
	#mainColumn > div > ul > li.pager-current.first, 
	#mainColumn > div > ul > li.pager-current,
	#contentCol > div > ul > li.pager-current.first, 
	#contentCol > div > ul > li.pager-current {padding: 7px 8px !important; float: left; width: inherit;}
	#block-system-main > div > div.item-list > ul > li > a:hover, 
	#block-system-main > div > div.item-list > ul > li > span:hover,
	#mainColumn > div > ul > li a:hover, 
	#mainColumn > div > ul > li span, 
	#contentCol > div > ul > li a:hover, 
	#contentCol > div > ul > li span {padding: 6px 8px !important; float: left; width: inherit;}
	
	#ahoraBlock > div > article {height: auto; overflow: hidden;}
	#ahoraBlock article h3 a {overflow: hidden; height: 78px;}
	
	#quizateinterese article figure figcaption h3 {font-size: 22px; margin: 8px 0;}

	#masLedias { margin-bottom: 20px !important;}
	
	/* PUBLICIDADES */
	#destacadas3 > div > article > div.publi5.hidden-lg.hidden-md {display: block;}
	.publi, .publi3, .publi5 {margin: 15px 0;}
	
	.debate .debate-title h4 strong {font-size: 22px; line-height: 22px;}
	.debate .debate-title h4 small {font-size: 14px;line-height: 14px;}
	
	/* CONTENT */
	#contentCol {padding-left: 0;  padding-right: 0;}
	
	#contentCol > div > ul.nav.nav-tabs > li > a, #contentCol > div > ul.tabs.primary > li > a {font-size: 13px;}
	
	/* FOOTER */
	footer #u24contact > div.text-right > span.socialIcons > div div div, 
	footer #u24contact > div.text-right > span {float: none;}
	
	footer #u24contact {padding: 15px 0;}
	footer #u24contact .u24radio {margin: 0 auto; float: none; display: block; height: auto;}
	footer > div > div.row.copy > div {font-size: 13px; line-height: 15px;}
	
}

@media(max-width:550px){
	
	/* HEADER */
	.avgrund-active .avgrund-popin.stack {width: 80% !important; float: left !important; margin: 0 !important; display: block !important; left: 10%; top: 8%;height:380px !important;}
	#user-login-form > div > div.form-item.form-type-checkbox.form-item-remember-me {margin-bottom: 7px; text-align: left; height: 44px;}
	#user-login-form > div > div.item-list > ul > li.first {width: 100%;}
	#user-login-form > div > div.item-list > ul > li {padding: 0 0 15px 0; font-size: 11px;}
	#user-login-form > div > div.item-list > ul > li.last {text-align: right; font-size: 12px; line-height: 14px; border: none !important;}
	#edit-actions input {margin: -5px 0 0 5px !important;}
	
	#user-login-form > div > div.item-list {margin: 30px 0 0 0;}
	
	#search-block-form > div > div > div.form-item.form-item.form-type-textfield {width: 45%;}
	#search-block-form > div > div > div.form-item.form-item.form-type-textfield .custom-search-box.form-text {width: 90%; margin: 1% 0 0 0;}
	#search-block-form > div > div > div.form-item.form-item.form-type-select {width: 35%;}
	#search-block-form > div > div > div.form-item.form-item.form-type-select select#edit-custom-search-vocabulary-2 {margin: 1% 0 0 0; width: 90%;}
	#search-block-form > div > div > div.form-actions {width: 20%;}
	#search-block-form > div > div > div.form-actions > #edit-submit--2, 
	#search-block-form > div > div > div.form-actions > #edit-submit--3 {margin: 40% 0 0 0 !important; width: 100%;}
	
	#clima > span:nth-child(3) {float: right; margin-right: 25%;}
	#clima > span:nth-child(3) img {max-width: 100%; height: auto;}
	#clima > span.today {font-size: 37px; margin: 0; line-height: 40px; margin-right: 5px !important;}
	#clima > span.region {font-size: 14px; line-height: 14px; text-align: right; width: 49%; float: left;}
	#topSection .locat {display: none;}
	.date > p {font-size: 14px; line-height: 16px; font-weight: bold; margin-bottom: 5px;}
	
	/* HOME */	
	#temasDelDia #note3 article div div a.img-temas {height: 90px;}
	
	#destacadas2Col h3 a {font-size: 30px; line-height: 32px;}
	#destacadas4 div figure {height: auto;}
	#destacadas4 div figure .dest4-info {position: relative;}
	#destacadas4 > div > figure > .dest4-info > div.col-sm-8,
	#destacadas4 > div > figure > .dest4-info > div.col-xs-12 {width: 100% !important;}
	#destacadas4 div figure .dest4-info h6 {margin-left: 0; margin-top: 20px;}
	#destacadas4 div figure .dest4-info h3 a {font-size: 36px; line-height: 34px;  margin-left: 0;}
	#destacadas4 div figure .dest4-info p {margin-left: 0;}
	#destacadas4 > div > figure > div.row.dest4-info > div > ul {margin-left: 0;}
	#destacadas4 > div > figure > div.row.dest4-info > div > ul.relacionados li {padding-left: 0;}
	#destacadas4 > div > figure > div.row.dest4-info > div > ul > li > a > figure {height: 200px;}
	#destacadas4 > div > figure > div.row.dest4-info > div > ul > li > a > div > h3 {margin-bottom: 15px;}
	.dest4-mask {display: none;}
	
	#claves > div.row > article > div > a > picture {margin-top:15px;}
	
	/* CONTENT */
	#contentCol {padding-left: 0;  padding-right: 0;}
	
	#contentCol > div > ul.nav.nav-tabs > li > a, 
	#contentCol > div > ul.tabs.primary > li > a {font-size: 13px;}
	
	/* ARCHIVE */
	#myCarousel2 > div.control-box > a.arrow-left,
	#myCarousel3 > div.control-box > a.arrow-left {left: 0 !important;}
	#myCarousel2 > div.control-box > a.arrow-right,
	#myCarousel3 > div.control-box > a.arrow-right {right: 0 !important;}
	#myCarousel2 > div.control-box > a,
	#myCarousel3 > div.control-box > a {margin: 50% 0 5px 0 !important;}
	
	/* SINGLE */
	#contentCol > div.col-md-3.no-print > div.sticky > div > span > a > span.a2a_count {display: none !important;}
	.share .sendMail {margin: 4px 0 0 4px;}
	
	/* FOOTER */
	footer #u24contact > div.text-right > span.socialIcons > div div div, 
	footer #u24contact > div.text-right > span {float: none;}
	
	footer #u24contact {padding: 15px 0;}
	footer #u24contact .u24radio {margin: 0 auto; float: none; display: block; height: auto;}
	footer > div > div.row.copy > div {font-size: 13px; line-height: 15px;}
	footer .copy .qkstudio span {padding-left: 0; float: right; line-height: 2px;}
	
}


@media(max-width:490px){

	/* HEADER */
	header a.newsBtn i, 
	header a.registerBtn i {float: left;line-height: 40px;}
	
	.submenu-custom > li a, 
	.submenu-custom > a {padding: 4px 18px; border-bottom: 1px solid #fff; width: 100%;}
	
	.avgrund-active .avgrund-popin.stack {width: 80% !important; float: left !important; margin: 0 !important; display: block !important; left: 10%; top: 8%;height:380px !important;}
	#user-login-form > div > div.item-list {margin: 30px 0 0 0;}
	#user-login-form > div > div.form-item.form-type-checkbox.form-item-remember-me {margin-bottom: 7px; text-align: left; height: 44px;}
	#user-login-form > div > div.item-list > ul > li.first {width: 100%;}
	#user-login-form > div > div.item-list > ul > li {padding: 0 0 15px 0; font-size: 11px;}
	#user-login-form > div > div.item-list > ul > li.last {text-align: right; font-size: 12px; line-height: 14px; border: none !important;}
	#edit-actions input {margin: -5px 0 0 5px !important;}
	
	#search-block-form > div > div > div.form-item.form-item.form-type-textfield {width: 100%; margin:0;}
	#search-block-form > div > div > div.form-item.form-item.form-type-textfield .custom-search-box.form-text {width: 100%; margin: 1% 0 0 0;}
	#search-block-form > div > div > div.form-item.form-item.form-type-select {width: 70%; margin:0;}
	#search-block-form > div > div > div.form-item.form-item.form-type-select select#edit-custom-search-vocabulary-2 {margin: 1% 0 0 0; width: 90%;}
	#search-block-form > div > div > div.form-actions {width: 30%;}
	#search-block-form > div > div > div.form-actions > #edit-submit--2, 
	#search-block-form > div > div > div.form-actions > #edit-submit--3 {margin: 20% 0 0 0 !important; width: 100%;}
	
	#clima > span:nth-child(3) {float: right; margin-right: 25%;}
	#clima > span:nth-child(3) img {max-width: 100%; height: auto;}
	#clima > span.today {font-size: 37px; margin: 0; line-height: 40px; margin-right: 5px !important;}
	#clima > span.region {font-size: 14px; line-height: 14px; text-align: right; width: 49%; float: left;}
	#topSection .locat {display: none;}
	.date > p {font-size: 14px; line-height: 16px; font-weight: bold; margin-bottom: 5px;}

	/* HOME */	
	#temasDelDia #note3 article div div a.img-temas {height: 85px;}
	#temasDelDia article h3, 
	#temasDelDia article p {margin-top: 0;}
	#temasDelDia .banda {margin-bottom: 27px;background: #bd0f34;line-height: 40px;height: 80px;overflow: hidden;position: relative;	}
	#temasDelDia .banda label{width: 100%; text-align:center;}
	#temasDelDia .banda ul { padding-top: 30px;}
	#temasDelDia .banda ul li{color: #fff;list-style-type: none;position: absolute;top: 0; padding: 0 !important; font-size: 17px; font-family: 'Open Sans', Verdana, sans-serif !important; margin: 0 !important;}
	
	#destacadas .controls {top: 12.5% !important;}
	#destacadas .controls a {padding: 10px;}
	#destacadas p {padding: 0 !important;}
	#destacadas2Col h3 a {font-size: 30px; line-height: 32px;}
	#destacadas4 div figure {height: auto;}
	#destacadas4 div figure .dest4-info {position: relative;}
	#destacadas4 > div > figure > .dest4-info > div.col-sm-8,
	#destacadas4 > div > figure > .dest4-info > div.col-xs-12 {width: 100% !important;}
	#destacadas4 div figure .dest4-info h6 {margin-left: 0; margin-top: 20px;}
	#destacadas4 div figure .dest4-info h3 a {font-size: 36px; line-height: 34px;  margin-left: 0;}
	#destacadas4 div figure .dest4-info p {margin-left: 0;}
	#destacadas4 > div > figure > div.row.dest4-info > div > ul {margin-left: 0;}
	#destacadas4 > div > figure > div.row.dest4-info > div > ul.relacionados li {padding-left: 0;}
	#destacadas4 > div > figure > div.row.dest4-info > div > ul > li > a > figure {height: 125px;}
	#destacadas4 > div > figure > div.row.dest4-info > div > ul > li > a > div > h3 {margin-bottom: 15px;}
	.dest4-mask {display: none;}
	
	#note4 {margin: 0;}
	#note4 > div > div {margin-bottom: 0;}
	#note4 h3 a {font-size: 20px; line-height: 22px;}
	
	#ahora article figcaption {width: 100.5%;}
	
	#claves > div.row > article > div > a > picture {margin-top:15px;}

	#confidencial article {padding: 0 0 20px 0 !important;}
	
	#opinion article a h3 {padding: 0 20px 5px 20px !important; font-size: 14px; line-height: 16px;}
	#opinion article a h5 {padding: 0 20px !important;}

	#actualidad article a { width: 100%;}
	
	#u24contact > div.text-right > span.socialIcons > div div div, 
	#u24contact > div.text-right > span {float: none;}
	
	#u24menu div ul .region .block-menu .content .menu li {margin: 0 26px 0 0 !important;}
	#u24menu div ul .region .block-menu .content .menu li a {font-size: 14px; padding: 20px 0;}
	
	.sectionBlock #leftCol article {margin: 0 !important; padding:0 !important;}
	.sectionBlock > div > div > div > div > article > div > div h3 {margin: 0 !important;}
	.sectionBlock > div > div > div > div > article > div > div a {margin: 0 !important;}
	.sectionBlock > div > div > div > div > article:nth-child(1) > div > div > h3 > a {margin-bottom: 15px !important;}
	
	#ocio > div > div > div.titleSection.hasmenu,
	#wrapper > div.container > section:nth-child(16) > div > div.titleSection {margin-top: 30px; margin-bottom: 0;}
	
	/* ARCHIVE */
	#myCarousel2 > div.control-box > a.arrow-left,
	#myCarousel3 > div.control-box > a.arrow-left {left: 0 !important;}
	#myCarousel2 > div.control-box > a.arrow-right,
	#myCarousel3 > div.control-box > a.arrow-right {right: 0 !important;}
	#myCarousel2 > div.control-box > a,
	#myCarousel3 > div.control-box > a {margin: 50% 0 5px 0 !important;}
	
	.breadcrumb {font-size: 13px;}
	
	#contentCol > div > ul > li.pager-current.first, 
	#contentCol > div > ul > li {float: left !important; width: inherit !important;}
	#block-system-main > div > div.item-list > ul > li > a, 
	#mainColumn > div > ul > li a, 
	#contentCol > div > ul > li a, 
	#block-system-main > div > div.item-list > ul > li > span, 
	#mainColumn > div > ul > li span, 
	#contentCol > div > ul > li span {padding: 6px 8px !important; float: left; width: inherit;}
	#block-system-main > div > div.item-list > ul > li.pager-current.first, 
	#mainColumn > div > ul > li.pager-current.first, 
	#contentCol > div > ul > li.pager-current.first, 	
	#block-system-main > div > div.item-list > ul > li.pager-current, 
	#mainColumn > div > ul > li.pager-current, 
	#contentCol > div > ul > li.pager-current, 
	#block-system-main > div > div.item-list > ul > li.pager-current.first, 
	#block-system-main > div > div.item-list > ul > li.pager-current,
	#mainColumn > div > ul > li.pager-current.first, 
	#mainColumn > div > ul > li.pager-current,
	#contentCol > div > ul > li.pager-current.first, 
	#contentCol > div > ul > li.pager-current {padding: 7px 8px !important; float: left; width: inherit;}
	#block-system-main > div > div.item-list > ul > li > a:hover, 
	#block-system-main > div > div.item-list > ul > li > span:hover,
	#mainColumn > div > ul > li a:hover, 
	#mainColumn > div > ul > li span, 
	#contentCol > div > ul > li a:hover, 
	#contentCol > div > ul > li span {padding: 6px 8px !important; float: left; width: inherit;}
	
	#archiveContent #secondColumn article a:first-child {overflow: hidden; margin: 20px auto; float: none; width: 50%;}
	
	/* SINGLE */
	.share .a2a_kit a:last-child {display: block; float:left;}
	#contentCol > div.col-md-3.no-print > div.sticky > div > span > a > span.a2a_count {display: none !important;}
	.share .sendMail {margin: 4px 0 0 4px;}
	
	/* USER / REGISTER */
	#edit-account .form-item > div > input.password-confirm, 
	#edit-account .form-item > div > input.password-field {margin: 10px 0; display: table;}
	#edit-simplenews > div > .fieldset-description {font-size: 17px;margin-bottom: 15px; line-height: 19px;}
	#edit-simplenews > div > #edit-newsletters div {float: left; width: 50%; font-size: 15px; margin: 0;}
	#user-register-form > div > fieldset.captcha.form-wrapper > div > div.fieldset-description {font-weight: normal; font-size: 17px; margin: 0 0 10px 0; line-height: 19px;}

	/* CONTENT */
	#contentCol {padding-left: 0;  padding-right: 0;}
	
	#contentCol > div > ul.nav.nav-tabs, 
	#contentCol > div > ul.tabs.primary {width: 108%;}
	#block-system-main > div > div.item-list > ul > li, 
	#mainColumn > div > ul > li {margin: 0 0 3px 0;}
	#contentCol > div > ul > li {margin: 0 0 3px 0; width: 100%;}
	#contentCol > div > ul.nav.nav-tabs > li > a, 
	#contentCol > div > ul.tabs.primary > li > a {font-size: 13px; width: 100%;}
	
	#contentCol > div div div div p, 
	#contentCol > div div div div span, 
	#contentCol > div > div > div {clear: both;}
	
	/* SIDEBAR */
	#sidebar.is-login .publi,
	#sidebar.is-login .twiiterPod {display: none !important;}
	
	/* FOOTER */
	.debate img {max-width: 150%;margin: 0 auto 0 11.5%;}
	.debate .debate-title {margin: -10px 0 25px; width: 100%; position: relative; right: 0; bottom: 0; text-align: center; z-index: 10;}
	
	#contentCol figure img {width: 100%;}
	#contentCol figure figcaption, 
	#contentCol > div > span.epi-img, 
	#contentCol > div div div div .media div > div > #contentCol figure figcaption, 
	#contentCol > div > span.epi-img, 
	#contentCol figure figcaption, 
	#contentCol > div > span.epi-img, 
	#contentCol > div div div div .media div > div > span.epi-img {position: initial; bottom: inherit;}
	
	footer #u24contact > div.text-right > span.socialIcons > div div div, 
	footer #u24contact > div.text-right > span {float: none;}
	
	footer #u24contact {padding: 15px 0;}
	footer #u24contact .u24radio {margin: 0 auto; float: none; display: block; height: auto;}
	footer > div > div.row.copy > div {font-size: 13px; line-height: 15px;}
	footer .copy .qkstudio span {padding-left: 0; float: right; line-height: 2px;}
	
}


@media(max-width:400px){
	
	/* HEADER */
	.avgrund-active .avgrund-popin.stack {width: 80% !important; float: left !important; margin: 0 !important; display: block !important; left: 10%; top: 8%;height:380px !important;}
	#user-login-form > div > div.item-list {margin: 30px 0 0 0;}
	#user-login-form > div > div.form-item.form-type-checkbox.form-item-remember-me {margin-bottom: 7px; text-align: left; height: 44px;}
	#user-login-form > div > div.item-list > ul > li.first {width: 100%;}
	#user-login-form > div > div.item-list > ul > li {padding: 0 0 15px 0; font-size: 11px;}
	#user-login-form > div > div.item-list > ul > li.last {text-align: right; font-size: 12px; line-height: 14px; border: none !important;}
	#edit-actions input {margin: -5px 0 0 5px !important;}
	
	#search-block-form > div > div > div.form-item.form-item.form-type-textfield {width: 100%; margin:0;}
	#search-block-form > div > div > div.form-item.form-item.form-type-textfield .custom-search-box.form-text {width: 100%; margin: 1% 0 0 0;}
	#search-block-form > div > div > div.form-item.form-item.form-type-textfield label, 
	#search-block-form > div > div > div.form-item.form-item.form-type-select label {font-size: 16px;}
	#search-block-form > div > div > div.form-item.form-item.form-type-select {width: 70%; margin:0;}
	#search-block-form > div > div > div.form-item.form-item.form-type-select select#edit-custom-search-vocabulary-2 {margin: 1% 0 0 0; width: 90%;}
	#search-block-form > div > div > div.form-actions {width: 30%;}
	#search-block-form > div > div > div.form-actions > #edit-submit--2, 
	#search-block-form > div > div > div.form-actions > #edit-submit--3 {margin: 27% 0 0 0 !important; width: 100%; font-size: 16px;}
	
	#clima > span:nth-child(3) {float: right; margin-right: 20%;}
	#clima > span:nth-child(3) img {max-width: 100%; height: auto;}
	#clima > span.today {font-size: 37px; margin: 0; line-height: 40px; margin-right: 5px !important;}
	#clima > span.region {font-size: 14px; line-height: 14px; text-align: right; width: 44%; float: left;}
	#topSection .locat {display: none;}
	.date > p {font-size: 14px; line-height: 16px; font-weight: bold; margin-bottom: 5px;}
	
	/* HOME */	
	#temasDelDia #note3 article div div a.img-temas {height: 65px; margin-top: 15px;}
	
	#destacadas2Col h3 a {font-size: 30px; line-height: 32px;}
	#destacadas3 article {min-height: 330px;}
	#sabado > div > div.publiHori2 {margin: 25px auto 10px auto;}
	#destacadas4 div figure {height: auto;}
	#destacadas4 div figure .dest4-info {position: relative;}
	#destacadas4 > div > figure > .dest4-info > div.col-sm-8,
	#destacadas4 > div > figure > .dest4-info > div.col-xs-12 {width: 100% !important;}
	#destacadas4 div figure .dest4-info h6 {margin-left: 0; margin-top: 20px;}
	#destacadas4 div figure .dest4-info h3 a {font-size: 36px; line-height: 34px;  margin-left: 0;}
	#destacadas4 div figure .dest4-info p {margin-left: 0;}
	#destacadas4 > div > figure > div.row.dest4-info > div > ul {margin-left: 0;}
	#destacadas4 > div > figure > div.row.dest4-info > div > ul.relacionados li {padding-left: 0;}
	#destacadas4 > div > figure > div.row.dest4-info > div > ul > li > a > figure {height: 125px;}
	#destacadas4 > div > figure > div.row.dest4-info > div > ul > li > a > div > h3 {margin-bottom: 15px;}
	.dest4-mask {display: none;}
	
	#claves > div.row > article > div > a > picture {margin-top:15px;}
	
	.sectionBlock #leftCol article {margin: 0 !important; padding:0 !important;}
	.sectionBlock > div > div > div > div > article > div > div h3 {margin: 0 !important;}
	.sectionBlock > div > div > div > div > article > div > div a {margin: 0 !important;}
	
	#ocio > div > div > div.titleSection.hasmenu,
	#wrapper > div.container > section:nth-child(16) > div > div.titleSection {margin-top: 30px; margin-bottom: 0;}
	
	/* ARCHIVE */
	#myCarousel2 > div.control-box > a.arrow-left,
	#myCarousel3 > div.control-box > a.arrow-left {left: 0 !important;}
	#myCarousel2 > div.control-box > a.arrow-right,
	#myCarousel3 > div.control-box > a.arrow-right {right: 0 !important;}
	#myCarousel2 > div.control-box > a,
	#myCarousel3 > div.control-box > a {margin: 50% 0 5px 0 !important;}
	
	/* CONTENT */
	#contentCol {padding-left: 0;  padding-right: 0;}
	
	#contentCol > div > ul.nav.nav-tabs, 
	#contentCol > div > ul.tabs.primary {width: 108%;}
	#block-system-main > div > div.item-list > ul > li {margin: 0 0 3px 0;} 
	#mainColumn > div > ul > li {margin: 0 0 3px 0; } 
	#contentCol > div > ul > li {margin: 0 0 3px 0; width: 100%;}
	#contentCol > div > ul.nav.nav-tabs > li > a, 
	#contentCol > div > ul.tabs.primary > li > a {font-size: 13px; width: 100%;}
	
	#contentCol > div.col-md-3.no-print > div.sticky > div > span > a > span.a2a_count {display: none !important;}
	.share .sendMail {margin: 4px 0 0 4px;}
	
	/* SIDEBAR */
	#sidebar.is-login .publi,
	#sidebar.is-login .twiiterPod {display: none !important;}
	
	/* FOOTER */
	footer #u24contact {padding: 15px 0;}
	footer #u24contact .u24radio {height: auto;}
	
	footer > div > div.row.copy > div {font-size: 13px; line-height: 15px;}
	footer .copy .qkstudio span {padding-left: 0; float: right; line-height: 2px;}

}


@media(max-width:360px){
	
	/* HEADER */
	header a.newsBtn i, 
	header a.registerBtn i {float: left;line-height: 40px;}
	header a.newsBtn,
	header a.registerBtn,
	header a.registerBtn2 {padding: 0 20px !important;}
	#wrapper > header > div > div > div > div.fb-like {margin: -10px 7px 0 7px;}
	
	#wrapper > div.pop-up > div {margin-top: 28%;}
	
	#temasDelDia #note3 article div div a.img-temas { /*height: 60px !important;*/ margin-top: 15px;}
	#temasDelDia .banda {margin-bottom: 27px;background: #bd0f34;line-height: 40px;height: 80px;overflow: hidden;position: relative;	}
	#temasDelDia .banda label{width: 100%; text-align:center;}
	#temasDelDia .banda ul { padding-top: 30px;}
	#temasDelDia .banda ul li{color: #fff;list-style-type: none;position: absolute;top: 0; padding: 0 !important; font-size: 14px; font-family: 'Open Sans', Verdana, sans-serif !important; margin: 0 !important;}
	
	.avgrund-active .avgrund-popin.stack {width: 80% !important;float: left !important; margin: 0 !important; display: block !important; left: 10%; top: 8%; height:380px !important;}
	#user-login-form > div > div.form-item.form-type-checkbox.form-item-remember-me {margin-bottom: 7px; text-align: left; height: 44px;}
	#user-login-form > div > div.form-item {margin: 5px 0;}
	#user-login-form > div > div.item-list {margin: 5px 0 0 0;}
	#user-login-form > div > div.item-list > ul > li {padding: 0 0 15px 0; font-size: 11px;}	
	#user-login-form > div > div.item-list > ul > li.first {width: 100%;}
	#user-login-form > div > div.item-list > ul > li.first a {float: right;}
	#user-login-form > div > div.item-list > ul > li.first:before {right: 0;}
	#user-login-form > div > div.item-list > ul > li.last {text-align: right; font-size: 12px; line-height: 14px; border: none !important; width: 100%; margin-bottom: 0;}
	#edit-actions input {margin: -5px 0 0 5px !important;}
	
	#search-block-form > div > div > div.form-item.form-item.form-type-textfield {width: 100%; margin:0;}
	#search-block-form > div > div > div.form-item.form-item.form-type-textfield .custom-search-box.form-text {width: 100%; margin: 1% 0 0 0;}
	#search-block-form > div > div > div.form-item.form-item.form-type-textfield label, 
	#search-block-form > div > div > div.form-item.form-item.form-type-select label {font-size: 16px;}
	#search-block-form > div > div > div.form-item.form-item.form-type-select {width: 70%; margin:0;}
	#search-block-form > div > div > div.form-item.form-item.form-type-select select#edit-custom-search-vocabulary-2 {margin: 1% 0 0 0; width: 90%;}
	#search-block-form > div > div > div.form-actions {width: 30%;}
	#search-block-form > div > div > div.form-actions > #edit-submit--2, 
	#search-block-form > div > div > div.form-actions > #edit-submit--3 {margin: 27% 0 0 0 !important; width: 100%; font-size: 16px;}
	
	#clima > span:nth-child(3) {float: right; margin-right: 16%;}
	#clima > span:nth-child(3) img {max-width: 100%; height: auto;}
	#clima > span.today {font-size: 37px; margin: 0; line-height: 40px; margin-right: 5px !important;}
	#clima > span.region {font-size: 14px; line-height: 14px; text-align: right; width: 44%; float: left;}
	#topSection .locat {display: none;}
	.date > p {font-size: 14px; line-height: 16px; font-weight: bold; margin-bottom: 5px;}
	
	/* HOME */	
	#temasDelDia #note3 article div div a.img-temas {height: 52px;}
	#temasDelDia article h3 a {font-size: 16px; line-height: 18px; margin-bottom: 5px;}
	#temasDelDia article p {font-size: 14px;margin-top: 10px; line-height: 18px;}
	
	#destacadas .controls a {padding: 5px;}
	#destacadas .controls {top: 6.5% !important;}
	#destacadas2Col h3 a {font-size: 26px; line-height: 28px;}
	#destacadas3 article {min-height: 330px;}
	#sabado > div > div.publiHori2 {margin: 25px auto 10px auto;}
	#destacadas4 div figure {height: auto;}
	#destacadas4 div figure .dest4-info {position: relative;}
	#destacadas4 > div > figure > .dest4-info > div.col-sm-8,
	#destacadas4 > div > figure > .dest4-info > div.col-xs-12 {width: 100% !important;}
	#destacadas4 div figure .dest4-info h6 {margin-left: 0; margin-top: 20px;}
	#destacadas4 div figure .dest4-info h3 a {font-size: 36px; line-height: 34px;  margin-left: 0;}
	#destacadas4 div figure .dest4-info p {margin-left: 0;}
	#destacadas4 > div > figure > div.row.dest4-info > div > ul {margin-left: 0;}
	#destacadas4 > div > figure > div.row.dest4-info > div > ul.relacionados li {padding-left: 0;}
	#destacadas4 > div > figure > div.row.dest4-info > div > ul > li > a > figure {height: 125px;}
	#destacadas4 > div > figure > div.row.dest4-info > div > ul > li > a > div > h3 {margin-bottom: 15px;}
	.dest4-mask {display: none;}

	#ahora article figcaption {width: 100%;}
	#ahora article {min-height: inherit;}
	
	#claves > div.row > article > div > a > picture {margin-top:15px;}

	#confidencial article p {padding-left: 0; margin-top: 0;font-size: 13px; line-height: 16px;}
	#confidencial h3 a {line-height: 20px;}
	
	#leftCol > article div.row {width: inherit !important;}
	#leftCol > article div > div.col-xs-4,
	#u24mundo > article > div > div.col-xs-5 {width: 100% !important; margin-bottom: 10px;}
	#leftCol > article div > div.col-xs-8,
	#u24mundo > article > div > div.col-xs-7 {width: 100% !important;}
	
	#centerCol > a > figure {height: 150px;}

	#u24internacional > div > div > article > h3 a, 
	#u24internacional > div > div > article > p {width: 100%; float: left; margin: 10px 0 0 0;}
	
	#zona article figure figcaption h3 {font-size: 26px; line-height: 24px;}
	
	.sectionBlock #leftCol article {margin: 0 !important; padding:0 !important;}
	.sectionBlock #leftCol article .row {margin: 0; padding: 0;}
	.sectionBlock > div > div > div > div > article > div > div h3 {margin: 0 !important;}
	.sectionBlock > div > div > div > div > article > div > div a {margin: 0 !important;}
	#leftCol > article > div > div {padding: 0;}
	#centerCol > a > figure {height: 150px;}
	
	/* ARCHIVE */
	#myCarousel2 > div.control-box > a.arrow-left,
	#myCarousel3 > div.control-box > a.arrow-left {left: 0 !important;}
	#myCarousel2 > div.control-box > a.arrow-right,
	#myCarousel3 > div.control-box > a.arrow-right {right: 0 !important;}
	#myCarousel2 > div.control-box > a,
	#myCarousel3 > div.control-box > a {margin: 50% 0 5px 0 !important;}
		
	#archiveContent #secondColumn article a:first-child {overflow: hidden; margin: 20px auto; float: none; width: 50% !important; height: 150px !important;}
	#archiveContent #mainColumn article:first-child h3 a {font-size: 26px; line-height: 28px;}
	
	#block-system-main > div > div.item-list > ul > li > a, 
	#mainColumn > div > ul > li a, 
	#contentCol > div > ul > li a, 
	#block-system-main > div > div.item-list > ul > li > span, 
	#mainColumn > div > ul > li span, 
	#contentCol > div > ul > li span {padding: 6px !important; font-size: 11px;}
	#block-system-main > div > div.item-list > ul > li.pager-current.first, 
	#mainColumn > div > ul > li.pager-current.first, 
	#contentCol > div > ul > li.pager-current.first, 	
	#block-system-main > div > div.item-list > ul > li.pager-current, 
	#mainColumn > div > ul > li.pager-current, 
	#contentCol > div > ul > li.pager-current, 
	#block-system-main > div > div.item-list > ul > li.pager-current.first, 
	#block-system-main > div > div.item-list > ul > li.pager-current,
	#mainColumn > div > ul > li.pager-current.first, 
	#mainColumn > div > ul > li.pager-current,
	#contentCol > div > ul > li.pager-current.first, 
	#contentCol > div > ul > li.pager-current {padding: 7px 6px !important; font-size: 11px;}
	#block-system-main > div > div.item-list > ul > li > a:hover, 
	#block-system-main > div > div.item-list > ul > li > span:hover,
	#mainColumn > div > ul > li a:hover, 
	#mainColumn > div > ul > li span, 
	#contentCol > div > ul > li a:hover, 
	#contentCol > div > ul > li span {padding: 6px !important; font-size: 11px;}
	
	/* USER / REGISTER */
	#edit-account .form-item > div > input.password-confirm, 
	#edit-account .form-item > div > input.password-field {margin: 10px 0;display: table;width: 100%;}
	#edit-simplenews > div > .fieldset-description {font-size: 17px;margin-bottom: 15px; line-height: 19px;}
	#edit-simplenews > div > #edit-newsletters div {float: left; width: 100%; font-size: 15px; margin: 0;}
	#user-register-form > div > fieldset.captcha.form-wrapper > div > div.fieldset-description {font-weight: normal; font-size: 17px; margin: 0 0 10px 0; line-height: 19px;}
	#edit-account > div.form-item > div.form-item > div.password-strength {width: 48%; float: right; line-height: 14px; margin-top: -5px;}
	#edit-account > div.form-item > div.form-item.form-type-password.form-item-pass-pass2.confirm-parent > div {margin:0;}
	
	/* CONTENT */
	#contentCol {padding-left: 0;  padding-right: 0;}
	
	#contentCol > div > ul.nav.nav-tabs, 
	#contentCol > div > ul.tabs.primary {width: 108%;}
	#block-system-main > div > div.item-list > ul > li {margin: 0 0 3px 0;} 
	#mainColumn > div > ul > li {margin: 0 0 3px 0; } 
	#contentCol > div > ul > li {margin: 0 0 3px 0; width: 100%;}
	#contentCol > div > ul.nav.nav-tabs > li > a, 
	#contentCol > div > ul.tabs.primary > li > a {font-size: 13px; width: 100%;}
	
	/* SIDEBAR */
	#sidebar.is-login .publi,
	#sidebar.is-login .twiiterPod {display: none !important;}
	
	#contentCol > div.col-md-3.no-print > div.sticky > div > span > a > span.a2a_count {display: none !important;}
	.share .sendMail {margin: 4px 0 0 4px;}
	
	/* FOOTER */
	footer #u24contact {padding: 15px 0;}
	footer #u24contact .u24radio {height: auto;}
	footer > div > div.row.copy > div {font-size: 13px; line-height: 15px;}
	footer .copy .qkstudio span {padding-left: 0; float: right; line-height: 2px;}
	
	#u24menu div ul .region .block-menu .content .menu li {margin: 0 !important; width: 100%;}
	#u24menu div ul .region .block-menu .content .menu li a {padding: 5px 0;}
	
}


/*-----------------------------------*/
/************** IMPRIMIR *************/
/*-----------------------------------*/


@page {
    size: A4;
    margin: 0;
}

@media print {
	
	header,
	.no-print,
	#stopSticky,
	#sidebar-wrapper,
	.searchBar,
	.publi,
	.publiHori,
	.publiHori2,
	#clima,
	#mainMenu,
	#topSection > div:nth-child(1),
	#topSection > div:nth-child(3),
	#wrapper > div.container > script,
	.submenu-custom,
	#myCarousel,
	#singleContent > div > div > .element-invisible,
	#singleContent > div > div > .breadcrumb,
	#sidebar,
	.sticky,
	#tabsComentarios,
	#comentarioDisqus,
	#comentarioNativos,
	.img-comment,
	#masLedias,
	#menuSeciones,
	footer,
	.tags {display: none !important;}
	body {padding: 20px 0 50px 0;}
	.print {display: block !important;}	
	.page-break	{display: block; page-break-before: always; }
	
	/* HEADER */
	#topSection {}
	#topSection > div:nth-child(2) {width: 100% !important;}
	#topSection .logo {display:block; text-align: left; float:left; margin:0; padding:0; font-size:1px; color: #fff;}
	#topSection .logo img {width: 50%;}
	
	/* SINGLE */
	#singleContent {border-top: solid 1px #dbdbdb; margin-top: -60px;}
	#contentCol,
	#contentCol > div.col-md-3,
	#contentCol > div.col-md-9 {width: 100%; margin-top: 25px !important;}	
	#contentCol > div > h6.epi {display: none !important;}
	#singleContent h1, 
	#contentCol > article > h1 {font-size: 35px; line-height: 38px;}
	#singleContent h3.excerpt {font-size: 18px;line-height: 24px; margin: 25px 0 10px 0; }	
	#contentCol figure {margin-bottom: 20px;}
	#contentCol > div div div div p, 
	#contentCol > div div div div span, 
	#contentCol > div > div > div {font-size: 16px !important; line-height: 22px !important; margin-top: 20px; display:block; clear:both;}
	.autorBox {margin-top:-20px !important; display:block;}
	
	.print-page {
    width: 21cm;
    min-height: 25cm;
    padding: 0 2cm;
    margin: 1cm auto;
	}
}

/* OTROS */

#admin-menu-wrapper a {
    font-size: 12px!important;
}

#temasDelDia .banda ul li a {color: #fff !important;}
#temasDelDia .banda ul li a:hover {color: #eee !important;}

/* FIX */

/* Circulos destacados en home */
/* 1379 Comentada */

@media(min-width:901px) and (max-width:991px){
	#temasDelDia #note3 article div div a.img-temas {height: 250px; margin-bottom: 15px;}
}

@media(min-width:992px) and (max-width:1010px){
	#temasDelDia #note3 article div div a.img-temas {height: 105px; margin-bottom: 15px;}
}

/* Destacados sábado en home */
/* 299 Comentado: min-height */

#destacadas3 article{
	min-height: 401px;
}

@media(max-width: 902px){
	#destacadas3 article{
		min-height: 380px;
	}
}

@media(max-width: 767px){
	#destacadas3 article{
		min-height: 280px;
	}
}

/* Category slider top */

@media(max-width: 1200px){
	#myCarousel li{
		min-height: 285px;
	}
}

#myCarousel li img,
#myCarousel2 li img,
#myCarousel3 li img{
	width: 100%;
	height: auto;
}


#myCarousel2 > div.carousel-inner > div.item > ul > li > a > .thumbnail {overflow: hidden; display: block; padding: 0; border-radius: 0; border: 0;}
#myCarousel2 > h4 {font-size: 21px; font-weight: 400; text-transform: uppercase; padding-left: 0; float: left; font-family: 'Titillium Web',sans-serif; color: #BD0F34; margin-bottom: 10px; padding-bottom: 5px; border-bottom: solid 1px #E3E3E3; width: 100%;}

#myCarousel2 > div.carousel-inner {border-bottom: solid 1px #E3E3E3; padding-bottom: 15px; margin-bottom: 15px;}
#myCarousel2 > div.carousel-inner > div.item > ul > li {list-style-type: none;}
#myCarousel2 > div.carousel-inner > div.item > ul > li > a > .thumbnail { display: block; padding: 0; margin-bottom: 10px; line-height: inherit; background-color: white !important; border: 0; border-radius: 0; -webkit-transition: border .2s ease-in-out; -o-transition: border .2s ease-in-out;transition: border .2s ease-in-out; box-shadow: none;}
#myCarousel2 > div.carousel-inner > div.item > ul > li > a > div.caption {}
#myCarousel2 > div.carousel-inner > div.item > ul > li > a > div.caption > h4 {color: #000;font-size: 16px; font-weight: 700;line-height: 20px; margin-bottom: 10px;text-align: left;}
.control-box { text-align: right; width: 100%; }
#myCarousel2 > div.carousel-inner > div.item > ul > li > a:hover > div.caption > h4 {color: #862421 !important;}
.carousel-control{ background: #666; border: 0px; border-radius: 0px; display: inline-block; font-size: 34px; font-weight: 200; line-height: 18px; opacity: 0.5; padding: 4px 10px 0px; position: static;  height: 30px; width: 15px; }
#myCarousel2 > div.control-box {width: 100%; position: relative;}
#myCarousel2 > div.control-box > a { width: 24px !important; height: 34px; background: #bd0f34 !important; display: block; z-index: 10; text-align: center; margin: 5.2% 0 5px 0; color: #fff; line-height: 32px; position: absolute; font-size: 21px;}
#myCarousel2 > div.control-box > a:hover {background: #BF022A !important;}
#myCarousel2 > div.control-box > a.arrow-right {right: -25px;}

#myCarousel2 > div.carousel-inner > div.item > ul > li > a > div.thumbnail img {height: auto; width: 100%; max-width: inherit;}
#myCarousel2 > div.carousel-inner > div.item > ul > li > a > div.caption {height: auto;overflow: hidden;}
#myCarousel2 > div.carousel-inner > div.item > ul > li > a > div.caption > h4 {font-size: 13px;line-height: 15px;}
	
#myCarousel2 > div.control-box > a.arrow-left {left:-25px;}

#myCarousel2 > div.carousel-inner > div.item > ul > li > a > div.caption {margin-bottom: 20px;}
#myCarousel2 > div.carousel-inner > div.item > ul > li > a > div.thumbnail img {height: auto; width: 100%; max-width: inherit;}


#myCarousel3 > div.carousel-inner > div.item > ul > li > a > .thumbnail {overflow: hidden; display: block; padding: 0; border-radius: 0; border: 0;}
#myCarousel3 > h4 {font-size: 21px; font-weight: 400; text-transform: uppercase; padding-left: 0; float: left; font-family: 'Titillium Web',sans-serif; color: #BD0F34; margin-bottom: 10px; padding-bottom: 5px; border-bottom: solid 1px #E3E3E3; width: 100%;}

#myCarousel3 > div.carousel-inner {border-bottom: solid 1px #E3E3E3; padding-bottom: 15px; margin-bottom: 15px;}
#myCarousel3 > div.carousel-inner > div.item > ul > li {list-style-type: none;}
#myCarousel3 > div.carousel-inner > div.item > ul > li > a > .thumbnail { display: block; padding: 0; margin-bottom: 10px; line-height: inherit; background-color: white !important; border: 0; border-radius: 0; -webkit-transition: border .2s ease-in-out; -o-transition: border .2s ease-in-out;transition: border .2s ease-in-out; box-shadow: none;}
#myCarousel3 > div.carousel-inner > div.item > ul > li > a > div.caption {}
#myCarousel3 > div.carousel-inner > div.item > ul > li > a > div.caption > h4 {color: #000;font-size: 16px; font-weight: 700;line-height: 20px; margin-bottom: 10px;text-align: left;}
.control-box { text-align: right; width: 100%; }
#myCarousel3 > div.carousel-inner > div.item > ul > li > a:hover > div.caption > h4 {color: #862421 !important;}
.carousel-control{ background: #666; border: 0px; border-radius: 0px; display: inline-block; font-size: 34px; font-weight: 200; line-height: 18px; opacity: 0.5; padding: 4px 10px 0px; position: static;  height: 30px; width: 15px; }
#myCarousel3> div.control-box {width: 100%; position: relative;}
#myCarousel3 > div.control-box > a { width: 24px !important; height: 34px; background: #bd0f34 !important; display: block; z-index: 10; text-align: center; margin: 8.7% 0 5px 0; color: #fff; line-height: 32px; position: absolute; font-size: 21px;}
#myCarousel3 > div.control-box > a:hover {background: #BF022A !important;}
#myCarousel3 > div.control-box > a.arrow-right {right: -25px;}

#myCarousel3 > div.carousel-inner > div.item > ul > li > a > div.thumbnail img {height: auto; width: 100%; max-width: inherit;}
#myCarousel3 > div.carousel-inner > div.item > ul > li > a > div.caption {height: auto;overflow: hidden;}
#myCarousel3 > div.carousel-inner > div.item > ul > li > a > div.caption > h4 {font-size: 18px;line-height: 20px;}
	
#myCarousel3 > div.control-box > a.arrow-left {left:-25px;}

#myCarousel3 > div.carousel-inner > div.item > ul > li > a > div.caption {margin-bottom: 20px;}
#myCarousel3 > div.carousel-inner > div.item > ul > li > a > div.thumbnail img {height: auto; width: 100%; max-width: inherit;}

/* Menu mobile */

@media(max-width: 480px){
	#mainMenu{
		padding-top: 0px;
		padding-bottom: 0px;
	}
	#mainMenu .navbar-brand{
		padding-top: 15px;
		padding-bottom: 10px;
	}
}

.dropdown.submenu .active{
	opacity: 0.5;
}

/* Fuentes titulos */

@media(max-width: 902px){
	#archiveContent #mainColumn article:first-child h3 a{
		font-size: 22px !important;
		line-height: 30px !important;
	}
	#archiveContent #mainColumn article h3 a, #contentCol > article > li h3 a {
		font-size: 19px !important;
		line-height: 29px !important;
	}
}

/* FIX Menu - Tablet responsive */

@media (min-width: 481px) and (max-width: 780px) {
	
	.sectionBlock > div > div > .titleSection.hasmenu > .navbar-nav.navbar-right,
	.sectionBlock > div > div > .titleSection.hasmenu > .navbar-nav.navbar-right > li,
	.titleSection > .navbar-nav.navbar-right,
	.titleSection > .navbar-nav.navbar-right > li {
        float: right !important;
		margin-right: 0;
    }
	
    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse.in {
        display: block !important;
    }
    .navbar-collapse.collapse {
        display: none !important;
    }
    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    #block-system-main-menu > div.content > ul > li{
    	margin: 5px !important;
    	width: 100% !important;
    	display: block;
    }
    #block-system-main-menu > div.content > ul > li a{
    	font-size: 14px;
    }
    #block-system-main-menu > div.content > ul > li.expanded:hover div{
    	display: none !important;
    }
    #block-system-main-menu > div.content > ul > li.active-trail a, #block-system-main-menu > div.content > ul > li.expanded.active-trail > a{
    	display: none !important;
    }
    #block-system-main-menu > div.content > ul > li.expanded a:hover{
    	background: none !important;
    	border: 0 !important;
    	color: #000 !important;
    }
}
@media (min-width: 681px) and (max-width: 999px) {
	div.container:nth-child(4){
    	padding: 0px !important;
    }
}

.submenu-custom a{
	font-size: 14px;
	padding: 12px;
}

/* Slider tablet */

@media (max-width: 1200px){
	#myCarousel .thumbnails li:nth-child(4),
	#myCarousel .thumbnails li:nth-child(5),
	#myCarousel .thumbnails li:nth-child(6){
		display: none !important;
	}
}

/* Fix responsive imagenes */

picture{
	width: 100%;
}

/* Actualidad, tablet, alto minimo */
@media (min-width: 481px) and (max-width: 769px){
	#actualidad article a {min-height: 422px;}
}

/* Form Manu */
#edit-newsletters .form-item {
    width: 25%;
    float: left;
}

/* Fix span notas */

/*.field-items span {
    display: inline-block !important;
}*/

.en-vivo-content-mainpage .region-content
{
	width: 75%;
	float: left;
}
/*Mobile fix*/
@media (max-width: 767px){
 .en-vivo-content-mainpage .region-content{
  width: 95% !important;
  margin:0 auto !important;
  float: none !important; 
 }
 .chatcontainer .status-chat{
  float: none;
  padding-top: 31px;
 }
 .chatcontainer .col-admin{
  float: none;
  clear: both;
  height: 170px;
  padding-top: 10px;
  background:transparent !important;
 }
 .chatcontainer .col-admin .datos-admin{
  width: 275px;
  margin:0 auto; 
 }
 .chatcontainer .col-admin .historial-admin{
  display: none;
 }
 .chatcontainer .chat-container{
  margin-top: 10px;
  border: 1px solid #014670;
 }
}
.page_urgente24_chatroom_page .region-content
{
	width: 75%;
	float: left;
}

.view-chat-room .view-content .views-row
{
	width: 30%;
	float: left;
	overflow: hidden;
	margin: 1.5%;
}

.view-chat-room .view-content .views-row .field-content
{
	padding: 5px;
    border: 1px dotted #A1A1A1;
    display: block;
}

.view-chat-room .chatroom_item_image
{
	height: 200px;
	margin-bottom: 15px;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

.view-chat-room .chatroom_item_title
{
	font-size: 20px;
    line-height: 23px;
    font-family: 'Titillium Web', sans-serif;
    margin-bottom: 5px;
    height: 67px;
}

.view-chat-room .chatroom_item_title a
{
	color: #333;	
	font-weight: bold;
}

.view-chat-room .chatroom_item_title a:hover
{
	color: #BF022A;
	display: block;
}

.view-chat-room .chatroom_item_description
{
	font-size: 14px;
	height: 193px;
	overflow: hidden;
	margin-bottom: 10px;
}

.view-chat-room .chatroom_item_expiration_date
{
	background: #243C4A;
	color: #FFF;
	padding: 3px;
	text-align: center;
	font-size: 13px;
	max-height: 48px;
	overflow: hidden;
}

.field-content.outdate
{
	background: #BFBFBF;
} 

.field-content.outdate .chatroom_item_image
{
	-webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */
    filter: grayscale(100%);
} 

.field-content.outdate > *
{
	opacity: .5;
} 

@media (max-width : 768px) 
{	
	.en-vivo-content-mainpage .en-vivo-content-mainpage .region-content
	{
		width: 100%;
	}
}

@media (max-width : 810px) 
{	
	.view-chat-room .view-content .views-row
	{
		width: 47%;
		margin: 1.5%;
	}
}

@media (max-width : 480px) 
{	
	.en-vivo-content-mainpage .region-content
	{
		width: 100%;
	}

	.view-chat-room .view-content .views-row
	{
		width: 100%;
		margin: 1.5% 0;
	}
}
@media (max-width: 768px) {
  .main {
    height: 800px; } }
	
.chatcontainer .chat-textohead{
	position: relative;
    display: block;
    z-index: 1;
    border-left: 1px solid #014670;
    border-right: 1px solid #014670;
}

.chat {
  position: relative;
  float: left;
  overflow: overlay;
  height: 570px; }
  .chat::-webkit-scrollbar {
    width: 5px;
    background-color: #d8dee0;
    position: absolute;
    right: 0px;
    opacity: 1 !important; }
  .chat::-webkit-scrollbar-thumb {
    background-color: #014671;
    width: 3px;
    opacity: 1 !important; }
  .chat .cont-mensaje {
    margin: 10px auto;
    height: auto;
    overflow: hidden; }
    .chat .cont-mensaje .thumb {

      width: 60px !important;
      height: 60px !important;
      border-radius: 40px;
      -webkit-border-radius: 40px;
      -moz-border-radius: 40px;
      -webkit-border-radius: 40px;
      -moz-border-radius: 40px;
      overflow: hidden;
      position: relative;
      background-size: cover;
      background-position: center center;   
      -webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2);
      box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2);
      float: left;
      padding: 0; }
      .chat .cont-mensaje .thumb img {
        min-width: 100%;
        max-height: 100%; }
    .chat .cont-mensaje .mensaje {
      background-color: white;
      -webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2);
      box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2);
      margin: 2px auto;
      padding: 5px 10px 3px;
      position: relative;
      float: right;
      font-family: 'Titillium Web', sans-serif !important; 
      width: calc( 100% - 70px ) !important;
      }
      .chat .cont-mensaje .mensaje p { 
        color: #333333;
        margin-bottom: 5px; 
        font-size: 20px !important;
        line-height: 23px !important;
        font-family: 'Titillium Web', sans-serif !important;
      }
      .chat .cont-mensaje .mensaje .dato-tiempo {
        font-size: 13px;
        color: #878787 !important;
        font-style: italic;
        position: relative;
        float: right; 
        font-family: 'Titillium Web', sans-serif !important;
      }
      .chat .cont-mensaje .mensaje.azul {
        background-color: #c3ebfa; }
      .chat .cont-mensaje .mensaje.verde {
        background-color: #c3facd; }
      .chat .cont-mensaje .mensaje.rojo {
        background-color: #fac3d2; }
      .chat .cont-mensaje .mensaje.naranja {
        background-color: #fae6c3; }
      .chat .cont-mensaje .mensaje.violeta {
        background-color: #d2affc; }
      .chat .cont-mensaje .mensaje.amarillo {
        background-color: #faf5af; }


    .chat .cont-mensaje .inicio {
      border-radius: 0 5px 0 0;
      -webkit-border-radius: 0 5px 0 0;
      -moz-border-radius: 0 5px 0 0;
      -ms-border-radius: 0 5px 0 0;
      margin-top: 0px; }
      .chat .cont-mensaje .inicio:before {
        content: "";
        background: url(../img/chat_arrow.png);
        height: 7px;
        width: 7px;
        position: absolute;
        top: -1px;
        left: -7px; }
      .chat .cont-mensaje .inicio.azul:before {
        background: url(../img/chat_arrow-azul.png); }
      .chat .cont-mensaje .inicio.verde:before {
        background: url(../img/chat_arrow-verde.png); }
      .chat .cont-mensaje .inicio.rojo:before {
        background: url(../img/chat_arrow-rojo.png); }
      .chat .cont-mensaje .inicio.naranja:before {
        background: url(../img/chat_arrow-naranja.png); }
      .chat .cont-mensaje .inicio.violeta:before {
        background: url(../img/chat_arrow-violeta.png); }
      .chat .cont-mensaje .inicio.amarillo:before {
        background: url(../img/chat_arrow-amarillo.png); }
    .chat .cont-mensaje .final {
      border-radius: 0 0 5px 5px;
      -webkit-border-radius: 0 0 5px 5px;
      -moz-border-radius: 0 0 5px 5px;
      -ms-border-radius: 0 0 5px 5px; }

  .chat .mensaje:before
    {
      display: none !important;
    }
  .chat .publicidad {
    height: auto;
    width: auto;
    margin: 10px;
    overflow: hidden;
    padding: 0px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.9);
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.9); }
    .chat .publicidad a {
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 1000;
      text-indent: 200%;
      white-space: nowrap;
      font-size: 0;
     }
    .chat .publicidad img {
      width: 100%;
      height: auto;
      pointer-events: none; }
    .chat .publicidad:hover {
      opacity: 0.7;
      -webkit-transition: all 500ms ease;
      -moz-transition: all 500ms ease;
      -ms-transition: all 500ms ease;
      -o-transition: all 500ms ease;
      transition: all 500ms ease; 
}
#chatMessages::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
	background-color: #F5F5F5;
}

#chatMessages::-webkit-scrollbar
{
	width: 12px;
	background-color: #F5F5F5;
}

#chatMessages::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #014670;
}
.scrollstyle::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
	background-color: #F5F5F5;
}
.scrollstyle::-webkit-scrollbar
{
	width: 12px;
	background-color: #F5F5F5;
}

.scrollstyle::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #014670;
}
/*Mobile Fix*/
@media (max-width: 480px){
 .chat .cont-mensaje .thumb{
  float: none !important;
  margin:0 auto !important; 
 }
 .chat .cont-mensaje .mensaje{
  width: 100% !important;
 }
}
.chat-invitados .foto img {
max-height: inherit !important; 
margin: 5px auto !important;
width: 100% !important; 
}
.chat-invitados .nombre h3 {
font-size: 16px !important; 
font-weight: bold !important;
}
.chatcontainer .chat-invitados {
color: #000 !important;
}
@media (min-width: 768px) { 
    .chat-container .chat{
        height: 2000px;}
}
@media (min-width: 768px){
  .chatcontainer .chat-invitados{
    height: 1851px;
    overflow-y: auto;
    overflow-x: hidden;
  }
}
.guest-data.guest-data.col-xs-12 a {
color: #000 !important;
}
.view-display-id-en_vivo_chat_room_page
{
 width: 75%;
 float: left;
}
.chatcontainer #attach-box
{
  padding: 0 !important;
}

.chatcontainer #attach-box .adjuntar_div
{
	width: 100px;
	float: left;
}

.chatcontainer #attach-box .campos_div
{
	width: calc( 100% - 150px );
	float: left;
}

.chatcontainer #attach-box .send_div
{
	width: 50px;
	float: left;
}

.chatcontainer #attach-box .campos_div input
{
	font-size: 12px;
	width: 100%;
}

.chatcontainer #attach-box .campos_div .col-lg-12
{
	padding: 0 !important;
}

.chatcontainer #attach-box .adjuntar_div .button,
.chatcontainer #attach-box .send_div .button
{
	width: 100%;
	padding: 21px 12px;
}

.chatcontainer #attach-box .adjuntar_div .filename
{
    position: absolute;
    bottom: -27px;
    padding: 5px 10px;
    color: #000;
    font-size: 11px;
    z-index: 99;
}

@media (max-width: 1024px) 
{
	
	.chatcontainer #attach-box .adjuntar_div
	{
		width: 100%;
	}

	.chatcontainer #attach-box .campos_div
	{
		width: 100%;
	}

	.chatcontainer #attach-box .send_div
	{
		width: 100%;
	}

	.chatcontainer #attach-box .adjuntar_div .button,
	.chatcontainer #attach-box .send_div .button
	{
		padding: 6px 12px;
	}

}

.field-name-field-u24chat-description .field-label {
  display: none;
} 
.ng-scope #fancybox-content {
   width: 100% !important;
}
