/*
www.devsaran.com
*/

/* =Reset
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}

/* remember to define focus styles! */
:focus {
  outline: 0;
}
body {
  color: #333;
  background: #EEEEE7;
  font-family:"Arial";
  font-size:12px;
}
ol, ul {
  list-style: none;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
  border-collapse: separate;
  border-spacing: 0;
}
caption, th, td {
  font-weight: normal;
  text-align: left;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content:'';
}
blockquote, q {
  quotes: "" "";
}
a img {
  border: 0;
}

/* Block elements */
header, hgroup, footer, section, article, aside {
  display: block;
}

/* Body, Common Classes & Wrap */


#wrapper {
  margin: 0 auto 2em;
  max-width: 980px;
}
#header hgroup {
  margin: 0 3%;
  padding: 2.5em 0;
}
/*#navigation div {
  margin: 0 3%;
}*/

#content_top{
 width:98%;
 height:auto;
 padding:0;
 margin:0 auto;
 background:none;
}

#primary {
  float: left;
  margin: 0 -34% 0 0;
  width: 100%;
  background:#FFFFFF;
  border-top:1px solid #E6E3DD;
}
#content {
  margin: 0 33% 0 0;
  width: 67%;

}
#sidebar {
  float: right;
  margin-right:0;
  width: 30.9%;
  padding:14px 10px 10px 9px;
  border-left:1px solid #E6E3DD;
}

/* Right Content */
.left-sidebar #primary {
  float: right;
  margin: 0 0 0 -30%;
  width: 100%;
}
.left-sidebar #content {
  margin: 0 3% 0 33%;
  width: 64%;
}
.left-sidebar #sidebar {
  float: left;
  margin-left: 3%;
  margin-right: 0;
  width: 27%;
}

.wide-sidebar #primary {
  float: left;
  margin: 0 -35.5% 0 0;
  width: 100%;
}
.wide-sidebar #content {
  margin: 0 38.6% 0 3%;
  width: 58.4%;
}
.wide-sidebar #sidebar {
  float: right;
  margin-right: 3%;
  width: 32.5%;
}

/* Right Content */
.wide-sidebar.left-sidebar #primary {
  float: right;
  margin: 0 0 0 -33%;
  width: 100%;
}
.wide-sidebar.left-sidebar #content {
  margin: 0 3% 0 38.6%;
  width: 58.4%;
}
.wide-sidebar.left-sidebar #sidebar {
  float: left;
  margin-left: 3%;
  margin-right: 0;
  width: 30%;
}

.no-sidebars #primary{
  margin: 0;
}
.no-sidebars #content{
  margin: 0 3%;
  position: relative;
  width: auto;
}

#wrapper {
  background:#FFFFFF;
}

a {
  color: #C63A3F;
  text-decoration: none;
}

a:focus,
a:active,
a:hover {
  text-decoration: none;
}

h1 {
    font-size: 26px;
}
h2 {
    font-size: 24px;
}
h3 {
    font-size: 22px;
    font-weight: bold;
  margin: 0 0 0.8125em;
}
h4 {
    font-size: 20px;
    margin: 0 0 0.5em;
}
h5 {
    font-size: 18px;
}
h6 {
    font-size: 16px;
}
hr {
  background-color: #ccc;
  border: 0;
  height: 1px;
  margin-bottom: 2em;
}

/* Text elements */
ul, ol {
  margin: 0 0 1em 1.5em;
}
ol {
  list-style-type: decimal;
}
ol ol {
  list-style: upper-alpha;
}
ol ol ol {
  list-style: lower-roman;
}
ol ol ol ol {
  list-style: lower-alpha;
}
ul ul, ol ol, ul ol, ol ul {
  margin-bottom: 0;
}
dl {
  margin: 0 2em;
}
dt {
  font-weight: bold;
}
dd {
  margin-bottom: 2em;
}
strong {
  font-weight: bold;
}
cite, em, i {
  font-style: italic;
}
blockquote {
  font-family: Georgia, "Bitstream Charter", serif;
  font-style: italic;
  font-weight: normal;
  margin: 0 3em;
}
blockquote em, blockquote i, blockquote cite {
  font-style: normal;
}
blockquote cite {
  color: #666;
  font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}
code, kbd {
  font: 13px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
abbr, acronym, dfn {
  border-bottom: 1px dotted #666;
  cursor: help;
}
address {
  display: block;
  margin: 0 0 2em;
}
ins {
  background: #fff9c0;
  text-decoration: none;
}
sup,
sub {
  font-size: 10px;
  height: 0;
  line-height: 1;
  position: relative;
  vertical-align: baseline;
}
sup {
  bottom: 1ex;
}
sub {
  top: .5ex;
}

table {
  width: 100%;
}

th {
  font-weight: bold;
  padding:10px 10px;
  color:#fff;
}

tr{
  padding:5px 5px;
}

td{
  padding:5px 10px;
  border-top:1px solid #ddd;
  border-right:1px solid #ddd;
}

/* clearfix hack */
.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
.clearfix {
  display: inline-block;
}
/* start commented backslash hack \*/
* html .clearfix {
  height:1%;
}
.clearfix {
  display: block;
}
.clear {
  clear: both;
}
/* close commented backslash hack */
.displayblock {
  display: block;
}
.displaynone {
  display: none;
}

#header {
  background-color: #fff;
  position: relative;
  -moz-border-radius: 5px;
  border-radius: 5px;

}
#site-name {
  margin-right: 270px;
  padding: 0;
  font-size: 36px;
  line-height: 46px;
}
#site-name a {
  color: #111;
  font-weight: bold;
  text-decoration: none;
}
#site-name a:hover,
#site-name a:focus,
#site-name a:active {
  color: #1982d1;
}
#site-slogan {
  color: #7a7a7a;
  font-size: 14px;
  margin: 0 270px 0 0;
}
#header img {
  height: auto;
  max-width: 100%;
}
#header #site-logo { 
  margin:0;
  padding: 20px 0 20px 10px;
}

/* =Menu
-------------------------------------------------------------- */

#header #navigation {
  background:url('images/backmenu.jpg') repeat-x left top;
  clear: both;
  display: block;
  float: left;
  margin: 0 5px;
  width: 99%;
}
#main-menu > ul.menu{
  margin:0;
  padding: 0;
  font-family:'Karla',sans-serif;
  font-weight:700;
  font-size:10px;
}

#main-menu > ul.menu li {
  width:auto;
  background:none;
  border-right:1px solid #4D5E1D;
  border-left:1px solid #88A433;
  color:#FFFFFF;
  font-size:12px;
  /*border-right: 1px solid #444;*/
  float: left;
  position: relative;
  list-style: none outside none;
}
#main-menu > ul.menu a {
 color:#FFFFFF;
 text-align:center;
 text-transform:uppercase;
 font-family:'Karla',sans-serif;
 font-weight:700;
 font-size:12.4px;
 padding:9px 11px;
}
#main-menu > ul.menu a {
  display: block;
}
#main-menu > ul.menu ul {
  -moz-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
  -webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
  box-shadow: 0 3px 3px rgba(0,0,0,0.2);
  display: none;
  float: left;
  margin:0;
  position: absolute;
  top: 2.5em;
  left: 0;
  list-style: none;
  width:242px;
  z-index: 99999;
  border:5px solid #9DB517;
  background:#FFFFFF;
}

#main-menu > ul.menu ul li{
 width:100%;
}

#main-menu > ul.menu ul li.first{
 background:#F1F1EA;
}

#main-menu > ul.menu ul li.first a{
 text-transform:uppercase;
 color:#333333;
 font-family:'Karla',sans-serif;
 font-weight:700;
 font-size:14px;
}

#main-menu > ul.menu ul ul {
  left: 100%;
  top: 0;
}
#main-menu > ul.menu ul a {
  background: none;
  border-bottom: 1px dotted #ccc;
  color: #444;
  font-size: 13px;
  font-weight: normal;
  height: auto;
  line-height: 1.4em;
  padding: 10px;
  width:auto;
  text-align:left;
  text-transform:none;
}
#main-menu > ul.menu li:last-child,
#main-menu > ul.menu li.last,
#main-menu > ul.menu ul li {
  border:none;
}

#main-menu ul.menu li a:active,
#main-menu ul.menu li a.active{
  background:#6A8028;
  color:#FFFFFF;
  outline: 0;
}

#main-menu ul.menu li:hover,
#main-menu ul.menu li a:focus,
#main-menu ul.menu li a:hover{
 background:#9DB517;
}

#main-menu ul.menu li.expanded:hover,
#main-menu ul.menu li.expanded a:focus,
#main-menu ul.menu li.expanded a:hover{
 background:#9DB517 url('images/arrow-down.png') no-repeat 95% 14px;
}

