@charset "utf-8";
/* CSS Document */

/***************************************************************
Generales
****************************************************************/

html { font-size: 100%; }

body {
	font-family: 'Arimo', Arial, Helvetica, sans-serif; 
	font-size: 14px; 	color:#a19e9e;	-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */	-webkit-text-size-adjust: 100%;
	line-height: 1.42857;	font-weight: normal;	overflow-x: hidden;
}
.img-responsive {margin:0 auto;}
.offset-body {padding-top:50px;}
a {    color: #a19e9e;    text-decoration: none;}
a:hover {    color: #d53434;    text-decoration: none;}
a:hover, a:active, a:focus { text-decoration: none;}
.padding {padding:15px 0;}
.zoom {display: block; overflow: hidden; width: 100%;}
.zoom img { transform: scale(1); transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s; }
.zoom:hover img { transform: scale(1.1); opacity:0.9; }
figcaption {float: left; max-height: 340px; overflow: hidden; position: relative; width: 100%;}
.spacer {position: relative; width: auto; height: 20px;}
#register-form a.cerrar,  #login-form a.cerrar {
  background-color: black;    border-radius: 100%;    display: block;    padding: 10px;    position: absolute;
    right: 20px;    text-align: center;    top: 10px;    width: 40px;    z-index: 9;    cursor: pointer;    color: #fff;
}
#register-form a.cerrar:hover,  #login-form a.cerrar:hover  {
  background-color: white;    border-radius: 100%;    display: block;    padding: 10px;    position: absolute;
  right: 20px;    text-align: center;    top: 10px;    width: 40px;    z-index: 9;    cursor: pointer;    color: #333;
}



/***************************************************************
Colores
****************************************************************/

.color-light-grey {color:#a19e9e;}
.color-dark-grey {color:#333;}
.color-red {color:#d53434;}


/***************************************************************
Reset
****************************************************************/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
   margin: 0;   padding: 0;   border: 0;   outline: 0;   vertical-align: baseline;   background: transparent;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
   display: block;
}

audio,
canvas,
video {   display: inline-block;}

audio:not([controls]) {   display: none;   height: 0;}

[hidden] { display: none; }

code, kbd, pre, samp {   font-family: monospace, serif;   font-size: 1em;}

pre {   white-space: pre;   white-space: pre-wrap;   word-wrap: break-word;}

blockquote, q { quotes: &#8220 &#8220; }

blockquote:before, blockquote:after,
q:before, q:after {   content: '';   content: none;}

ins {   background-color: #ff9;   color: #000;   text-decoration: none;}

mark {   background-color: #A7F4F6;   color: #555;}

del { text-decoration: line-through; }

abbr[title], dfn[title] {   border-bottom: 1px dotted;   cursor: help;}

table {   border-collapse: collapse;   border-spacing: 0;}

/***************************************************************
Navegacion
****************************************************************/

/***************************************************************
Supertop
****************************************************************/

#supertop .nav.navbar-nav {    padding: 5px;}
.navbar-supertop {	background-color: #333;  border-color: #424141;}
#supertop .navbar-nav > li {    padding: 5px 10px 5px 0;}
.navbar-supertop .navbar-nav > li > a {
    border-right: 1px solid #424141;    font-size: 12px;    padding: 5px 10px 5px 0;    color:#bbb;
}
.navbar-supertop .navbar-nav > li.current > a {
    border-right: 1px solid #424141;    font-size: 12px;    padding: 5px 10px 5px 0;    color:#fff;
}
.navbar-supertop .navbar-nav > li.current > a:hover, .navbar-supertop .navbar-nav > li.current > a:focus, .navbar-supertop .navbar-nav > li.current > a:active {
    border-right: 1px solid #424141;    font-size: 12px;    padding: 5px 10px 5px 0;    color:#bbb;
  }
.navbar-supertop .navbar-nav > li:last-child > a {    border-right: 0px solid #424141;}

@media screen and (max-width: 767px) {
	.navbar-supertop .navbar-nav > li > a {
    border-right: 0px solid #424141;    font-size: 12px;    padding: 5px 10px 5px 0;    border-bottom: 1px solid #424141;
   }
   #supertop .navbar-nav > li {    padding: 0px 20px 5px 20px;   }
   #supertop .navbar-right li{	display: inline-table;	 padding: 0 0 5px 20px;   }
   #supertop .navbar-right li a{	background: #000;    border-bottom: 0 none;    padding: 5px 10px;   }
   #supertop .navbar-right li a:hover{  background: #d53434;    border-bottom: 0 none;    padding: 5px 10px;   }
   
}

/***************************************************************
Cabecera
****************************************************************/

.logo {float: left;}
.sponsor {background-color: #eeecec;}
.derecha {padding:25px 15px; float: right;}
.date {padding: 20px; text-align: right; border-right:solid 1px #e9eaed;}
.login {padding: 20px; text-align: center; border-right:solid 1px #e9eaed;}
.news {padding: 20px; text-align: center;}

@media screen and (max-width: 1280px) { 
.date p {font-size: 12px;}
}
@media screen and (max-width: 767px) { 
.date {padding: 10px}
.date p {text-align: center;}
.derecha {border: 1px solid #e9eaed; padding: 0px;}
.logo {float: none; margin:0 auto;}
#login-form .fa-user.fa.usuario {margin-top: -6px;}
.login {padding: 15px 20px;}
.news {padding: 15px 20px;}
}

/***************************************************************
Login
****************************************************************/

#login-form .login a {display: block;}
#login-form {position: absolute; right: 0; top: 100px; z-index: 99;}
#login-form .fa-user.fa.usuario {margin-top: 12px;}

@media screen and (max-width: 767px) { 
#login-form .fa-user.fa.usuario {margin-top: -6px;}
}

#login-form .tile {  border-radius: 6px;  padding: 35px 25px 40px 25px;  position: relative;  text-align: center;}
#login-form .tile-login {  background: #333;  padding-bottom: 55px;}
#login-form .tile-login h3.logo {
  color: #fff;  font-family: 'Arimo Bold', Arial, Helvetica, sans-serif;  font-size: 16px;  font-weight: bold;  margin-bottom: 20px;  margin-top: 0;  width: 100%;  text-align:center;
}
#login-form .tile-login input {
  background: rgba(0, 0, 0, 0.2);  border: none;  color: #a19e9e;
}
#login-form .tile-login input[type="text"] {
  margin-bottom: 1px;  border-bottom-right-radius: 0;  border-bottom-left-radius: 0;
}
#login-form .tile-login input[type="password"] {
  border-top-right-radius: 0;  border-top-left-radius: 0;  margin-bottom: 20px;
}
#login-form .tile-login a.btn {  margin-bottom: 10px;}
#login-form .tile-login .checkbox .first-icon,
#login-form .tile-login .checkbox .second-icon {
  background: rgba(0, 0, 0, 0.2);  border: 0;
}
#login-form .tile-login .login-action div[class*='col-'] {  padding: 0;}
#login-form .tile-login .login-action a {
  font-size: 14px;  margin-top: 10px;  display: block;
}
#login-form .tile-login label.checkbox {
  color: #93a4aa;  padding-left: 0;  margin-bottom: 0;
}
#login-form .btn-embossed.btn-primary {
  -webkit-box-shadow: 0 5px #c63131;  box-shadow: 0 5px #c63131;
}
#login-form .btn-embossed.btn-primary:hover,
#login-form .btn-embossed.btn-primary:focus {
  -webkit-box-shadow: 0 3px #d53434;  box-shadow: 0 3px #d53434;  background: #d53434;
}
#login-form .btn-embossed.btn-primary.active,
#login-form .btn-embossed.btn-primary:active {
  -webkit-box-shadow: 0 0 #c63131;  box-shadow: 0 0 #c63131;  top: 5px;
  background: #b02b2b;  border-color: #b02b2b;
}
#login-form .btn-primary {
  color: #ffffff;  background-color: #d53434;
}
#login-form .btn-primary:hover,
#login-form .btn-primary:focus,
#login-form .btn-primary:active,
#login-form .btn-primary.active,
#login-form .btn-primary.hover {
  color: #ffffff;  background-color: #d53434;  border-color: #c63131;
}
#login-form .btn-primary:active,
#login-form .btn-primary.active {
  background: #009dcd;  border-color: #009dcd;
}
#login-form .btn-primary.disabled,
#login-form .btn-primary[disabled],
#login-form fieldset[disabled] .btn-primary,
#login-form .btn-primary.disabled:hover,
#login-form .btn-primary[disabled]:hover,
#login-form fieldset[disabled] .btn-primary:hover,
#login-form .btn-primary.disabled:focus,
#login-form .btn-primary[disabled]:focus,
#login-form fieldset[disabled] .btn-primary:focus,
#login-form .btn-primary.disabled:active,
#login-form .btn-primary[disabled]:active,
#login-form fieldset[disabled] .btn-primary:active,
#login-form .btn-primary.disabled.active,
#login-form .btn-primary[disabled].active,
#login-form fieldset[disabled] .btn-primary.active {
  background-color: #b3eafb;  border-color: #b3eafb;
}

