/*estilos visuales para los elementos del modulo blog en alto, ancho, margenes, alineacion del texto, rellenos, espaciado entre las letras, posicionamiento de elementos, referente a la fuente: color, tipo,tamaño*/
#cinta{height:160px; margin-top:290px; color:#FFF; font-size:22px; font-family:Myraid Light; text-align:center; padding:15px 250px; background-color:#52bdec;}
#cinta h1{margin:0; padding:0; font-size:30px; font-family:Myraid Bold;}
#cinta h2{margin:0; padding:0; font-size:30px;}
#cinta b{ font-family:Myraid Semibold; letter-spacing:1px;}
#temas{width:1096px;  height:324px; margin:0 auto 0 auto;}
#item-img,#item-img1,#item-img2{float:left; width:546px;  height:324px;}
#item-img1{display:inherit;}
#item-img2{display:none;}
#item-cont,#item-cont2{float:left; height:244px; width:426px; color:#fff; padding:40px 60px;}
#item-cont{background:#2e3192;}
#item-cont2{background:#52bdec;}
#b-tit{font-size:30px; font-family:Myraid Semibold; padding:5px 0px;}
#b-fec{font-size:15px; font-family:Myraid Light; text-transform:uppercase;}
#b-des{font-size:16px; font-family:Myraid Light; padding:0px 0px;}
#b-des p{padding:0px 0px;}
.boton-blog1{ color:#fff; font-size:25px; font-family:Myraid Semibold; text-decoration:none; padding:3px 6px; background:#52bdec;}
.boton-blog2{ color:#fff; font-size:25px; font-family:Myraid Semibold; text-decoration:none; padding:3px 6px; background:#2e3192;}
/*Articulo Individual*/
/*estilo visual para la extencion del modulo referente al tema, colores de fuente, tamaño de fuente, alto, ancho margenes, rellenos, fondos*/
#art{width:1024px; height:1200px; margin:275px auto 30px auto;}
#col1{float:left; width:622px;}
#bar_der{float:left; width:370px; margin:0px 0px 0px 30px;}
#art_img{width:100%; height:369px;}
#art_tit{font-size:22px; font-family:Myraid Semibold; color:#2e3192;}
#art_tit h1{font-family:Myraid Semibold; margin-bottom:0px;}
#art_por{color:#999;}
#art_por span{font-family:Myraid Semibold;color:#52bdec}
#art_fec{color:#999; text-transform:uppercase;}
#art_cont{color:#999; font-size:17px;}
#seg1{position:relative; height:450px; margin-bottom:30px; background:#a3a4a5;}
#fdr{text-align:center; padding-top:5px;}
#sec1{ position: absolute; width: 310px; top: 190px;padding:30px 30px;color: #fff; text-align: center;font-size: 14px;}
/*#sec1{position:absolute; width:350px; top:170px; padding:10px 10px; color:#fff;}*/
#sec1 span{color:#2e3192;font-size:30px;}
#fo-blue{position:absolute; bottom:0px; width:370px; height:50px; text-align:center; color:#fff; background:#2e3192;}
#seg2{height:395px; background:#a3a4a5;}
#top-blue{height:60px; font-size:30px; font-family:Myraid Semibold; text-align:center; padding:10px 10px; color:#fff; background:#2e3192;}
.tb{color:#fff; padding:2px 10px;}
#info{color:#fff; padding:8px 15px;}
.label{color:#fff; padding:0px 15px;}
.bo{color:#fff; padding:2px 15px;}
#dudas{color:#fff; font-size:22px; font-family:Myraid Semibold; padding:2px 15px;}
#info2{color:#fff; font-size:17px; padding:8px 15px;}
#info2 span{color:#2e3192; font-family:Myraid Semibold; font-size:17px; letter-spacing:1px;}
/*inicio del estilo web responsive en ppantallas desde 1200 pixeles, hasta 550 pixelex, este es muy breve ya que hay elementos que respetan su posicion y tamaño solos*/
@media screen and (max-width:1200px)
{#cinta{ margin-top:430px; height:210px;}}
@media screen and (max-width:1100px){
#temas{width:546px; height:814px;}
#item-img1{display:none;}
#item-img2{display:inherit;}}
@media screen and (max-width:980px)
{#cinta{ padding:0;}}
@media screen and (max-width:550px){
#temas{width:100%;height:auto;}
#item-img,#item-img1,#item-img2{width:100%; height:auto;}
#art_cont {color: #999; font-size: 17px; width: 400px; padding-left: 20px;padding-right: 20px;text-align: justify;}
#art {width: 300px;height: 1200px;margin: 275px auto 30px auto;}
#art_tit h1 {font-family: Myraid Semibold;margin-bottom: 0px;font-size: 15px; width: 300px;}
#art_img {width: 100%;display: none;}
#bar_der {float: left;width: 370px;margin: 0px 0px 0px 30px;align-content: center; margin-left: -35px;}
#art_cont {width: 300px; padding-left: 20px;padding-right: 20px;text-align: justify;}
#item-cont, #item-cont2{ width:77%;}}
@media screen and (max-width:540px)
{#item-cont, #item-cont2{ height:450px;}
#art_cont {color: #999; font-size: 17px; width: 300px; padding-left: 20px;padding-right: 20px;text-align: justify;}
#art {width: 300px;height: 1200px;margin: 275px auto 30px auto;}
#art_tit h1 {font-family: Myraid Semibold;margin-bottom: 0px;font-size: 15px; width: 300px;}
#art_img {width: 100%;display: none;}
#bar_der {float: left;width: 370px;margin: 0px 0px 0px 30px;align-content: center; margin-left: -35px;}
#art_cont {width: 300px; padding-left: 20px;padding-right: 20px;text-align: justify;}
 #cinta{ height:260px;}}
@media screen and (max-width:365px)
{#item-cont, #item-cont2{ height:550px;}
#art {width: 300px;height: 1200px;margin: 275px auto 30px auto;}
#art_cont {color: #999; font-size: 17px; width: 200px; padding-left: 20px;padding-right: 20px;text-align: justify;}
#art_tit h1 {font-family: Myraid Semibold;margin-bottom: 0px;font-size: 15px; width: 300px;}
#art_img {width: 100%;display: none;}
#bar_der {float: left;width: 370px;margin: 0px 0px 0px 30px;align-content: center; margin-left: -35px;}
#art_cont {width: 300px; padding-left: 20px;padding-right: 20px;text-align: justify;}
 #cinta{ height:300px;}}
@media screen and (max-width:320px)
{#item-cont, #item-cont2{ height:675px;}
#art {width: 300px;height: 1200px;margin: 275px auto 30px auto;}
#art_cont {color: #999; font-size: 17px; width: 200px; padding-left: 20px;padding-right: 20px;text-align: justify;}
#art_tit h1 {font-family: Myraid Semibold;margin-bottom: 0px;font-size: 15px; width: 300px;}
#art_img {width: 100%;display: none;}
#bar_der {float: left;width: 370px;margin: 0px 0px 0px 30px;align-content: center; margin-left: -35px;}
#art_cont {width: 300px; padding-left: 20px;padding-right: 20px;text-align: justify;}
#cinta{ height:385px;}}