#main-menu ul.menu li.expanded a:active,
#main-menu ul.menu li.expanded a.active{
  background:#6A8028 url('images/arrow-down.png') no-repeat 95% 14px;
  color:#FFFFFF;
  outline: 0;
}

#main-menu > ul.menu li:hover > ul {
  display: block;
}
#main-menu > ul.menu a.active {
  font-weight: bold;
}

#main-menu ul li.leaf, #main-menu ul li.expanded { list-style: none; }

#main-menu ul li.expanded{
 background:url('images/arrow-down.png') no-repeat 95% 14px;
}

#main-menu ul.menu li ul li{
 width:94%;
 background:#FFFFFF url('images/item-icon-red.png') no-repeat 10px center;
 padding-left:15px;
}

#main-menu ul.menu li.expanded ul li:hover{
 background:#FFFFFF url('images/item-icon-red.png') no-repeat 10px center;
 color:#C4332E;
}

#main-menu ul.menu li.expanded ul li a:focus,
#main-menu ul.menu li.expanded ul li a:hover{
 background:none;
 color:#C4332E;
}

#main-menu ul.menu li.expanded ul li.first:hover{
 background:#F1F1EA;
 color:#C4332E;
}

#main-menu ul.menu li.expanded ul li a:active,
#main-menu ul.menu li.expanded ul li a.active{
  background:#FFFFFF;
  color:#C4332E;
  font-weight:normal;
  outline: 0;
}

#main-menu ul.menu li.expanded ul li.first a:active,
#main-menu ul.menu li.expanded ul li.first a.active{
  background:#F1F1EA;
  color:#C4332E;
  font-weight:bold;
  outline: 0;
}

#main-menu ul.menu li ul li.first{
 width:100%;
 padding-left:0;
}

#main-menu ul.menu li ul li a{
 font-family:"Arial";
 font-size:14px;
 color:#000000;
 padding:9px 3px 9px 4px;
}


#main-menu ul li.expanded a{
 padding:9px 16.5px 9px 10px;
}

.tinynav { 
  display: none;
  font-size: 16px;
}

/* Featured Slider */
#slider {
    background-color: #555;
    border-bottom: 2px solid #ccc;
    border-radius: 5px;
  -moz-border-radius: 5px;
    margin: 0 0 2em;
    position: relative;
}


#slider-wrap img {
    border: medium none;
  display: block;
    height: auto;
  padding: 0;
    max-width: 100%;
}
#slider-wrap a:hover img {
  background: none;
  border: none;
}
#slider-wrap a {
  display: block;
  padding: 11px 11px 10px;
}

#slider-wrap .featured-text {
    color: #FFFFFF;
    padding: 0 11px 10px;
}
#slider-wrap .featured-text a {
  display: inline;
  padding: 0;
}
#content #nav-slider {
  padding: 0;
}
#nav-slider img {
   max-width:33px;
   height:auto;
   width:100%;
 }
#nav-slider .nav-previous, 
#nav-slider .nav-next {
    cursor: pointer;
    display: block;
    max-width: 33px;
    opacity: 0.7;
    position: absolute;
    top: 106px;
    width: 6%;
    z-index: 999;
}
#nav-slider .nav-previous:hover, 
#nav-slider .nav-next:hover {
  opacity: 10;
}
#nav-slider .nav-previous {
    left: 11px;
}
#nav-slider .nav-next {
    right: 11px;
}


/* =Content
----------------------------------------------- */

#content-wrap {
  padding:10px;
  position: relative;
  width: auto;
}

.node h2.title, h1.page-title, .node h2.title a, h1.page-title a {
  color: #222222;
  text-decoration: none;
}
.node h2.title, h1.page-title {
  clear: both;
  color: #222222;
  font-size: 26px;
  font-weight: bold;
  line-height: 1.5em;
  padding-bottom: 0.3em;
  padding-top: 15px;
}

#main #content .node-teaser {
  padding-bottom:30px;
  border-bottom:1px solid #DDDDDD;
  margin-bottom: 15px;
}

.node-teaser img {
  height: auto;
  max-width: 100%;
  float: left;
}

.node-teaser p {
  margin-bottom: 1em;
}

#preface-area{
 background:#EEEEE7;
}

#preface-area h2{
 color: #C83C3F;
 font-family: "Karla",sans-serif;
 font-size: 12px;
 font-weight: 700;
 margin: 6px 0;
 text-transform: uppercase;
}

#sidebar .block {
  clear: both;
}

#preface-area .block p,
.region-content-top .block p,
#footer-area .block p,
#sidebar .block p {
  margin-bottom: 1em;
}

#preface-area .block img,
.region-content-top .block img,
#footer-area .block img,
#sidebar .block img {
  height: auto;
  max-width: 100%;
}

#preface-block-wrap.in1 .preface-block {
  margin-bottom: 2.5em;
}

#preface-block-wrap.in2 .preface-block {
  float: left;
  width: 48.5%;
}
#preface-block-wrap.in2 .preface-block + .preface-block {
  float: right;
}

#preface-block-wrap.in3 .preface-block {
    float: left;
    margin-right: 3%;
    width: 31.3%;
}
#preface-block-wrap.in3 .preface-block + .preface-block + .preface-block {
  margin-right: 0;
}

#preface-block-wrap.in4 .preface-block {
    float: left;
    margin-right: 1%;
    width: 24.2%;
}
#preface-block-wrap.in4 .preface-block + .preface-block + .preface-block + .preface-block {
  margin-right: 0;
}

/* Breadcrumb */

#breadcrumbs {
 font-size: 11px;
 font-family:"Georgia";
 color:#000000;
 padding-left: 5px;
}

#breadcrumbs a {
 color:#999999;
 text-transform: capitalize;
}

/* Boton Almagan */

#almagan_button {
  padding: 8px 15px;
  background-color: rgb(85, 57, 155);
  background-image: none;
  border-radius: 8px;
  border-color: rgb(85, 57, 155);
  border-style: solid;
  box-shadow: none;
  cursor: pointer;
  transition: 0.5s;
}

#almagan_button a {
  color: white;
  text-decoration: none;
}
#almagan_button i {
  vertical-align: -10%;
  padding-left: 10px
}

#almagan_button:hover {
  background: rgb(207, 232, 87);
  border-color: rgb(207, 232, 87);
}
#almagan_button:hover a {
  color: rgb(85, 57, 155);
}

/* =Footer
----------------------------------------------- */

#footer-bottom {
  clear: both;
}
#footer-area {
    background-color: #EEEEE7;
    border-top: 1px solid #FFFFFF;
    overflow: hidden;
    padding: 23px 0 0 0;
    line-height:22px;
}

#footer-block-wrap.in1 .footer-block {
  margin-bottom: 2.5em;
}

#footer-block-wrap.in2 .footer-block {
  float: left;
  width: 48.5%;
}
#footer-block-wrap.in2 .footer-block + .footer-block {
  float: right;
}

#footer-block-wrap.in3 .footer-block {
    float: left;
    margin-right: 3%;
    width: 31.3%;
}
#footer-block-wrap.in3 .footer-block + .footer-block + .footer-block {
  margin-right: 0;
}

#footer-block-wrap.in4 .footer-block {
    float: left;
    margin-right: 3%;
    width: 22%;
}
#footer-block-wrap.in4 .footer-block + .footer-block + .footer-block + .footer-block {
  margin-right: 0;
}

#footer-block-wrap.in5 .footer-block {
    float: left;
    margin-right: 2%;
    width: 28%;
}

#footer-block-wrap.in5 .footer-block + .footer-block,
#footer-block-wrap.in5 .footer-block + .footer-block + .footer-block,
#footer-block-wrap.in5 .footer-block + .footer-block + .footer-block + .footer-block,
#footer-block-wrap.in5 .footer-block + .footer-block + .footer-block + .footer-block + .footer-block {
    float: left;
    margin-right: 2%;
    width: 16%;
    padding:15px 0 0 0;
}

#footer-block-wrap.in5 .footer-block + .footer-block + .footer-block + .footer-block + .footer-block {
  margin-right: 0;
}

#footer-block-wrap.in5 .footer-block + .footer-block a,
#footer-block-wrap.in5 .footer-block + .footer-block + .footer-block a,
#footer-block-wrap.in5 .footer-block + .footer-block + .footer-block + .footer-block a,
#footer-block-wrap.in5 .footer-block + .footer-block + .footer-block + .footer-block + .footer-block a {
    color: #333333;
    font-family: "Arial";
    font-size: 12px;
}