#login-form .input-icon {  position: relative;}
#login-form .input-icon [class*="ss-"],
#login-form .input-icon [class*="fa-"] {
  position: absolute;  top: 50%;  left: 15px;  margin-top: -11px;  color: #a19e9e;
}
#login-form .input-icon [class*="fa-"] {  margin-top: -8px;}
#login-form .input-icon .form-control {  text-indent: 30px;}

#login-form .form-control {
  border: 1px solid #a19e9e;  color: #364347;  font-size: 16px;  line-height: 1.467;  padding: 8px 12px;  height: 40px;  -webkit-appearance: none;  border-radius: 4px;
  -webkit-box-shadow: none;  box-shadow: none;  -webkit-transition: border .25s linear, color .25s linear, background-color .25s linear;  
  transition: border .25s linear, color .25s linear, background-color .25s linear;
}
#login-form .form-control:hover {  border-color: #93a4aa;}
#login-form .form-group.focus .form-control,
#login-form .form-control:focus {
  border-color: #02baf2;  outline: 0;  -webkit-box-shadow: none;  box-shadow: none;
}
#login-form .form-control[disabled],
#login-form .form-control[readonly],
#login-form fieldset[disabled] .form-control {  background-color: #e1eef3;  cursor: default;}
#login-form .form-control:-moz-placeholder {  color: #a19e9e;}
#login-form .form-control::-moz-placeholder {  color: #a19e9e;  opacity: 1;}
#login-form .form-control:-ms-input-placeholder {  color: #a19e9e;}
#login-form .form-control::-webkit-input-placeholder {  color: #a19e9e;}
#login-form .form-control.placeholder {  color: #a19e9e;}
#login-form .form-control-static {  padding-top: 6px;  padding-left: 12px;  color: #364347;}

/***************************************************************
Navbar
****************************************************************/

#main-navbar {  background-color: #d53434;  border-radius: 0;  text-transform: uppercase;  border:0;  margin-top: 5px;}
#main-navbar .navbar-left > li:last-child > a {    border-right:0;}
#main-navbar .navbar-left > li > a {
  color: #fff;  border-right: 1px solid #c53333;  font-size: 12px;  font-family: 'Arimo Bold', Arial, Helvetica, sans-serif;  font-weight: bold;
}
#main-navbar .navbar-left > li > a:hover, #main-navbar .navbar-left > li > a:active, #main-navbar .navbar-left > li > a:focus {
  background-color: #c53333;  color:#fff;
}
#main-navbar .navbar-left > li.current > a {  background-color: #c53333;  color:#fff;  font-size: 12px;  font-family: 'Arimo Bold', Arial, Helvetica, sans-serif;  font-weight: bold;}
#main-navbar .navbar-left > li.current > a:hover, #main-navbar .navbar-left > li.current > a:focus, #main-navbar .navbar-left > li.current > a:active {
  color: #fff;  border-right: 1px solid #c53333;  font-size: 12px;
  font-family: 'Arimo Bold', Arial, Helvetica, sans-serif;  font-weight: bold;  background-color: #d53434;
}
#main-navbar > li > a:hover, #main-navbar > li > a:focus, #main-navbar > li.active > a, #main-navbar >.active>a {  color: #fff !important;}
#main-navbar li.open > a, #main-navbar li.open > a:hover, #main-navbar li.open > a:focus {
   background-color: #c53333;   color:#fff;
}
#main-navbar .dropdown-menu {
  border-top: 1px solid #fff;  -webkit-box-shadow: 0 6px 10px rgba(0, 0, 0, 0.08);  box-shadow: 0 6px 10px rgba(0, 0, 0, 0.08);  padding: 10px 0;
  background-color: #c53333;  color:#fff;  font-size: 12px;
}
#main-navbar .dropdown-menu > li > a {
 clear: both; color: #fff; display: block; font-weight: 300; line-height: 1.42857; padding: 5px 20px; white-space: nowrap;
}
#main-navbar .dropdown-menu > li > a:hover, #main-navbar .dropdown-menu > li > a:focus, #main-navbar .dropdown-menu > li > a.active, #main-navbar .dropdown-menu > .active > a, 
#main-navbar .dropdown-menu > .active > a:hover, #main-navbar .dropdown-menu > .active > a:focus {
  text-decoration: none;  color: #fff;  background-color: #d53434;
}