#bottom {
  background-color: #fff;
  border-top: 1px solid #ccc;
  border-bottom: 2px solid #aaa;
  clear: both;
  -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
  color: #666;
  font-size: 12px;
  line-height: 2.2em;
  padding: 2.2em 0.5em;
  text-align: center;
}
#bottom a {
  color: #555;
  font-weight: bold;
}
#bottom .copyright, 
#bottom .credit {
    display: inline;
    width: 47%;
}
#bottom .copyright { 
  clear: both;
  margin-left: 3%;
  float: left;
    text-align: left;
}
#bottom .credit { 
  margin-right: 3%;
  float: right;
  text-align: right;
}
/* Social Profile */
.social-profile {
  position: absolute;
  right: 1%;
  top: 2.2em;
}

/* -------------- Form Elements  ------------- */

fieldset { background: #eeeee7; border: 1px solid #eeeee7; margin-top: 0px; margin-bottom: 20px;
padding: 0 0 0px; position: relative; top: 12px; /* Offsets the negative margin of legends */
-khtml-border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 0px; }

.fieldset-wrapper { margin-top: 25px; }

.node-form .vertical-tabs .fieldset-wrapper { margin-top: 0; }

.filter-wrapper { top: 0; padding: 1em 0 0.2em;
-khtml-border-radius-topright: 0; -khtml-border-radius-topleft: 0; -moz-border-radius-topright: 0; -moz-border-radius-topleft: 0;
-webkit-border-top-left-radius: 0; -webkit-border-top-right-radius: 0; border-top-left-radius: 0; border-top-right-radius: 0; }

.filter-help a { font-size: 0.857em; padding: 2px 20px 0; }

.filter-wrapper .form-item label { margin-right: 10px; }

.filter-wrapper .form-item { padding: 0 0 0.5em 0.5em; }

.filter-guidelines { padding: 0 1.5em 0 0.5em; }

fieldset.collapsed { background: transparent; -khtml-border-radius: 0; -moz-border-radius: 0;  -webkit-border-radius: 0; border-radius: 0; }

fieldset legend {
  background: #eeeee7;
  border: 1px solid #d2d2d2;
  border-bottom: none;
  display: block;
  height: 2em;
  left: -1px;
  line-height: 2;
  padding: 0;
  position: absolute;
  /**ubicacion horizontal ventana expandible*/
  text-indent: 620px;
  /**ubicacion horizontal ventana expandibl*/
  text-shadow: 0 1px 0 #fff;
  top: -3px;
  width: 100%;
  -khtml-border-radius-topleft: 4px;
  -moz-border-radius-topleft: 4px;
  -webkit-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -khtml-border-radius-topright: 4px;
  -moz-border-radius-topright: 4px;
  -webkit-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
}

fieldset.collapsed legend { -khtml-border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }

fieldset .fieldset-wrapper { padding: 0 0px; }

fieldset .fieldset-description { margin-top: 5px; margin-bottom: 1em; line-height: 1.4; font-style: italic; }

input { margin: 2px 0; padding: 4px; }

input, textarea {  font-size: 0.929em; }

textarea { line-height: 1.5; }

textarea.form-textarea, select.form-select { padding: 4px; }

input.form-text, textarea.form-textarea, select.form-select { border: 1px solid #ccc; }

.password-suggestions ul li { margin-left: 1.2em; }

.form-type-radio label, .form-type-checkbox label { margin-left: 4px; }

.form-type-radio .description, .form-type-checkbox .description { margin-left: 2px; }

.form-actions { padding-top: 10px; }

/* Contact Form */

.contact-form #edit-name { width: 100%;
-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
-khtml-border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }

.contact-form #edit-mail { width: 100%;
-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
-khtml-border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }

.contact-form #edit-subject { width: 100%;
-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
-khtml-border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }

.contact-form #edit-message { width: 100%;
-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
-khtml-border-top-left-radius: 4px; -khtml-border-top-right-radius: 4px; -moz-border-radius-topleft: 4px;
-moz-border-radius-topright: 4px; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px;
border-top-left-radius: 4px; border-top-right-radius: 4px; }

.contact-form .resizable-textarea .grippie {  width: 100%;
-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
-khtml-border-bottom-left-radius: 4px; -khtml-border-bottom-right-radius: 4px; -moz-border-radius-bottomleft: 4px;
-moz-border-radius-bottomright: 4px; -webkit-border-bottom-left-radius: 4px; -webkit-border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; }

/* Comment form */

.comment-form label { float: left; font-size: 0.929em; }

.comment-form input, .comment-form .form-select { margin: 0; 
-khtml-border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }

.comment-form .form-type-textarea label { float: none; }

.comment-form .form-item,
.comment-form .form-radios,
.comment-form .form-type-checkbox,
.comment-form .form-select { margin-bottom: 10px; overflow: hidden; }

.comment-form .form-type-checkbox,
.comment-form .form-radios { margin-left: 120px; }

.comment-form .form-type-checkbox label,
.comment-form .form-radios label { float: none; margin-top: 0; }

.comment-form input.form-file { width: auto; }

.comment-form .form-text { display: block; margin: 0; width: 100%;
-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

.comment-form .form-item .description { font-size: 0.786em; line-height: 1.2; margin-left: 120px; }

#content h2.comment-form { margin-bottom: 0.5em; }

.comment-form .form-textarea { -khtml-border-radius-topleft: 4px; -khtml-border-radius-topright: 4px;
-moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px;
-webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px;
border-top-left-radius: 4px; border-top-right-radius: 4px; }

.comment-form fieldset.filter-wrapper .fieldset-wrapper,
.comment-form .text-format-wrapper .form-item { margin-top: 0; margin-bottom: 0; }

.filter-wrapper label { width: auto; float: none; }

.filter-wrapper .form-select { min-width: 120px; }

.comment-form fieldset.filter-wrapper .tips { font-size: 0.786em; }

#comment-body-add-more-wrapper .form-type-textarea label { margin-bottom: 0.4em; }

#edit-actions input { margin-right: 0.6em; }

/* Other Overrides */

div.password-suggestions { border: 0; }

.ui-widget-overlay { background: #222222; opacity: 0.7; }

div.vertical-tabs .vertical-tabs-panes fieldset.vertical-tabs-pane { padding: 1em; }

#forum .name { font-size: 1.083em; }

#forum .description { font-size: 1em; }

/* Form Buttons */

button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
/* IE10 */ 
background-image: -ms-linear-gradient(to top, #FFFFFF 0%, #E3E3E3 100%);
/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(to top, #FFFFFF 0%, #E3E3E3 100%);
/* Opera */ 
background-image: -o-linear-gradient(to top, #FFFFFF 0%, #E3E3E3 100%);
/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(1, #E3E3E3));
/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #E3E3E3 100%);
/* Proposed W3C Markup */ 
background-image: linear-gradient(to top, #FFFFFF 0%, #E3E3E3 100%);
/* IE6-9 */ 
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#E3E3E3');

border: 1px solid #dbdbdb;
-moz-border-radius: 6px; -webkit-border-radius: 6px; -o-border-radius: 6px; -ms-border-radius: 6px; -khtml-border-radius: 6px; border-radius: 6px;
-moz-box-shadow: inset 0 1px 0 0 white; -webkit-box-shadow: inset 0 1px 0 0 white; -o-box-shadow: inset 0 1px 0 0 white; box-shadow: inset 0 1px 0 0 white;
color: #333333; /*text-shadow: 0 1px 0 white;*/ position: relative; font-weight:bold; padding: 4px .8em 5px .8em; font-size: 13px; }

button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover {
/* IE10 */ 
background-image: -ms-linear-gradient(top, #DBDBDB 0%, #F2F2F2 100%);
/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(top, #DBDBDB 0%, #F2F2F2 100%);
/* Opera */ 
background-image: -o-linear-gradient(top, #DBDBDB 0%, #F2F2F2 100%);
/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #DBDBDB), color-stop(1, #F2F2F2));
/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(top, #DBDBDB 0%, #F2F2F2 100%);
/* Proposed W3C Markup */ 
background-image: linear-gradient(to top, #DBDBDB 0%, #F2F2F2 100%);
/* IE6-9 */ 
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#DBDBDB', endColorstr='#F2F2F2');

-moz-border-radius: 6px; -webkit-border-radius: 6px; -o-border-radius: 6px; -ms-border-radius: 6px; -khtml-border-radius: 6px; border-radius: 6px;
-moz-box-shadow: inset 0 1px 0 0 white;
-webkit-box-shadow: inset 0 1px 0 0 white;
-o-box-shadow: inset 0 1px 0 0 white;
box-shadow: inset 0 1px 0 0 white;
cursor: pointer; }

button.full-width,
input[type="submit"].full-width,
input[type="reset"].full-width,
input[type="button"].full-width { 
width: 100%; padding-left: 0 !important; padding-right: 0 !important; text-align: center; }


#block-search-form { padding-bottom: 7px; }

#block-search-form .content { margin-top: 0; }

#search-form input#edit-keys,
#block-search-form .form-item-search-block-form input { float: left; font-size: 1em; height: 1.143em; /*margin-right: 5px;*/ width: 9em; }

#search-block-form input.form-submit,
#search-form input.form-submit { margin-left: 0; margin-right: 0; height: 25px; width: 34px; padding: 0; cursor: pointer;
text-indent: -9999px; border-color: #e4e4e4 #d2d2d2 #b4b4b4; background: url(images/search-button.png) no-repeat center top; overflow: hidden; }

#search-block-form input.form-submit:hover,
#search-block-form input.form-submit:focus,
#search-form input.form-submit:hover,
#search-form input.form-submit:focus { background-position: center bottom; }

#search-form .form-item-keys label { display: block; }


ol.search-results { padding-left: 0; }

.search-results li { border-bottom: 1px solid #d3d7d9; padding-bottom: 0.4285em; margin-bottom: 0.5em; }

.search-results li:last-child { border-bottom: none; padding-bottom: 0; margin-bottom: 1em; }

.search-results .search-snippet-info { padding-left: 0; }

.submitted{
  background: #eee;
  padding: 4px 9px;
  border-radius: 4px;
  color: #383838;
  text-shadow: 1px 1px #fff;
  clear: both;
  display: block;
  margin-bottom: 2px;
}


/*-------------------------------------------*
/* Fix CKEditor style
/*-------------------------------------------*/
#content table.cke_editor {
  background: transparent;
  border: 0;
}
#content table.cke_editor td {
  background: transparent;
  padding: 0;
  border: 0;
}

/*-------------------------------------------*
/* Menus and item lists 
/*-------------------------------------------*/
.item-list ul {
  margin: 0;
  padding: 0 0 0 1.5385em;
}

.item-list ul li {
  margin: 0;
  padding: 0;
}

ul.menu li {
  margin: 0;
  padding: 0;
}

ul.inline {
  clear: both;
}

ul.inline li {
  margin: 0;
  padding: 0;
}

/*-------------------------------------------*
/* Admin Tabs
/*-------------------------------------------*/
.tabs-wrapper {
  border-bottom: 1px solid #b7b7b7;
  margin: 0 0 5px 0;
}

ul.primary {
  border: none;
  margin: 0;
  padding: 0;
}

ul.primary li a {
  background: none;
  border: none;
  display: block;
  float: left;
  line-height: 1.5385em;
  margin: 0;
  padding: 0 1em;
  border-radius: 4px 4px 0 0;
  margin-right: 5px;
}

ul.primary li a:hover, ul.primary li a.active {
  background: #666;
  border: none;
  color: #fff;
}

ul.primary li a:hover {
  background: #888;
  text-decoration: none;
}

ul.secondary {
  background: #666;
  border-bottom: none;
  clear: both;
  margin: 0;
  padding: 0;
}

ul.secondary li {
  border-right: none;
}

ul.secondary li a, ul.secondary li a:link {
  border: none;
  color: #ccc;
  display: block;
  float: left;
  line-height: 1.5385em;
  padding: 0 1em;
}

ul.secondary li a:hover, ul.secondary li a.active {
  background: #888;
  color: #fff;
  text-decoration: none;
}

ul.secondary a.active {
  border-bottom: none;
}

ul.inline, ul.links.inline {
  margin-left: 0;
}

/*-------------------------------------------*
/* Tabs and Tags
/*-------------------------------------------*/
.field-name-field-tags {
  margin: 0 0 10px 0;
}

.field-name-field-tags a{
  -moz-transition: opacity 0.2s ease-in-out 0s;
  background: none repeat scroll 0 0 #999;
  color: #FFFFFF !important;
  line-height: 1em !important;
  margin-bottom: 3px;
  margin-right: 3px;
  opacity: 0.9;
  padding: 4px 6px;
}

.field-name-field-tags a:hover{
  opacity: 1;
}

.field-name-field-tags .field-item {
  margin: 0 1em 0 0;
}

.field-name-field-tags div {
  display: inline;
}

#main .field-label{
/*  color: #000;*/
}

#main .field-items .field-item{
}

/*-------------------------------------------*
/* Profile
/*-------------------------------------------*/
.profile {
  margin: 1.5385em 0;
}

.profile dd {
  margin-bottom: 1.5385em;
}

.profile h3 {
  border: none;
}

.profile dt {
  margin-bottom: 0;
}

.password-parent {
  width: 36em;
}

/* Comments */

.comment h2.title { margin-bottom: 1em; }

.comment div.user-picture img { margin-left: 0; }

.comment { margin-bottom: 20px; display: table; vertical-align: top; }

.comment .attribution { display: table-cell; padding: 0 8px 0 0; vertical-align: top; overflow: hidden; }

.comment .attribution img { margin: 0; border: 1px solid #d3d7d9; }

.comment .attribution .username { white-space: nowrap; }

.comment .comment-submitted p { margin: 4px 0; font-family:"Arial"; font-size: 15px; line-height: 18px; font-weight:bold; }

.comment .comment-submitted p a { color:#333333; }

.comment .comment-submitted .comment-time { font-size: 0.786em; }

.comment .comment-submitted .comment-permalink { font-size: 0.786em; text-transform: lowercase; }

.comment .content { font-size: 0.929em; line-height: 1.6; }

.comment .comment-arrow { background: url(images/comment-arrow.gif) no-repeat 0 center transparent;
border-left: 1px solid; border-right: 1px solid; height: 40px; margin-left: -36px; margin-top: 15px; position: absolute; width: 20px; }

.comment .comment-text { padding: 0 25px 10px 10px; display: table-cell; vertical-align: top; position: relative; width: 100%; /*border-left: 1px solid #d3d7d9;*/ }

.comment .indented { margin-left: 40px; }

.comment-unpublished { margin-right: 5px; padding: 5px 2px 5px 5px; }

.comment .comment-text .comment-arrow { border-left: 1px solid #ffffff; border-right: 1px solid #ffffff; }

/*-------------------------------------------*
/* Forum
/*-------------------------------------------*/
.field-name-taxonomy-forums div {
  display: inline;
  margin-top: 4px;
}

.field-name-taxonomy-forums .field-items {
}

#forum .title {
  font-size: 16px;
}

#forum .submitted {
  font-size: 12px;
  font-family: Lucida Grande, Verdana, Arial, sans-serif;
  background: transparent;
  padding: 0;
}

#forum .container {
  background: #a1a1a1;
  color: #fff;
}

#forum .container a {
  color: #000;
  font-weight: bold;
}

#forum div.indent {
  margin-left: 2px;
}

.forum-starter-picture {
  float: left;
  padding: 4px;
  border: 1px solid #d9d9d9;
  margin: 5px 7px 5px 0;
}

#forum th {
  background: #434343;
  text-shadow: none;
  color: #fff;
}

#forum th a {
  color: #fff;
}

#forum td.forum .icon, #forum .icon div {
  background: url(images/no-new-posts.png) no-repeat;
  width: 35px;
  height: 35px;
}

#forum .name a{ 
  font-size: 16px;
}

/* Menú footer */

#footer-bottom #navigation {
  background:#EEEEE7;
  clear: both;
  display: block;
  float: left;
  padding: 0 10px;
  margin:0;
  width: 100%;
  border-bottom:1px solid #E6E3DD
}

#main-menu-footer > ul.menu{
 margin:0;
 padding: 0;
 color:#333333;
 text-align:center;
 text-transform:uppercase;
 font-family:'Karla',sans-serif;
 font-weight:700;
 font-size:13px;
}

#main-menu-footer > ul.menu li {
  width:auto;
  background:#EEEEE7;
  border-right:1px solid #EEEEE7;
  border-left:1px solid #EEEEE7;
  color:#333333;
  font-size:13px;
  float: left;
  position: relative;
  list-style: none outside none;
}

#main-menu-footer > ul.menu a {
 color:#333333;
 text-align:center;
 text-transform:uppercase;
 font-family:'Karla',sans-serif;
 font-weight:700;
 font-size:13px;
 padding:15px 10px;
 text-decoration: none;
}
#main-menu-footer > ul.menu a {
  display: block;
}
#main-menu-footer > ul.menu ul {
  -moz-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
  -webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
  box-shadow: 0 3px 3px rgba(0,0,0,0.2);
  display: none;
  float: left;
  margin: 0;
  position: absolute;
  top: 3em;
  left: 0;
  list-style: none;
  width: 188px;
  z-index: 99999;
}

#main-menu-footer > ul.menu li:last-child, 
#main-menu-footer > ul.menu ul li {
  border:none;
}