#main-navbar .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-menu > li > a.active, .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
  color: #ffff;
}
#main-navbar > .open > a, #main-navbar > .open > a:hover, #main-navbar > .open > a:focus {  color: #fff;}
#main-navbar > .active > a, #main-navbar > .active > a:hover, #main-navbar > .active > a:focus {  background-color: transparent;  }
#main-navbar > li > a:hover, #main-navbar > li > a:focus, #main-navbar > li.active > a {
}

#main-navbar .navbar {
  margin: 0;  border: none;  -webkit-transition: all 0.2s ease-in-out;  -moz-transition: all 0.2s ease-in-out;  
  -o-transition: all 0.2s ease-in-out;  -ms-transition: all 0.2s ease-in-out;  transition: all 0.2s ease-in-out;
}
#main-navbar .navbar .container {
  padding-left: 50px;  padding-right: 50px;
}
#main-navbar  > li > a {
  padding: 24px 0;  margin-left: 25px;  text-transform: uppercase;  font-size: 13px;  font-weight: 600;
}

#main-navbar.navbar-fixed-top .container {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

#main-navbar.navbar.navbar-default.navbar-fixed-top {
    border-width: 0 0 1px; top: 160px;
}
.container-fluid-fixed-top {
 position: fixed; top: 50px; width: 100%; margin-left: auto; margin-right: auto; padding-left: 15px; padding-right: 15px; background-color: #fff;  min-height: 115px;  z-index: 99;
}
.navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { padding-left: 15px; padding-right: 15px;}

@media screen and (max-width: 992px) {
#main-navbar .container {width: 100%;}
#main-navbar .navbar-collapse {padding-left: 0; padding-right: 0;}
#main-navbar .navbar-left > li > a {font-size: 10px;}
#main-navbar .dropdown-menu > li > a {font-size: 10px;}
}

#main-navbar .navbar-header .navbar-toggle { border:0;}
#main-navbar .navbar-header .navbar-toggle .icon-bar { background-color: #fff;}
.navbar-inverse .navbar-toggle:hover .icon-bar, .navbar-inverse .navbar-toggle:focus .icon-bar{ background-color:#bbb }

#main-navbar .navbar-header .navbar-toggle:hover, #main-navbar .navbar-header .navbar-toggle:focus {background-color: transparent;}
#main-navbar .navbar-header .navbar-toggle:hover .icon-bar, #main-navbar .navbar-header .navbar-toggle:focus .icon-bar {background-color: #000;}
@media screen and (max-width: 736px) {
  #main-navbar .navbar-collapse {
    padding-left: 15px; padding-right: 15px; background: #d53434; height: 290px; overflow-x: scroll; position: absolute; width: 100%; z-index: 999;
}
#main-navbar .dropdown-menu {
  border: 0;
  text-indent: 10px;
}
}

/***************************************************************
Slider Destacados
****************************************************************/

#slider-gral { position:relative; width:100%; height:auto; overflow:hidden; background-position:center top; background-size: 100% auto; float:left;}