#main-menu-footer ul.menu li:hover,
#main-menu-footer ul.menu li a:focus,
#main-menu-footer ul.menu li a:hover,
#main-menu-footer ul.menu li a:active,
#main-menu-footer ul.menu li a.active{
  background:#EEEEE7;
  color:#333333;
  outline: 0;
}

#main-menu-footer > ul.menu li:hover > ul {
  display: block;
}
#main-menu-footer > ul.menu a.active {
  font-weight: bold;
}

/* menú footer width child*/

#main-menu-footer > ul.menu ul li{
 width:100%;
}

#main-menu-footer > ul.menu ul li.first{
 background:#F1F1EA;
}

#main-menu-footer > ul.menu ul li.first a{
 text-transform:uppercase;
 color:#333333;
 font-family:'Karla',sans-serif;
 font-weight:700;
 font-size:14px;
}

#main-menu-footer > ul.menu ul ul {
  left: 100%;
  top: 0;
}
#main-menu-footer > ul.menu ul a {
  background: none;
  border-bottom: 1px dotted #ccc;
  color: #444;
  font-size: 13px;
  font-weight: normal;
  height: auto;
  line-height: 1.4em;
  padding: 10px;
  width:auto;
  text-align:left;
  text-transform:none;
}
#main-menu-footer > ul.menu li:last-child, 
#main-menu-footer > ul.menu ul li {
  border:none;
}

#main-menu-footer ul.menu li a:active,
#main-menu-footer ul.menu li a.active{
  background:#CCCCCC;
  color:#333333;
  outline: 0;
}

#main-menu-footer ul.menu li:hover,
#main-menu-footer ul.menu li a:focus,
#main-menu-footer ul.menu li a:hover{
 background:#999999;
 color:#FFFFFF;
}

#main-menu-footer ul.menu li.expanded:hover,
#main-menu-footer ul.menu li.expanded a:focus,
#main-menu-footer ul.menu li.expanded a:hover{
 background:#999999 url('images/arrow-down.png') no-repeat 95% 23px;
}

#main-menu-footer ul.menu li.expanded a:active,
#main-menu-footer ul.menu li.expanded a.active{
  background:#999999 url('images/arrow-down.png') no-repeat 95% 23px;
  color:#333333;
  outline: 0;
}

#main-menu-footer > ul.menu li:hover > ul {
  display: block;
}
#main-menu-footer > ul.menu a.active {
  font-weight: bold;
}

#main-menu-footer ul li.leaf, #main-menu ul li.expanded { list-style: none; }

#main-menu-footer ul li.expanded{
 background:url('images/arrow-down-two.png') no-repeat 95% 23px;
}

#main-menu-footer ul.menu li ul li{
 width:94%;
 background:#FFFFFF url('images/item-icon-red.png') no-repeat 10px center;
 padding-left:15px;
}

#main-menu-footer ul.menu li.expanded ul li:hover{
 background:#FFFFFF url('images/item-icon-red.png') no-repeat 10px center;
 color:#C4332E;
}

#main-menu-footer ul.menu li.expanded ul li a:focus,
#main-menu-footer ul.menu li.expanded ul li a:hover{
 background:none;
 color:#C4332E;
}

#main-menu-footer ul.menu li.expanded ul li.first:hover{
 background:#F1F1EA;
 color:#C4332E;
}

#main-menu-footer ul.menu li.expanded ul li a:active,
#main-menu-footer ul.menu li.expanded ul li a.active{
  background:#FFFFFF;
  color:#C4332E;
  font-weight:normal;
  outline: 0;
}

#main-menu-footer ul.menu li.expanded ul li.first a:active,
#main-menu-footer ul.menu li.expanded ul li.first a.active{
  background:#F1F1EA;
  color:#C4332E;
  font-weight:bold;
  outline: 0;
}

#main-menu-footer ul.menu li ul li.first{
 width:100%;
 padding-left:0;
}

#main-menu-footer ul.menu li ul li a{
 font-family:"Arial";
 font-size:14px;
 color:#000000;
 padding:9px 3px 9px 4px;
}


#main-menu-footer ul li.expanded a{
 padding:20px 17px;
}


/* Bloque Temas del dia + Almagan */

#temas-wrap {
  width: auto;
  height: auto;
  box-sizing: border-box;
  display: grid;
  grid-auto-flow: row;
  grid-template-columns: repeat(5, 1fr);
}

#cg_temas {
  text-align: left;
  grid-column: 1/5;
  height: auto;
}

#block_almagan {
  grid-column: 5/7;
  padding: 10px 12px 10px 0px;
  text-align: right;
}


/* =Responsive Structure
----------------------------------------------- */
/* Smaller than standard 1060 (devices and browsers) */
@media screen and (max-width: 1060px) {
  #wrapper {
    max-width: 960px;
  }

  #nav-slider .nav-previous,
  #nav-slider .nav-next {
    top: 94px;
  }

  /* Ocultar título y bloque de indicadores */

  #block-views-vw-titulo-indicadores2-block,
  #block-views-vw-indicadores-flash-block{
   display:none;
  }

  #cg_pubheader #cg_pubheadcont{
   text-align:center;
  }

  #cg_pubheader #cg_pubheadcont img{
   width:85% !important;
  }
}

@media screen and (max-width: 960px) {

  /*  ipad */
  #wrapper {
    max-width: 708px;
    overflow-x:hidden;
  }

  #cg_pubheader{
   display:none;
  }

  #cg_headcont #cg_date,
  #cg_headcont #cg_sesion a{
   font-size:10px;
  }

  #cg_headcont #cg_redes{
   width:40%;
  }

  #cg_headcont #cg_redes ul.redesol li.find-us{
   width:100%;
  }

  #cg_headcont #cg_sesion{
   width:23%;
   padding:5px 0 0 5px;
  }

  #cg_headcont #cg_sesion a.register{
   padding:4px 5px 0 5px;
  }

  #cg_headcont #cg_sesion a.sesion{
   padding:4px 4px 0 4.5px;
  }

  #cg_headcont #cg_redes table, #cg_headcont #cg_redes table td{
   font-size:9px;
  }

  #cg_radio{
   display:none;
  }

  /* Gran destacado */

  #content_top .noti-grandestacado .views-field-title{
   width:41%;
   height:250px;
   font-family:"Georgia";
   font-size:35px;
   line-height:40px;
   color:#FFFFFF;
   margin:5px 0;
   position:relative;
   top:48px;
   left:58%;
  }

  #content_top .noti-grandestacado .views-field-title a{
   font-family:"Georgia";
   font-size:35px;
   line-height:40px;
   color:#FFFFFF;
  }

  /*--*/

  /* Destacado */

  #content_top .noti-destacado .views-field-field-image{
   width:auto;
   height:auto;
   margin:0 0 10px 0;
   float:none;
  }

  #content_top .noti-destacado .views-field-field-image img{
   width:97%;
   height:auto;
  }

  #content_top .noti-destacado .views-field-title{
   font-family:"Georgia";
   font-size:30px;
   line-height:37.2px;
   color:#000000;
   margin:5px 0;
  }

  /*--*/

  #wrapper #primary img{
   width:97%;
   height:auto;
  }

  #wrapper #primary .vid table tr td{
   width:33%;
  }

  #wrapper #primary .vid table tr td img{
   width:97%;
   height:100px;
  }

  #wrapper #primary .multimed img,
  #wrapper #primary .vermulti img,
  #wrapper #primary .node-galeria img{
   width:85%;
   height:auto;
  }

  #wrapper #primary .addtoany_list a.addtoany_share_save img{
   width:auto;
   height:auto;
  }

  .addtoany_share_save {
    position: relative;
    top: -7px;
  }

  #wrapper #primary .multimed .audio-download img,
  #wrapper #primary .node-audio .audio-download img{
   width:auto;
   height:auto;
  }

  #preface-area .lnew-up .views-field-title,
  #preface-area .lnew-up .views-field-title a,
  #preface-area .reporthup .views-field-title,
  #preface-area .reporthup .views-field-title a,
  #preface-area .hcolum .views-field-title,
  #preface-area .hcolum .views-field-title a,
  #preface-area .hcolum .views-field-field-colum-por{
   font-size:8.2px;
   line-height:9.2px;
  }

  #preface-area .region-preface-middle2 .weather ul li{
   font-size:9px;
  }

  /* seccion institucional menú y contenido */
  #wrapper #primary .field-name-body img{
   width:95% !important;
   height:auto !important;
  }

  #sidebar #block-superfish-4 li{
   width:80%;
  }

  /* Galería home*/
  .galleryformatter{
   width:427px;
  }

  #wrapper #primary .multimed .galleryformatter .gallery-slides,
  #wrapper #primary .node-galeria .galleryformatter .gallery-slides{
   width:426px !important;
   height:265px !important;
  }

  #wrapper #primary .multimed .galleryformatter .gallery-thumbs,
  #wrapper #primary .node-galeria .galleryformatter .gallery-thumbs{
   width:355px !important;
  }

  #wrapper #primary .multimed .galleryformatter-greenarrows .gallery-thumbs,
  #wrapper #primary .node-galeria .galleryformatter-greenarrows .gallery-thumbs{
   padding:0 40px !important;
  }

  .galleryformatter-greenarrows .gallery-slides .panel-overlay{
   width:85%;
  }

  #wrapper #primary .multimed h2.pane-title,
  #wrapper #primary .multimed h2.pane-title a{
   width:auto;
  }

  #wrapper #primary .media-youtube-player{
   width:426px !important;
   height:265px !important;
  }

  #wrapper #primary #quicktabs-multimedia_home ul.quicktabs-tabs li a {
   font-size:10px;
   padding:5px;
  }

  #wrapper #primary .sf-menu.sf-style-pomegranate a{
   font-size:9px;
   padding:4px 3px;
  }

  #wrapper #primary #block-superfish-3 h2{
   padding:14px 4px 0 4px;
  }

  #main #sidebar {
    width:30%;
  }

  #main-menu > ul.menu a {
      color: #FFFFFF;
      font-family: 'Karla',sans-serif;
      font-size: 10.8px;
      font-weight: 700;
      padding: 9px 5px;
  }


  #main-menu-footer > ul.menu a {
      color: #333333;
      font-family: 'Karla',sans-serif;
      font-size: 10.8px;
      font-weight: 700;
      padding: 20px 6px;
      text-align: center;
      text-decoration: none;
      text-transform: uppercase;
  }

  ul.quicktabs-tabs.quicktabs-style-basic li{
   padding:2px 9px;
  }

  ul.quicktabs-tabs.quicktabs-style-basic li.active a {
   font-size:9px;
  }

  /* Ocultar título y bloque de indicadores */

  #block-views-vw-titulo-indicadores2-block,
  #block-views-vw-indicadores-flash-block{
   display:none;
  }

  /* Bloque Temas del dia + Almagan */
  #temas-wrap {
    width: auto;
    height: auto;
    display: block;
    grid-template-columns: none;
  }

  #cg_temas {
    display: block;
    text-align: left;
    height: auto;
  }

  #block_almagan {
    display: block;
    padding: 10px 12px;
    text-align: center;
  }

  /* Combo departamentos */

  #wrapper #primary .combo-dept .view-header{
   width:auto;
   font-family:"Arial";
   font-size:14px;
   color:#000000;
   float:left;
   padding:6px 10px 0 0;
  }

  #wrapper #primary .combo-dept select#edit-jump,
  #wrapper #primary .combo-dept select#edit-jump--2{
   width:auto;
   height:24px;
   background:url('images/back_select_regions.png') no-repeat left center;
   border:none;
   font-family:"Arial";
   font-weight:normal;
   font-size:13px;
   color:#333333;
   padding:2px 5px 2px 2px;
  }

  /* temas del dia */


  #cg_temas .temas-dia .view-header{
   font-size:10px;
   color:#666666;
   border-right:1px solid #E7E7E7;
   padding:2px 5px;
  }

  #cg_temas .temas-dia .views-row{
   font-size:10px;
   color:#CE2F36;
   border-right:1px solid #E7E7E7;
   padding:2px 4px;
   text-align:center;
   float:left;
   width:auto;
  }

  #cg_temas .temas-dia .views-row a{
   font-size:10px;
   color:#CE2F36;
  }

  /* Bloque temas del día internas */

  #cg_temas #block-views-vw-temas-del-dia-block-1{
   float:right;
   min-width:44%;
   width:auto;
  }

  /* -------- */

  /* reducir fuente footer*/
  #footer-area{
   font-size:10px;
   line-height:13px;
  }

  #footer-block-wrap.in5 .footer-block + .footer-block a,
  #footer-block-wrap.in5 .footer-block + .footer-block + .footer-block a,
  #footer-block-wrap.in5 .footer-block + .footer-block + .footer-block + .footer-block a,
  #footer-block-wrap.in5 .footer-block + .footer-block + .footer-block + .footer-block + .footer-block a{
   font-size:10px;
   line-height:13px;
  }

  /* Imagen noticias encabezados*/

  #wrapper #primary .noti-one img{
   width:80%;
   height:auto;
  }

  /* titulos noticias*/

  #wrapper #primary .noticias-home .views-field-title,
  #wrapper #primary .noticias .views-field-title{
   font-family:"Georgia";
   font-size:20px;
   line-height:23px;
   color:#000000;
   margin:0 0 8px 0;
  }

  #wrapper #primary .noticias-home .views-field-title a,
  #wrapper #primary .noti-one .views-field-title a,
  #wrapper #primary .noticias .views-field-title a{
   font-family:"Georgia";
   font-size:20px;
   line-height:23px;
   color:#000000;
  }

  #wrapper #primary .noticias-home .views-field-field-image,
  #wrapper #primary .noticias .views-field-field-image{
   float:none;
  }

  #wrapper #primary .noticias-home .views-field-nothing-1{
   clear:both;
   height:0;
   margin:0;
  }

  #wrapper #primary .noti-one .views-field-field-image{
   height:auto;
   float:none;
  }

  #wrapper #primary .h-report .pane-title{
   font-size:12px;
  }

  #wrapper #primary .h-reportajes .views-field-title{
   margin:6px 0;
  }

  #wrapper #primary .h-reportajes .views-field-title,
  #wrapper #primary .h-reportajes .views-field-title a{
   font-size:12px;
   line-height:15px;
  }

  /*titulo node */

  #wrapper #primary .node header h2.title{
   font-size:25px;
   line-height:30px;
  }

  /* titulos bloques derecha */
  #sidebar .columnistas .views-field-title,
  #sidebar .columnistas .views-field-title a .title,
  #sidebar .columnistas .views-field-field-colum-por,
  #sidebar .nblogs .views-field-name,
  #sidebar .nblogs .views-field-name a,
  #sidebar .nblogs .views-field-title,
  #sidebar .nblogs .views-field-title a,
  #sidebar .bloq-multi .views-field-title,
  #sidebar .bloq-multi .views-field-title a{
   font-size:11px;
   line-height:13px;
  }

  #sidebar .bloq-multi .views-field-title{
   margin:6px 0 5px 0;
  }

  #sidebar .last-news .views-field-title,
  #sidebar .last-news .views-field-title a{
   font-size:12px;
   margin:0 0 5px 0;
  }

  #sidebar .reportajes .views-field-title,
  #sidebar .reportajes .views-field-title a,
  #sidebar .h-cocina .views-field-title,
  #sidebar .h-cocina .views-field-title a{
   font-size:12px;
  }

  #sidebar .columnistas .view-header h2,
  #sidebar .editorial .view-header h2,
  #sidebar .nblogs .view-header .title h2,
  #sidebar .reportajes .view-header h2,
  #sidebar .caricatura .view-header h2,
  #sidebar .bloq-multi .view-header .title-multi h2,
  #sidebar #block-block-63 h2,
  #sidebar .h-cocina .view-header h2,
  #sidebar .h-clasificados .view-header h2,
  #sidebar #block-views-vw-combo-region-block h2,
  #sidebar #block-poll-recent h2,
  #sidebar .poll .vote-form .choices .title{
   font-size:10px;
  }

  #sidebar .columnistas .views-field-field-colum-por-1{
   width:50px;
   height:60px;
   margin:0 2px 10px 0;
  }

  #sidebar .columnistas .views-field-field-colum-por-1 img{
   width:85%;
  }

  #sidebar .nblogs .views-field-field-image{
   width:60px;
   height:60px;
   margin:0 6px 14px 0;
  }

  #sidebar .nblogs .views-row{
   margin:0 0 5px 0;
  }

  #sidebar .last-news .views-field-created,
  #sidebar .bloq-multi .views-field-field-image{
   float:none;
  }

  #sidebar #block-superfish-4 li{
   width:67%;
  }

  #sidebar #block-superfish-4 li,
  #sidebar #block-superfish-4 li a{
   font-size:12px;
  }

  #sidebar #block-poll-recent .form-item label.option{
   font-size:9px;
  }

  #sidebar #block-poll-recent .links{
   margin:0;
  }

  #sidebar #block-poll-recent .links .last a{
   font-size:9px;
  }
  /* / ipad */
}