/*Titulos y Textos Sobre el Slider*/
.contenedor-destacados {height: 100%; overflow: hidden; position: relative; width: 100%;}
.categoria-destacados {position:absolute; top:10px; left:1px; padding:5px 20px; width:35%;}
.categoria-destacados p{font-family: 'Helvetica Neue Medium', sans-serif; margin-bottom:0;}
.titulares {display: block; background-color: #333; padding: 15px; width: 100%; position: relative; top: 0; overflow: hidden; height: 100%; left: auto; float: left; margin-top: 10px;}
.titulos-destacados {position:relative; top:0; left:1px; width:100%;  color: #fff; text-transform: uppercase;
  font-family: 'Arimo Bold', Arial, Helvetica, sans-serif;  font-size: 16px;  font-weight: bold;}
.subtitulos-destacados {position:relative; top:0; left:0px; width:100%;  color: #fff; font-family: 'Arimo', Arial, Helvetica, sans-serif; font-size: 14px; }  
.subtitulos-destacados p {overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; margin-bottom: 10px}  
.titulos-destacados p{font-family: 'Arimo', Arial, Helvetica, sans-serif; font-size: 16px; margin-bottom:0; font-weight:normal;}
.textos-destacados {position:relative; top:0; left:1px; padding:0px; width:100%;}
.textos-destacados p { font-family: 'Arimo', Arial, Helvetica, sans-serif; font-size: 14px; margin-bottom:0; font-weight:normal; height: 45px; overflow: hidden; color: #a19e9e;}

#slider-carro {overflow:hidden; /*height:470px;*/ z-index: 1; height: 100%;}
#slider-carro img { float:left; border: thin solid #e8e8e8; height: 100%;}
#slider-menu { float:left; margin-top:0px; margin-bottom:0px; height:100%; width:100%; }

/***************************************************************
Thumbnails
****************************************************************/

.slider-boton:hover {background-color: #e8e8e8;}
.slider-boton .radius {overflow: hidden; height: auto; float: left; text-align: center; width:20%;}
.slider-boton .wrapper-video {overflow: hidden; height: auto; float: left; text-align: center; width:20%; position: relative;}
.slider-boton .video-container {
padding-bottom: 86.25%;
padding-top: 25px; height: 0; overflow: hidden;}
.slider-boton .video-container iframe,
.slider-boton .video-container object,
.slider-boton .video-container embed {
position: absolute;top: 0;left: 0;width: 100%;height: auto;
}

.slider-boton .thumb {cursor:pointer; background-color:#f8f8f8; width: 100%; height: auto;}
.slider-boton { float:left; text-align:left; color:#1f1c17; cursor:pointer; border:solid thin #e8e8e8; padding:10px; overflow:hidden; display:inline;
 margin-top: 0px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; width: 100%!important;}

.textos-thumb {float:right;  width:75%;}

.titulo-thumb {position:relative; width:100%; color: #333; font-family: 'Arimo Bold', Arial, Helvetica, sans-serif; font-size: 14px; text-transform: uppercase; font-weight: bold; margin-top: 0; height: 33px; overflow:hidden;}
.subtitulo-thumb {display: block;}
.subtitulo-thumb p {color: #333; font-family: "Arimo",Arial,Helvetica,sans-serif; font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.texto-thumb {display: block;}
.texto-thumb p {overflow: hidden; height: 45px; color: #a19e9e; font-family: "Arimo",Arial,Helvetica,sans-serif; font-size: 14px;}

#idft { display:none; }
.flecha { color: #fff; cursor: pointer; font-size: 22pt; height: 40px; line-height: 40px; margin-top: -10px; position: absolute; text-align: center; top: 10px; width: 40px;}
#flechade { background-position:center top; background-size: 100% auto; background-image: url(../../images/flechade.png); background-color: rgba(51, 51, 51, 0.9);}
#flechade:hover { background-image: url(../../images/flechade.png); background-color: rgba(51, 51, 51, 0.4);}
#flechaiz { background-position:center top; background-size: 100% auto; background-image: url(../../images/flechaiz.png); background-color: rgba(51, 51, 51, 0.9);}
#flechaiz:hover { background-image: url(../../images/flechaiz.png); background-color: rgba(51, 51, 51, 0.4);}
.flechas { height: 40px; position: absolute; right: 1px; top: 35%; width: 100%;}
#flechaiz { left:3px; }
#flechade { right:0%; }
#slider-gral .caret { float:none; display:inline; }
#slider-carro .contenedor-destacados .imagen {
  position: relative; width: 100%; float: left; height: 100%; overflow :hidden;
}
#slider-carro .contenedor-destacados .video-container {
position: relative;padding-bottom: 56.25%;padding-top: 25px; height: 0; overflow: hidden;
}

#slider-carro .contenedor-destacados .video-container iframe,
#slider-carro .contenedor-destacados .video-container object,
#slider-carro .contenedor-destacados .video-container embed {
position: absolute; top: 0;left: 0;width: 100%;height: 100%;}

@media screen and (max-width: 1280px) {
  .slider-boton .video-container {padding-top: 55px;}
}
@media screen and (max-width: 1024px) {
  .slider-boton .video-container iframe, .slider-boton .video-container object, .slider-boton .video-container embed {top: -26px}
  .slider-boton .video-container {padding-top: 0px; padding-bottom: 52.25%;}
}
@media screen and (max-width: 800px) {
  .slider-boton .video-container iframe, .slider-boton .video-container object, .slider-boton .video-container embed {top: -26px}
  .slider-boton .video-container {padding-top: 20px; padding-bottom: 56.25%;}
}
@media screen and (max-width: 667px) {
  .slider-boton .video-container iframe, .slider-boton .video-container object, .slider-boton .video-container embed {top: -26px}
  .slider-boton .video-container {padding-top: 35px; padding-bottom: 56.25%;}
}
@media screen and (max-width: 460px) {
  .slider-boton .video-container iframe, .slider-boton .video-container object, .slider-boton .video-container embed {top: -26px}
  .slider-boton .video-container {padding-top: 5px; padding-bottom: 84.25%;}
  .slider-boton .wrapper-video {width: 30%;} .slider-boton .radius {width: 30%;}
  .textos-thumb {width: 65%;} .subtitulo-thumb {display:none;}
}
@media screen and (max-width: 375px) {
  .flechas {top: 20%;}
}

/***************************************************************
Notas
****************************************************************/

.conborder {border-top:solid 6px #333;}
.conborder-inverse {border-bottom:solid 6px #333;}
.notas .col-notas .cada-nota figure h1.category {display: block; float: left; height: 100%; overflow: hidden; position: relative; width: 100%;}
.notas .col-notas .cada-nota figure h1.category span.cat {color: #fff; font-family: 'Arimo Bold', Arial, Helvetica, sans-serif; font-size: 14px; text-transform: uppercase; font-weight: bold; background-color: #333;
padding:5px 10px; display: inline-block; float:left;}
.notas .col-notas .cada-nota figure h1.category span.date {color: #a19e9e; font-family: 'Arimo', Arial, Helvetica, sans-serif; font-size: 14px; text-transform: uppercase; font-weight: normal; padding:5px 10px; 
display: inline-block; border-right: 13px solid #eeecec; float:right}
.notas .col-notas .cada-nota figure figcaption img {width: 100%;}
.notas .col-notas .cada-nota figure p.nota-title {color: #333; font-family: "Arimo",Arial,Helvetica,sans-serif; font-size: 16px; line-height: 1.4em; margin-bottom: 20px; margin-top: 20px; height: 45px; overflow: hidden;
float: left; position: relative; width: 100%;}
.notas .col-notas .cada-nota figure p.nota-subtitle {color: #333; font-family: "Arimo",Arial,Helvetica,sans-serif; font-size: 14px; line-height: 1.4em; overflow: hidden;
float: left; position: relative; width: 100%;}
.notas .col-notas .cada-nota figure p.nota-texto {font-family: "Arimo",Arial,Helvetica,sans-serif; color:#a19e9e; font-size: 14px; line-height: 24px; margin:15px 0; height: 45px; overflow: hidden; float: left;
 width: 100%;}
.notas .col-notas .cada-nota figure a.vermas {color: #fff; font-family: 'Arimo Bold', Arial, Helvetica, sans-serif; font-size: 14px; text-transform: uppercase; font-weight: bold; background-color: #333; margin-top:20px;
padding:5px 10px; -webkit-transition: all 0.2s ease-in-out;  -moz-transition: all 0.2s ease-in-out;  -o-transition: all 0.2s ease-in-out;  -ms-transition: all 0.2s ease-in-out;  transition: all 0.2s ease-in-out; 
position: relative; float: left;}
.notas .col-notas .cada-nota figure a.vermas:hover, .notas .col-notas .cada-nota figure a.vermas:active, .notas .col-notas .cada-nota figure a.vermas:focus {color: #fff; 
  font-family: 'Arimo Bold', Arial, Helvetica, sans-serif; font-size: 14px; text-transform: uppercase; font-weight: bold; background-color: #d53434;
padding:5px 10px;-webkit-transition: all 0.2s ease-in-out;  -moz-transition: all 0.2s ease-in-out;  -o-transition: all 0.2s ease-in-out;  -ms-transition: all 0.2s ease-in-out;  transition: all 0.2s ease-in-out;}
.notas .col-notas {border-right:1px solid #e6e6e6;}
.notas .col-notas hr {float: left; height: 1px; margin-bottom: 0; margin-top: 25px; position: relative; width: 100%;}

.col-sponsors .cada-sponsor .zoom img {width: 100%;}
.col-sponsors .cada-sponsor {margin-top: 25px;}

.col-sponsors .cada-sponsor .wrapper-video {overflow: hidden; height: auto; float: left; text-align: center; width:100%; position: relative;}
.col-sponsors .cada-sponsor .video-container {padding-bottom: 13%; padding-top: 26%; height: 0; overflow: hidden;}
.col-sponsors .cada-sponsor .video-container iframe,
.col-sponsors .cada-sponsor .video-container object,
.col-sponsors .cada-sponsor .video-container embed {position: absolute;top: 0;left: 0;width: 100%;height: auto;}

.col-categorias h1.category {display: block; height: 100%; overflow: hidden;}
.col-categorias h1.category span {color: #fff; font-family: 'Arimo Bold', Arial, Helvetica, sans-serif; font-size: 14px; text-transform: uppercase; font-weight: bold; background-color: #333;
padding:5px 10px; display: inline-block; float:left;}
.col-categorias .cada-category { border-bottom: thin solid #e8e8e8; color: #1f1c17; cursor: pointer; display: inline; float: left; margin: 0 0 10px; overflow: hidden;
 padding: 10px 0; text-align: left; width: 100%;
}
.col-categorias .cada-category .radius { float: left; height: auto; overflow: hidden; text-align: center; width: 30%;}
.col-categorias .cada-category .thumb { background-color: #f8f8f8; cursor: pointer; height: auto; width: 100%;}
.col-categorias .cada-category .textos-thumb {float: right; width: 65%;}
.col-categorias .cada-category .titulo-thumb {
 color: #333; font-family: "Arimo Bold",Arial,Helvetica,sans-serif; font-size: 14px; font-weight: bold; height: auto; margin-top: 0; overflow: hidden; position: relative;
 text-transform: uppercase; width: 100%; margin-bottom: 5px;
}
.col-categorias .cada-category .subtitulo-thumb {   display: block;}
.col-categorias .cada-category .subtitulo-thumb p {
 color: #333; font-family: "Arimo",Arial,Helvetica,sans-serif; font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.col-categorias .cada-category .texto-thumb { display: block;}
.col-categorias .cada-category .texto-thumb p { color: #a19e9e; font-family: "Arimo",Arial,Helvetica,sans-serif; font-size: 14px; height: 45px; overflow: hidden;}

/***************************************************************
Footer
****************************************************************/

footer { background-color: #191919; margin-left: auto; margin-right: auto; min-height: 115px; padding:20px 0; position: relative; width: 100%;}
footer .navbar-superbottom {  padding: 5px;  background-color: #d53434;  border-radius: 0;  margin-top: 20px;}
#superbottom .nav.navbar-nav { padding: 5px;}
footer .navbar-nav { float: left; margin: 0;}
#superbottom .navbar-nav > li { padding: 5px 10px 5px 0;}
footer .nav > li { display: block; position: relative;}
footer .navbar-inverse .navbar-nav > li > a { border-right: 1px solid #c83131; font-size: 12px; padding: 5px 10px 5px 0; color:#fff;} 
footer .navbar-superbottom .navbar-nav > li > a { border-right: 1px solid #c83131; color: #fff; font-size: 10px; padding: 5px 10px 5px 0;}
footer .navbar-superbottom .navbar-nav > li > a:hover, 
footer .navbar-superbottom .navbar-nav > li > a:active, 
footer .navbar-superbottom .navbar-nav > li > a:focus { color: #fff; text-decoration: none;}

.navbar-superbottom .navbar-nav > li:last-child > a { border-right: 0px solid #424141;}

footer .navbar-toggle { background-color: transparent; background-image: none; border: 1px solid transparent; border-radius: 4px; float: right; margin-bottom: 8px; margin-right: 15px;
margin-top: 8px; padding: 9px 10px; position: relative; border:0;}
footer .navbar-toggle .icon-bar { background-color: #fff;}
footer .navbar-inverse .navbar-toggle:hover .icon-bar, footer .navbar-inverse .navbar-toggle:focus .icon-bar{ background-color:#000 }
footer .navbar-toggle:hover .icon-bar, footer .navbar-toggle:focus .icon-bar{ background-color:#000 }
footer  .navbar-inverse .navbar-toggle:hover, footer  .navbar-inverse .navbar-toggle:focus { background-color:transparent }
footer .navbar-toggle:hover .icon-bar, footer .navbar-toggle:focus .icon-bar { background-color: #000;}
footer .copyright {position: relative; width: 100%; height: 100%; overflow: hidden; font-size: 10px;}

@media screen and (max-width: 767px) {
footer .navbar-superbottom .navbar-nav > li > a {
  border-right: 0px solid #c83131; font-size: 12px; padding: 5px 10px 5px 0; border-bottom: 1px solid #c83131;}
footer #superbottom .navbar-nav > li { padding: 0px 20px 5px 20px;}
footer #superbottom .navbar-right li{ display: inline-table; padding: 0 0 5px 20px;}
footer #superbottom .navbar-right li a{background: #000; border-bottom: 0 none; padding: 5px 10px;}
footer #superbottom .navbar-right li a:hover, footer #superbottom .navbar-right li a:active, footer #superbottom .navbar-right li a:focus{
  background: #d53434; border-bottom: 0 none; padding: 5px 10px; text-decoration: none;}
}

@media screen and (max-width: 736px) {
  .cada-nota {margin-top: 20px;}
  .copyright {text-align: center;}
  .copyright p {margin-bottom: 15px;}
  footer .text-right {text-align: center!important;}
}

@media screen and (max-width: 460px) {
.notas .col-notas .cada-nota figure h1.category span.cat {width: 100%;}
.notas .col-notas .cada-nota figure h1.category span.date {float: left; width: 100%;}
}

#nota .col-notas .cada-nota figure p.nota-title {color: #333; font-family: "Arimo Bold",Arial,Helvetica,sans-serif; font-size: 24px; line-height: 1.4em; 
margin-bottom: 20px; margin-top: 20px; height: 45px; overflow: hidden; font-weight: bold;}

.topping {float: left;}
.banner {width: 100%; position: relative; margin-top: -20px;}

#compraventa .col-notas .cada-nota figure h1.category span.cat {color: #fff; font-family: 'Arimo Bold', Arial, Helvetica, sans-serif; font-size: 14px; text-transform: uppercase; font-weight: bold; 
background-color: #d53434; padding:5px 10px; display: inline-block; float:left;}
#compraventa .col-notas .cada-nota figure h1.category span.date {color: #333; font-family: 'Arimo Bold', Arial, Helvetica, sans-serif; font-size: 14px; text-transform: uppercase; font-weight: normal; padding:5px 10px; 
display: inline-block; border-right: 13px solid #d53434; float:right; font-weight: bold;}

#notacomercial .col-notas .cada-nota figure h1.category span.cat {color: #fff; font-family: 'Arimo Bold', Arial, Helvetica, sans-serif; font-size: 14px; text-transform: uppercase; font-weight: bold; 
background-color: #d53434; padding:5px 10px; display: inline-block; float:left;}
#notacomercial .col-notas .cada-nota figure h1.category span.date {color: #333; font-family: 'Arimo Bold', Arial, Helvetica, sans-serif; font-size: 14px; text-transform: uppercase; font-weight: normal; padding:5px 10px; 
display: inline-block; border-right: 13px solid #d53434; float:right; font-weight: bold;}

#notacomercial .col-notas .cada-nota figure p.nota-title {color: #333; font-family: "Arimo Bold",Arial,Helvetica,sans-serif; font-size: 24px; line-height: 1.4em; 
margin-bottom: 20px; margin-top: 20px; height: 45px; overflow: hidden; font-weight: bold;}

/***************************************************************
Html Lightbox Galery
****************************************************************/

#html5-watermark {display: none!important;}
.lightboxcontainer {width:100%; text-align:left;}
.lightboxleft {width: 40%;float:left;}
.lightboxright {width: 60%; float:left;}
.lightboxright iframe {min-height: 390px;}
.divtext {margin: 36px;}

@media (max-width: 800px) {
  .lightboxleft {width: 100%;}
  .lightboxright {width: 100%;}
  .divtext { margin: 12px; }
}

/***************************************************************
Linea Sociales, Compartir y Autores
****************************************************************/

.vw-post-meta { font-size: 13px; text-transform: uppercase;}
.vw-bar { display: flex; flex-wrap: nowrap;}
.vw-bar--sm { display: flex; flex-wrap: nowrap;}
.vw-bar--sm .vw-bar__placeholder--left { text-align: left;}
.vw-bar > * { flex: 1 1 auto;}
.vw-bar__placeholder { align-self: center; text-align: center;}
.vw-post-meta .vw-bar__placeholder > *:not(:last-child) { margin-right: 0.5em;}
.vw-post-meta .vw-avatar { display: inline-block; margin-right: 0.5em; vertical-align: bottom;}
.vw-post-meta a { color: inherit;}
.vw-post-meta .vw-avatar img { display: block; height: auto; max-width: 100%; border-style: none; vertical-align: middle;}
.vw-bar--sm .vw-bar__placeholder--right { text-align: right; margin-top: 10px;}
.vw-post-share__link:not(:last-child) { margin-right: 6px;}
.vw-post-meta a { color: inherit; line-height: 10px; color:#333;}
.vw-post-share__link { display: inline-block; font-size: 12px; height: 24px; line-height: 24px; text-align: center; transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s; width: 24px;}
.vw-post-share__link { font-size: 22px; line-height: 24px; text-align: center;}


/***************************************************************
El foro y formulario de comentarios
****************************************************************/

#foro .col-notas .cada-comentario figure p.nota-title {color: #333; font-family: "Arimo Bold",Arial,Helvetica,sans-serif; font-size: 24px; line-height: 1.4em; 
margin-bottom: 20px; margin-top: 20px; height: 45px; overflow: hidden; font-weight: bold;}
#foro .col-notas .cada-nota figure p.nota-title {color: #333; font-family: "Arimo Bold",Arial,Helvetica,sans-serif; font-size: 24px; line-height: 1.4em; 
margin-bottom: 20px; margin-top: 20px; height: 45px; overflow: hidden; font-weight: bold;}

#foro .col-notas .cada-comentario figure p.nota-texto {font-family: 'Arimo Italic', Arial, Helvetica, sans-serif; color:#a19e9e; font-size: 14px; line-height: 24px; margin:15px 0; height: 45px; overflow: hidden; float: left;
 width: 100%; font-style: italic;}
#foro .col-notas .cada-comentario figure .icon-user-circle-o {font-size: 24px; color:#333;}
#foro .col-notas .cada-comentario {margin-top: 20px;}

#commentform {float: left; width: 100%; display: block;}
.comment-respond .comment-notes, .comment-respond label { font-size: 14px;}
.comment-form > p { margin-bottom: 12px;}
.comment-form-comment label { display: none; vertical-align: middle;}
.comment-respond .comment-notes, .comment-respond label { font-size: 14px;}
.comment-form-comment textarea { width: 100%; max-width: 100%;}
.comment-form-author label, .comment-form-email label, .comment-form-url label { display: block; margin-bottom: 6px;}
#commentform input[type="color"], 
#commentform input[type="date"], 
#commentform input[type="datetime"], 
#commentform input[type="datetime-local"], 
#commentform input[type="email"], 
#commentform input[type="month"], 
#commentform input[type="number"], 
#commentform input[type="password"], 
#commentform input[type="search"], 
#commentform input[type="tel"], 
#commentform input[type="text"], 
#commentform input[type="time"], 
#commentform input[type="phone"], 
#commentform input[type="week"], 
#commentform input:not([type]), 
#commentform textarea {
 -moz-appearance: none; background-color: #fff; border: solid 1px #e6e6e6; border-radius: 5px; box-sizing: border-box; line-height: 24px; width: 100%; padding: 10px 12px;
 }
#commentform input, #commentform button {border-radius: 0;}
#commentform button, #commentform input {overflow: visible;}
#commentform button, #commentform input, #commentform optgroup, #commentform select, #commentform textarea {
    font: inherit;margin: 0;
}
#commentform .form-submit { margin-top: 24px;}
#commentform .button, 
#commentform input[type="button"], 
#commentform input[type="reset"], 
#commentform input[type="submit"], 
#commentform .vw-button, 
#commentform .widget_tag_cloud a, 
#commentform .vw-tagline, 
#commentform .vw-review__item-title, 
#commentform .vw-review__total, 
#commentform .vw-super-title, 
#commentform .vw-social-counter__count, 
#commentform .vw-tab-title, 
#commentform .wc-tabs {font-family: inherit; font-weight: 700; letter-spacing: 0; text-transform: uppercase;}
#commentform button, 
#commentform input[type="button"], 
#commentform input[type="reset"], 
#commentform input[type="submit"], 
#commentform .vw-button { 
  background-color: #191919;  border: medium none; color: #fff; cursor: pointer; font-size: 12px; height: auto; line-height: 24px;min-height: 24px; padding: 10px 26px; text-align: center; text-transform: uppercase;
 transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s; vertical-align: middle;
}
#commentform input[type="submit"]:hover { 
  background-color: #d53434;  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s; 
}
#commentform input, #commentform button { border-radius: 0;}
#commentform button, #commentform input { overflow: visible;}
#commentform button, #commentform input, #commentform optgroup, #commentform select, #commentform textarea { font: inherit; margin: 0;}

/***************************************************************
Registro
****************************************************************/

#register-form .login a {display: block;}
#register-form {position: absolute; left: 0; top: 60px; z-index: 99;}
#register-form .fa-user.fa.usuario {margin-top: 12px;}


@media screen and (max-width: 767px) { 
#register-form .fa-user.fa.usuario {margin-top: -6px;}
}

#register-form .tile {  border-radius: 6px;  padding: 35px 25px 40px 25px;  position: relative;  text-align: center;}
#register-form .tile-login {  background: #333;  padding-bottom: 55px;}
#register-form .tile-login h3.logo {  
color: #fff;  font-family: 'Arimo Bold', Arial, Helvetica, sans-serif;  font-size: 16px;  font-weight: bold;  margin-bottom: 20px;  margin-top: 0;  width: 100%;  text-align:center;
}
#register-form .tile-login input {
  background: rgba(0, 0, 0, 0.2);  border: none;  color: #a19e9e;
}
#register-form .tile-login input[type="text"] {
  margin-bottom: 1px;  border-bottom-right-radius: 0;  border-bottom-left-radius: 0;
}
#register-form .tile-login input[type="password"] {
  border-top-right-radius: 0;  border-top-left-radius: 0;  margin-bottom: 20px;
}
#register-form .tile-login a.btn {  margin-top: 20px;}
#register-form .tile-login .checkbox .first-icon,
#register-form .tile-login .checkbox .second-icon {
  background: rgba(0, 0, 0, 0.2);  border: 0;
}
#register-form .tile-login .login-action div[class*='col-'] {  padding: 0;}
#register-form .tile-login .login-action a {
  font-size: 14px;  margin-top: 10px;  display: block;
}
#register-form .tile-login label.checkbox {
  color: #93a4aa;  padding-left: 0;  margin-bottom: 0;
}
#register-form .btn-embossed.btn-primary {
  -webkit-box-shadow: 0 5px #c63131;  box-shadow: 0 5px #c63131;
}
#register-form .btn-embossed.btn-primary:hover,
#register-form .btn-embossed.btn-primary:focus {
  -webkit-box-shadow: 0 3px #d53434;  box-shadow: 0 3px #d53434;  background: #d53434;
}
#register-form .btn-embossed.btn-primary.active,
#register-form .btn-embossed.btn-primary:active {
  -webkit-box-shadow: 0 0 #c63131;  box-shadow: 0 0 #c63131;  top: 5px;  background: #b02b2b;  border-color: #b02b2b;
}
#register-form .btn-primary {  color: #ffffff;  background-color: #d53434;}
#register-form .btn-primary:hover,
#register-form .btn-primary:focus,
#register-form .btn-primary:active,
#register-form .btn-primary.active,
#register-form .btn-primary.hover {
  color: #ffffff;  background-color: #d53434;  border-color: #c63131;
}
#register-form .btn-primary:active,
#register-form .btn-primary.active {
  background: #009dcd;  border-color: #009dcd;
}
#register-form .btn-primary.disabled,
#register-form .btn-primary[disabled],
#register-form fieldset[disabled] .btn-primary,
#register-form .btn-primary.disabled:hover,
#register-form .btn-primary[disabled]:hover,
#register-form fieldset[disabled] .btn-primary:hover,
#register-form .btn-primary.disabled:focus,
#register-form .btn-primary[disabled]:focus,
#register-form fieldset[disabled] .btn-primary:focus,
#register-form .btn-primary.disabled:active,
#register-form .btn-primary[disabled]:active,
#register-form fieldset[disabled] .btn-primary:active,
#register-form .btn-primary.disabled.active,
#register-form .btn-primary[disabled].active,
#register-form fieldset[disabled] .btn-primary.active {
  background-color: #b3eafb;  border-color: #b3eafb;
}
#register-form .input-icon {  position: relative;}
#register-form .input-icon [class*="ss-"],
#register-form .input-icon [class*="fa-"] {
  position: absolute;  top: 50%;  left: 15px;  margin-top: -11px;  color: #a19e9e;
}
#register-form .input-icon [class*="fa-"] {  margin-top: -8px;}
#register-form .input-icon .form-control { text-indent: 30px;}

#register-form .form-control { border: 1px solid #a19e9e; color: #364347; font-size: 16px; line-height: 1.467; padding: 8px 12px; height: 40px; -webkit-appearance: none; border-radius: 4px;
  -webkit-box-shadow: none; box-shadow: none;  -webkit-transition: border .25s linear, color .25s linear, background-color .25s linear;
  transition: border .25s linear, color .25s linear, background-color .25s linear;
}
#register-form .form-control:hover {  border-color: #93a4aa;}
#register-form .form-group.focus .form-control,
#register-form .form-control:focus {  border-color: #02baf2;  outline: 0;  -webkit-box-shadow: none;  box-shadow: none;}
#register-form .form-control[disabled],
#register-form .form-control[readonly],
#register-form fieldset[disabled] .form-control {  background-color: #e1eef3;  cursor: default;}
#register-form .form-control:-moz-placeholder {color: #a19e9e;}
#register-form .form-control::-moz-placeholder {color: #a19e9e; opacity: 1;}
#register-form .form-control:-ms-input-placeholder {color: #a19e9e;}
#register-form .form-control::-webkit-input-placeholder {color: #a19e9e;}
#register-form .form-control.placeholder {color: #a19e9e;}
#register-form .form-control-static {padding-top: 6px; padding-left: 12px; color: #364347;}


/***************************************************************
Contacto y Formulario de Contacto
****************************************************************/

#contact .col-notas .cada-comentario figure p.nota-title {color: #333; font-family: "Arimo Bold",Arial,Helvetica,sans-serif; font-size: 24px; line-height: 1.4em; 
margin-bottom: 20px; margin-top: 20px; height: 45px; overflow: hidden; font-weight: bold;}
#contact .col-notas .cada-nota figure p.nota-title {color: #333; font-family: "Arimo Bold",Arial,Helvetica,sans-serif; font-size: 24px; line-height: 1.4em; 
margin-bottom: 20px; margin-top: 20px; height: 45px; overflow: hidden; font-weight: bold;}