@media screen and (max-width: 767px) {
  /*  small tablet */
  #wrapper {
    max-width: 480px;
  }
  /* @media (max-width: 650px) Reduce font-sizes for better readability on smaller devices */
  body {
      padding: 0;
  }
  body, input, textarea {
    font-size: 11px;
  }

  #temas-wrap {
      width: auto;
      height: auto;
  }

  #block_almagan {
      padding: 10px 10px;
      text-align: center;
  }

  #cg_pubheader{
   display:none;
  }

  #primary{
   margin:0 -35% 0 0;
   width:100%;
  }
  /*ocultar inicio de sesion*/
  #cg_sesion{
   display:none;
  }

  /* Redes header */
  #cg_headcont #cg_redes{
   width:50%;
  }

  #cg_headcont #cg_redes ul.redesol li.find-us{
   width:100%;
  }

  /* Fecha header*/
  #cg_headcont #cg_date{
   width:40%;
  }

  /*ocultar ultima actualizacion contexto página de inicio*/

  #cg_top #block-block-70{
   display:none !important;
  }

  #preface-area{
   padding:0 0 10px 0;
  }

  /* Gran destacado */

  #content_top .noti-grandestacado .views-field-title{
   width:41%;
   height:250px;
   font-family:"Georgia";
   font-size:22px;
   line-height:27px;
   color:#FFFFFF;
   margin:5px 0;
   position:relative;
   top:48px;
   left:58%;
  }

  #content_top .noti-grandestacado .views-field-title a{
   font-family:"Georgia";
   font-size:22px;
   line-height:27px;
   color:#FFFFFF;
  }

  /*--*/

  /* Destacado */

  #content_top .noti-destacado .views-field-title{
   font-family:"Georgia";
   font-size:25px;
   line-height:32.2px;
   color:#000000;
   margin:5px 0;
  }

  /*--*/

  /* ocultar menu footer*/

  #footer-bottom #navigation{
   display:none;
  }

  /* reducir fuente footer*/
  #footer-area{
   font-size:10px;
   line-height:13px;
  }

  #footer-block-wrap.in5 .footer-block + .footer-block a,
  #footer-block-wrap.in5 .footer-block + .footer-block + .footer-block a,
  #footer-block-wrap.in5 .footer-block + .footer-block + .footer-block + .footer-block a,
  #footer-block-wrap.in5 .footer-block + .footer-block + .footer-block + .footer-block + .footer-block a{
   font-size:10px;
   line-height:13px;
  }

  /* Imagen noticias encabezados*/

  #wrapper #primary .noti-one img{
   width:80%;
   height:auto;
  }

  /* videos */
  #wrapper #primary .media-youtube-player{
   width:300px !important;
   height:200px !important;
  }

  /* Galerías*/

  #wrapper #primary .node-galeria img{
   width:80%;
   height:auto;
  }

  #wrapper #primary .node .field-img{
   width:92%;
   height:auto;
  }

  .galleryformatter{
   width:300px;
  }

  #wrapper #primary .multimed .galleryformatter .gallery-slides,
  #wrapper #primary .node-galeria .galleryformatter .gallery-slides{
   width:300px !important;
   height:200px !important;
  }

  #wrapper #primary .multimed .galleryformatter .gallery-thumbs,
  #wrapper #primary .node-galeria .galleryformatter .gallery-thumbs{
   width:200px !important;
  }

  #wrapper #primary .node-galeria .galleryformatter-greenarrows .gallery-thumbs{
   padding:0 40px !important;
  }

  .galleryformatter-greenarrows .gallery-slides .panel-overlay{
   width:85%;
  }

  /* tabs y titulo multimedia home*/

  #wrapper #primary .multimed h2.pane-title a{
   width:auto;
   margin:0;
   float:none;
  }

  #wrapper #primary .multimed h2.pane-title{
   margin:5px;
   float:none;
  }

  #wrapper #primary #quicktabs-multimedia_home ul.quicktabs-tabs{
   height:25px;
   padding:2px 0 4px 0;
  }

  #wrapper #primary #quicktabs-multimedia_home ul.quicktabs-tabs li a {
   font-size:10px;
   padding:4px;
  }

  #wrapper #primary .sf-menu.sf-style-pomegranate a{
   font-size:10px;
   padding:4px 3px;
  }

  #wrapper #primary #block-superfish-3{
   height:85px;
  }

  #wrapper #primary #block-superfish-3 h2{
   padding:8px 2px 0 2px;
  }

  #wrapper #primary .views-field-field-audio embed,
  #wrapper #primary .node-audio .field-name-field-audio embed{
   width:287px !important;
   height:27px !important;
  }

  /* galerias tablas multimedia*/

  #wrapper #primary .vid table tr td{
   padding:8px 2px;
  }

  #wrapper #primary .vid .views-field-created{
   width:92px;
  }

  #wrapper #primary .vid .views-field-title,
  #wrapper #primary .vid .views-field-title a{
   font-size:12px;
   line-height:15px;
  }

  /* titulos noticias*/

  #wrapper #primary .noticias-home .views-field-title,
  #wrapper #primary .noticias .views-field-title{
   font-family:"Georgia";
   font-size:20px;
   line-height:23px;
   color:#000000;
   margin:0 0 8px 0;
  }

  #wrapper #primary .noticias-home .views-field-title a,
  #wrapper #primary .noti-one .views-field-title a,
  #wrapper #primary .noticias .views-field-title a{
   font-family:"Georgia";
   font-size:20px;
   line-height:23px;
   color:#000000;
  }

  #wrapper #primary .noticias-home .views-field-field-image,
  #wrapper #primary .noticias .views-field-field-image{
   float:none;
  }

  #wrapper #primary .noticias-home .views-field-nothing-1{
   clear:both;
   height:0;
   margin:0;
  }

  #wrapper #primary .noti-one .views-field-field-image{
   height:auto;
   float:none;
  }

  #wrapper #primary .h-report .pane-title{
   font-size:12px;
  }

  #wrapper #primary .h-reportajes .views-field-title{
   margin:6px 0;
  }

  #wrapper #primary .h-reportajes .views-field-title,
  #wrapper #primary .h-reportajes .views-field-title a{
   font-size:12px;
   line-height:15px;
  }

  /*titulo node */

  #wrapper #primary .node header h2.title{
   font-size:25px;
   line-height:30px;
  }

  /* titulos bloques derecha */
  #sidebar .columnistas .views-field-title,
  #sidebar .columnistas .views-field-title a .title,
  #sidebar .columnistas .views-field-field-colum-por,
  #sidebar .nblogs .views-field-name,
  #sidebar .nblogs .views-field-name a,
  #sidebar .nblogs .views-field-title,
  #sidebar .nblogs .views-field-title a,
  #sidebar .bloq-multi .views-field-title,
  #sidebar .bloq-multi .views-field-title a{
   font-size:11px;
   line-height:13px;
  }

  #sidebar .bloq-multi .views-field-title{
   margin:6px 0 5px 0;
  }

  #sidebar .last-news .views-field-title,
  #sidebar .last-news .views-field-title a{
   font-size:12px;
   margin:0 0 5px 0;
  }

  #sidebar .reportajes .views-field-title,
  #sidebar .reportajes .views-field-title a,
  #sidebar .h-cocina .views-field-title,
  #sidebar .h-cocina .views-field-title a{
   font-size:12px;
  }

  #sidebar .columnistas .view-header h2,
  #sidebar .editorial .view-header h2,
  #sidebar .nblogs .view-header .title h2,
  #sidebar .reportajes .view-header h2,
  #sidebar .caricatura .view-header h2,
  #sidebar .bloq-multi .view-header .title-multi h2,
  #sidebar #block-block-63 h2,
  #sidebar .h-cocina .view-header h2,
  #sidebar .h-clasificados .view-header h2,
  #sidebar #block-views-vw-combo-region-block h2,
  #sidebar #block-poll-recent h2,
  #sidebar .poll .vote-form .choices .title{
   font-size:10px;
  }

  #sidebar .columnistas .views-field-field-colum-por-1{
   width:50px;
   height:60px;
   margin:0 2px 10px 0;
  }

  #sidebar .columnistas .views-field-field-colum-por-1 img{
   width:85%;
  }

  #sidebar .nblogs .views-field-field-image{
   width:60px;
   height:60px;
   margin:0 6px 14px 0;
  }

  #sidebar .nblogs .views-row{
   margin:0 0 5px 0;
  }

  #sidebar .last-news .views-field-created,
  #sidebar .bloq-multi .views-field-field-image{
   float:none;
  }

  #sidebar #block-superfish-4 li{
   width:67%;
  }

  #sidebar #block-superfish-4 li,
  #sidebar #block-superfish-4 li a{
   font-size:12px;
  }

  #sidebar #block-poll-recent .form-item label.option{
   font-size:9px;
  }

  #sidebar #block-poll-recent .links{
   margin:0;
  }

  #sidebar #block-poll-recent .links .last a{
   font-size:9px;
  }

  /* Breadcrumb */

  #cg_temas .breadcrumb{
   font-family:"Georgia";
   font-size:11px;
   color:#000000;
   display:block;
   float:none;
   width:100%
  }

  #cg_temas .breadcrumb a{
   font-family:"Georgia";
   font-size:11px;
   color:#999999;
   text-transform:uppercase;
  }

  /* Bloque temas del día internas */
  #temas-wrap {
    width: auto;
    height: auto;
    display: block;
    grid-template-columns: none;
  }

  #cg_temas {
    display: block;
    text-align: left;
    height: auto;
  }

  #block_almagan {
    display: block;
    padding: 10px 12px;
    text-align: center;
  }

  #cg_temas #block-views-vw-temas-del-dia-block-1{
   float:left;
   width:100%;
  }

  #header,
  #footer-bottom {
    border-radius: 0;
  }
  #main,
  #footer-block-wrap {
    padding-top: 1em;
  }
  #header hgroup {
    padding: 5.30625em 0 2em 0;
    text-align: center;
  }
  #site-name {
    font-size: 28px;
    line-height: 38px;
  }
  #header #site-logo {
    padding: 5.30625em 0 2em 0;
    text-align: center;
  }
  #header .social-profile {
    top: 0.5em !important;
  }
  #main-menu > ul {
    font-size: 12px;
  }
  #nav-slider .nav-previous,
  #nav-slider .nav-next {
    top: 82px;
  }
  #slider, 
  .block,
  #footer-block-wrap .footer-block {
    margin-bottom: 1em;
  }
  blockquote {
    margin: 0;
  }
  blockquote.pull {
    font-size: 17px;
  }
  /* Reposition the site title and description slightly */
  #site-name {
    padding: 0;
  }
  #site-name,
  #site-slogan {
    margin-right: 0;
  }
  /* Floated content doesn't work well at this size */
  .alignleft,
  .alignright {
    float: none;
    margin-left: 0;
    margin-right: 0;
  }
  /* Menu */
  #navigation #main-menu {
    height:20px;
    padding: 4px 0;
  } 
  #main-menu > ul.menu {
    display: none;
  }
  #main-menu > ul.menu li {
    border: none;
    float: none;
    text-align: center;
  }
  .tinynav {
    background-image: none;
    background-color: transparent;
    background-position: right center;
    background-repeat: no-repeat;
    border: none;
    color: #fff;
    display: block;
    margin-bottom: 0;
    margin-left: auto;
    margin-top: 0;
    overflow: hidden;
    width: 100%;
  } 
  .tinynav option {
    color: #000;
  }
  .social-profile {
    float: none;
    text-align: center;
  }
  .social-profile ul li {
    display: inline-block;
    float: none;
    margin: 0 0 10px 10px;
  }
  #bottom .copyright, #bottom .credit {
    display: block;
    margin-left: 3%;
    float: none;
    text-align: center;
    width: 97%;
  }

  #preface-block-wrap.in1 .preface-block {
    float: none;
    margin-right: 0;
    width: auto;
  }
  #preface-block-wrap.in2 .preface-block {
    float: none;
    margin-right: 0;
    width: auto;
  }
  #preface-block-wrap.in3 .preface-block {
    float: none;
    margin-right: 0;
    width: auto;
  }
  #preface-block-wrap.in4 .preface-block {
    float: none;
    margin-right: 0;
    width: auto;
  }

  /* / small tablet */
}

@media (max-width: 650px) {
  .tinynav {
    background-image: url("images/select-arrow.png");
  }

  /* Bloque temas del día internas */
  #temas-wrap {
    width: auto;
    height: auto;
    display: block;
    grid-template-columns: none;
  }

  #cg_temas {
    display: block;
    text-align: left;
    height: auto;
  }

  #block_almagan {
    display: block;
    padding: 10px 12px;
    text-align: center;
  }
}

@media screen and (max-width: 479px) {
  /*  iphone */
  #wrapper {
    max-width: 320px;
  }

  #header #navigation {
   width:94%;
  }

  #site-name {
    font-size: 26px;
    line-height: 36px;
  }
  #site-slogan {
    font-size: 12px;
  }
  #nav-slider .nav-previous,
  #nav-slider .nav-next {
    top: 57px;
  }
  .comment .attribution, .comment .comment-text { 
    display: inline-block;
  }
  #bottom .copyright, #bottom .credit {
    font-size: 9px;
  }

  /* Gran destacado */

  #content_top .noti-grandestacado .views-field-field-tipo{
   width:87px;
   position:relative;
   top:35px;
   left:58%;
   background:#C83C3F;
   color:#FFFFFF;
   font-family:"Karla",sans-serif;
   font-size:9px;
   font-weight:700;
   height:13px;
   padding:2px 5px;
   text-transform:uppercase;
  }


  #content_top .noti-grandestacado .views-field-title{
   width:41%;
   height:250px;
   font-family:"Georgia";
   font-size:11px;
   line-height:16px;
   color:#FFFFFF;
   margin:5px 0;
   position:relative;
   top:48px;
   left:58%;
  }

  #content_top .noti-grandestacado .views-field-title a{
   font-family:"Georgia";
   font-size:11px;
   line-height:16px;
   color:#FFFFFF;
  }

  /*--*/

  /* Destacado */

  #content_top .noti-destacado .views-field-title{
   font-family:"Georgia";
   font-size:20px;
   line-height:27.2px;
   color:#000000;
   margin:5px 0;
  }

  /*--*/

  /* Simplify the basic layout */
  #main #content {
    margin: 0 3%;
    width: auto;
  }
  #nav-slider .nav-previous,
  #nav-slider .nav-next {
    top: 137px;
  }
  #main #sidebar {
    float: none;
    margin: 0 3%;
    width: auto;
  }
  #header #main-menu > ul.menu a {
      padding: 0 0.83em;
  }

  /* Bloque temas del día internas */
  #temas-wrap {
    width: auto;
    height: auto;
    display: block;
    grid-template-columns: none;
  }

  #cg_temas {
    display: block;
    text-align: left;
    height: auto;
  }

  #block_almagan {
    display: block;
    padding: 10px 12px;
    text-align: center;
  }

  #footer-block-wrap.in1 .footer-block {
    float: none;
    margin-right: 0;
    width: auto;
  }
  #footer-block-wrap.in2 .footer-block {
    float: none;
    margin-right: 0;
    width: auto;
  }
  #footer-block-wrap.in3 .footer-block {
    float: none;
    margin-right: 0;
    width: auto;
  }
  #footer-block-wrap.in4 .footer-block {
    float: none;
    margin-right: 0;
    width: auto;
  }
  #footer-block-wrap.in5 .footer-block,
  #footer-block-wrap.in5 .footer-block + .footer-block,
  #footer-block-wrap.in5 .footer-block + .footer-block + .footer-block,
  #footer-block-wrap.in5 .footer-block + .footer-block + .footer-block + .footer-block,
  #footer-block-wrap.in5 .footer-block + .footer-block + .footer-block + .footer-block + .footer-block{
    float: none;
    margin-right: 0;
    width: auto;
  }

  /* ocultar tabs multimedia home*/
  .multimed{
   display:none;
  }
  /* /iphone */
}

@media screen and (max-width: 319px) {
  /* small phone */
  #wrapper {
    max-width: 100%;
  }
  #wrapper {
    margin-top: 0;
  }
  #header {
    border-top: none;
  }
  input[type="text"] {
    width: 98%;
  }

#block-search-form .form-item-search-block-form input{
  width: 12em !important;
  }

  #nav-slider .nav-previous,
  #nav-slider .nav-next {
    top: 45px;
  }

  /* Bloque temas del día internas */
  #temas-wrap {
    width: auto;
    height: auto;
    display:block;
    grid-template-columns: none;
  }

  #cg_temas {
    text-align: left;
    display: block;
  }

  #block_almagan {
    display: block;
    padding: 0;
    text-align: center;
  }
}

/* =Print
----------------------------------------------- */

@media print {
  body {
    background: none !important;
    font-size: 10pt;
  }
  #wrapper {
    clear: both !important;
    display: block !important;
    float: none !important;
    max-width: 100%;
    position: relative !important;
  }
  #header {
    border-top: none !important;
    padding: 0;
  }
  #header hgroup {
    margin: 0;
  }
  #site-name a {
    font-size: 21pt;
  }
  #site-slogan {
    font-size: 10pt;
  }
  #header img {
    display: none;
  }
  #navigation {
    display: none;
  }
  #main {
    border-top: none;
    box-shadow: none;
  }
  #primary {
    float: left;
    margin: 0;
    width: 100%;
  }
  #content {
    margin: 0;
    width: auto;
  }
  .widget-area {
    display: none;
  }
  #footer-bottom {
    display: none;
  }

  #block_almagan {
    display: none;
  }
}