#contact .col-notas .cada-comentario figure p.nota-texto {font-family: 'Arimo Italic', Arial, Helvetica, sans-serif; color:#a19e9e; font-size: 14px; line-height: 24px; margin:15px 0; height: 45px; overflow: hidden; float: left;
 width: 100%; font-style: italic;}
#contact .col-notas .cada-comentario figure .icon-user-circle-o {font-size: 24px; color:#333;}
#contact .col-notas .cada-comentario {margin-top: 20px;}

#contactform {float: left; width: 100%; display: block;}
.comment-respond .comment-notes, .comment-respond label { font-size: 14px;}
.comment-form > p { margin-bottom: 12px;}
.comment-form-comment label { display: none; vertical-align: middle;}
.comment-respond .comment-notes, .comment-respond label { font-size: 14px;}
.comment-form-comment textarea { width: 100%; max-width: 100%;}
.comment-form-author label, .comment-form-email label, .comment-form-url label { display: block; margin-bottom: 6px;}
#contactform input[type="color"], 
#contactform input[type="date"], 
#contactform input[type="datetime"], 
#contactform input[type="datetime-local"], 
#contactform input[type="email"], 
#contactform input[type="month"], 
#contactform input[type="number"], 
#contactform input[type="password"], 
#contactform input[type="search"], 
#contactform input[type="tel"], 
#contactform input[type="text"], 
#contactform input[type="time"], 
#contactform input[type="phone"], 
#contactform input[type="week"], 
#contactform input:not([type]), 
#contactform textarea { -moz-appearance: none; background-color: #fff; border: solid 1px #e6e6e6; border-radius: 5px; box-sizing: border-box; line-height: 24px; width: 100%; padding: 10px 12px; }
#contactform input, #contactform button {border-radius: 0;}
#contactform button, #contactform input {overflow: visible;}
#contactform button, #contactform input, #contactform optgroup, #contactform select, #contactform textarea { font: inherit;margin: 0;}
#contactform .form-submit { margin-top: 24px;}
#contactform .button, 
#contactform input[type="button"], 
#contactform input[type="reset"], 
#contactform input[type="submit"], 
#contactform .vw-button, 
#contactform .widget_tag_cloud a, 
#contactform .vw-tagline, 
#contactform .vw-review__item-title, 
#contactform .vw-review__total, 
#contactform .vw-super-title, 
#contactform .vw-social-counter__count, 
#contactform .vw-tab-title, 
#contactform .wc-tabs {font-family: inherit; font-weight: 700; letter-spacing: 0; text-transform: uppercase;}
#contactform button, 
#contactform input[type="button"], 
#contactform input[type="reset"], 
#contactform input[type="submit"], 
#contactform .vw-button { 
  background-color: #191919;  border: medium none; color: #fff; cursor: pointer; font-size: 12px; height: auto; line-height: 24px;min-height: 24px; padding: 10px 26px; text-align: center; text-transform: uppercase;
 transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s; vertical-align: middle;
}
#contactform input[type="submit"]:hover {background-color: #d53434;  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s; }
#contactform input, #contactform button { border-radius: 0;}
#contactform button, #contactform input { overflow: visible;}
#contactform button, #contactform input, #contactform optgroup, #contactform select, #contactform textarea { font: inherit; margin: 0;}

/***************************************************************
Galería
****************************************************************/

#galerias .col-notas .cada-nota figure p.nota-title {color: #333; font-family: "Arimo",Arial,Helvetica,sans-serif; font-size: 16px; line-height: 1.4em; margin-bottom: 0px; margin-top: 20px; height: auto;
 overflow: hidden; float: left; position: relative; width: 100%;}
#galerias .col-notas .cada-nota figure p.nota-texto {font-family: "Arimo",Arial,Helvetica,sans-serif; color:#a19e9e; font-size: 14px; line-height: 24px; margin:15px 0; height: 20px; overflow: hidden; float: left;
 width: 100%;}


.cada-nota figure img{max-width: 100%; height: auto;}


/***************************************************************
la radio
****************************************************************/
.redesradio {
    position: relative;
    background: #1b5585;
    margin: 20px auto;
    max-width: 100px;
    text-align: center;
}
.redesradio li {
    list-style: none;
    display: inline-block;
    padding: 5px;
    margin: 5px;
}
.redesradio li a {
    color: white;
}