body{
    background: #fff !important;
    background-size: cover;
}

/***lineas para el blog 01/10/2016*/
/********blog*********/
.barraBlog{
	width: 100%;
	height: 20%;
	background: white;
	position: absolute;
	z-index: 1000;
	text-align: center;
	font-family: 'Futura';
	margin-top: 2%;
	border-bottom: 8px solid #98b467;
}
.barraBlog div{
	float: left;
	width: 25%;
	height: 100%;
}
.barraBlog img{
    height: 102%;
    bottom: 9%;
    position: relative;
    /*float: left;*/
    left: 0%;
}

.titulo{
	float: left;
	width: 47% !important; 
	height: 100%;
}
.titulo a{
	text-decoration: none;
}
.titulo p {
    padding-top: 2%;
    color: #358fb2;
    font-size: 5em;
    font-family: 'Futura';
}
.titulo img{
	height: 102%;
	bottom: 9%;
	position: relative;
	float: left;
	left: 4%;
}
/**content**/
.contentBlog{
	width: 100%;
    height: auto;
    padding-top: 16%;
    position: relative;	
    /*max-width: 1200px;*/
}
.itemblog{
	width: 100%;
	height: auto;
	padding: 0px;
	padding-left: 0%;
	margin-bottom: 10%;
	text-align: center;
	border-bottom: 5px solid #358fb2;
    padding: 0% 8%;
}
.itemblog h1{
	color: #fff;
	font-size: 2em;
	margin-top: 5%;
	font-family: 'Futura';
	 text-align: center;
}
.videoItem{
    width: 100%;
    height: 100vh;
    position: relative;
}
.imgblog{
	width: 80%;
	/*height: 110vh;*/
    height: auto;
	position: relative;
        margin-left: 10%;
/*	float: left;*/
}
.imgblog img{
	width: 100%;
	height: 100%;
}
.videoItem iframe{
	width: 100%;
	height: 100%;
}


.texto-blog{
	width: 100%;
    text-align: center;
    /*float: right;*/
    position: relative;  
    padding: 0% 8%; 
}
.tituloblog{
	color: #000;
	font-size: 4em;
    position: relative;
    display: inline-block;
    font-family: 'Futura';
    width: 100%;
    font-weight: bold;
}
.autorblog{
	color: #000;
	font-size: 20px;	
	padding:  2px 0px 2px 1px;
    position: relative;
    display: inline-block;
    text-align:justify;
    margin-top: 2%;
    font-family: 'Futura';
}
.fechablog{	
    width: 98%;
    color: #000;
    font-size: 17px;
    padding: 16px 0px 2px 0px;
    position: relative;
    display: inline-block;
    text-align: center;
    font-family: 'Futura';
    text-align: left;
    padding: 1% 0%;
    margin-left: 10%;
}
.descripblog{
	width: 52%;
	height: 67vh;
	color: #fff;
	font-size: 18px;
	padding: 22px 20px 10px 20px;
    margin-left: 3%;
    display: inline-block;
    text-align: justify;
    margin-top: 3%;
    font-family: MyriadLight;
    border: 1px solid white;
    overflow-y: scroll;
        float: right;
cursor: pointer;
}



textarea, input[type=text], input[type=password], input[type=search], input[type=email], input[type=url] {
    background: #fff;
    color: #000;
    border: 1px solid #808080;
    border-top-color: #808080;
    border-bottom-color: #808080;
    padding: 6px 10px;
    -webkit-appearance: none;
    font-family: "Futura";
}

.masNota{
	color: white;
    font-size: 17px;
    border-bottom: 2px solid white;
    padding: 5px 15px 4px 15px;
    position: relative;
    display: inline-block;
    text-align: center;
    margin-top: 0%;
    margin-right: 18%;
    font-family: 'Futura';
    background: #3e92ae;
    border-radius: 10px;
    cursor: pointer;
    height: initial !important;
    width: initial !important;
    float: right !important;
}
.masNota:hover{
	background: #d7ecf7;
	color: #358fb2;

}
.regresar {
    color: white;
    font-size: 17px;
    border-bottom: 2px solid white;
    padding: 5px 10px 4px 10px;
    position: relative;
    display: inline-block;
    text-align: center;
    margin-left: 17%;
    font-family: 'Futura';
    background: #3e92ae;
    border-radius: 10px;
    cursor: pointer;
    height: initial !important;
    width: initial !important;
}
.regresar:hover{
	background: #d7ecf7;
	color: #358fb2;

}
.ver{
	color: #358fb2;
    font-size: 22px;
    padding: 5px 15px 4px 15px;
    position: relative;
    display: inline-block;
    text-align: center;
    margin-left: 59%;
    margin-bottom: 1%;
    font-family: 'Futura';
    cursor: pointer;
     height: initial !important;
    width: initial !important;
    border-bottom: 2px solid #358fb2;
}

.ver:hover{
	color: #d7ecf7;

}

/********new blog*******/

.content-newblog{
	width: 80%;
    height: auto;
    padding-top: 9%;
    margin-left: 10%;
    position: relative;	
    display: none;
    text-align: center;
}
.content-newblog h1 {
    color: #000;
    font-size: 3em;
    margin-top: 5%;
    font-family: "Futura";

}

.content-newblog2{
    width: 80%;
    height: auto;
    padding-top: 9%;
    margin-left: 10%;
    position: relative; 
    display: none;
    text-align: center;
}
.content-newblog2 h1 {
    color: #000;
    font-size: 3em;
    margin-top: 5%;
    font-family: "Futura";

}
.foto{
    padding-top: 4%;
}
.foto label{
	float: left;
}

.btnpublicarblog{
	color: #358fb2;
	font-size: 20px;
	padding: 0px 0px 0px 0px;
    position: relative;
    display: inline-block;
    text-align: center;
    margin-top: 2%; 
    cursor: pointer;
        right: 4%;
    font-family: "Futura";
    float: right;
    font-family: 'Futura';
    font-weight: bold;
    border-bottom: 2px solid #358fb2;
    margin-left: 11%;

}


.btnpublicarblog:hover{
	color: #03a9f4;

}
.accepted{
  border: rgba(0,130,101,1) solid 2px !important;
}
.deny{
   border: rgba(255,0,0,.9) solid 2px !important;
}
#result-blog{
	font-family: 'Futura';
	color: #000;
	text-align: center;
	display: none;
	font-size: 1.5em;
    padding: 11%;
}
.chek{
	font-family: 'Futura';
	color: #000;
}
#video{
	width: 100%
}
#video input{
	width: 72%;
}

#video *::-webkit-input-placeholder {
    /* Google Chrome y Safari */
    color: #000;
}
.texto-blog-video {
       width: 80%;
    margin-left: 10%;
    text-align: left;
    position: relative;
    padding-left: 2%;
}
.imgblog-video {
    width: 100%;
    height: 73vh;
    position: relative;
    float: left;
    margin-top: 2%;

}

.imgblog-video iframe{
	width: 66%;
	height: 94%;
}

.descripblog-video {
    width: 92%;
    height: 67vh;
    color: #fff;
    font-size: 18px;
    padding: 22px 20px 10px 20px;
    margin-left: 3%;
    display: inline-block;
    text-align: justify;
    margin-top: 3%;
    font-family: MyriadLight;
    border: 1px solid white;
    overflow-y: scroll;
}
.redes-video {
    width: 66%;
    height: 10vh;
    position: relative;
    float: left;
    padding-left: 42%;
}
.redes-video img {
    height: 85%;
    float: left;
    margin-right: 4%;
    cursor: pointer;
}
.divcomentarios-new{
    width: 57%;
    text-align: left;
    border-radius: 5px;
    padding-bottom: 8%;
    margin-left: 20%;
        margin-top: 2%;
}
.divcomentarios-new textarea {
    width: 95%;
}
.divcomentarios-new input{
	    width: 76%;
	    margin-bottom: 3%;
}
.divcomentarios-new label{
	width: 23%;
	color: #000;
	font-family: 'Futura';
	font-weight: inherit;
	font-size: 20px;
}

/********style de un post************/
.imgblog-un{
	    width: 90%;
    /*height: 110vh;*/
    height: auto;
    position: relative;
    margin-top: 3%;
    margin-left: 5%;
}
.imgblog-un img{
	width: 100%;
	height: 100%;
}
.imgblog-un iframe{
	width: 100%;
	height: 100%;
}
.contentBlog-un {
    width: 100%;
    height: auto;
    padding-top: 16%;
    margin-left: 0%;
    position: relative;

}

.texto-blog-uno{
    width: 100%;
    text-align: center;
    /*float: right;*/
    position: relative;  
    padding: 0% 3%; 
}
.redes{
    width: 100%;
    height: 10vh;
    position: relative;
    float: left;
    text-align: center;
        margin-bottom: 2%;
}
.redes img{
	height: 100%;
	/*float: left;*/
	margin-right: 3%;
	padding-top: 1%;
	}


.content-newcoment{
	width: 100%;
	/*float: right;*/
	margin-top: 5%;
	max-height: 80vh;
	 overflow-y: scroll;

}
.newcoment{
	width: 100%;
	background: #fff;
	position: relative;
	font-family: 'Futura';
	float: right;
	margin-bottom: 3%;
}
.nomcoment{
	width: 100%;
        height: 8vh;
	text-align: left;
	color:#000;
	font-size: 17px;
	padding-left: 8%;
	padding-top: 5px;
    border-bottom: 1px solid #000;
}
/*.nomcoment p{
	   
}
*/
.sucoment{
	width: 100%;
	text-align: justify;
	margin-top: 1%;
	font-family: Arial;
	padding-left: 8%;
	color: #000;
	font-size: 20px;
    font-family: "Futura";
    padding-right: 5%;

}
.comentsepared{
	border-bottom: 1px solid #EBEBEB;
	width: 100%;
	margin-top: 20px;
}
.divPublicar{
	height: 100% !important;
    width: 27% !important;
}
/****form comentar******/
.divcomentarios{
	width: 100%;
	text-align: center;
	border-radius: 5px;
    margin-top: 5%;
}
.divcomentarios h1{
    color: #000;
    font-size: 2.5em;
    font-family: "Futura";
    margin-bottom: 3%;
}
/*.divcomentarios div{
	padding-top: 1%;
    margin-left: -5%;
}*/
.divcomentarios label{
	width: 9%;
	color: #000;
	font-family: 'Futura';
	font-weight: inherit;
}
.divcomentarios textarea{
	width: 76%;
}
.divcomentarios input{
	    width: 76%;
	    margin-bottom: 3%;
}
.btnpublicar{
	color: #358fb2;
	font-size: 20px;
	padding: 0px 0px 0px 0px;
    position: relative;
    display: inline-block;
    text-align: center;
    margin-top: 2%; 
    cursor: pointer;
    font-family: 'Futura';
    font-weight: bold;
    border-bottom: 2px solid #358fb2;
    margin-left: 11%;
}
.btnpublicar:hover{
	color: #03a9f4;
}
.visitas{
	float: right;
    margin-right: 10%;
    padding-top: 1%;
    font-size: 16px;
    font-family: "Futura";
    color: #000;
}
.visitas img{
    height: 100% !important;
    margin-right: 4% !important;
}
/***/
.cont-VRM{
    width: 100%;
    height: 7vh;
    margin-top: 9%;
    margin-bottom: 3%;


}
.cont-VRM div{
    float: left;
    width: 30%;
    height: 100%;
}
.cont-VRM img{
    height: 100%;

}
.compartir{
    text-align: left;
}
.compartir img{
    margin-right: 9%;
}

.cont-VRM-uno{
    width: 100%;
    height: 12vh;
    margin-top: 11%;
    margin-bottom: 3%;
    padding-bottom: 3%;
    border-bottom: 5px solid #6cacc1;


}
.cont-VRM-uno div{
    float: left;
    width: 30%;
    height: 100%;
}
.cont-VRM-uno img{
    height: 100%;

}
.titcomentarios{
    width: 50%;
    height: 6vh;
    margin-left: 35%;
    
}
.titcomentarios img{
    height: 100%;
    float: left;
    margin-right: 3%;
}
.titcomentarios p{
    color: #000;
    font-family: "Futura";
    font-size: 2.5em;
    float: left;
}
.nomccom{
    font-size: 32px !important;
    font-weight: bold;
    float: left;
    margin-right: 4%;
}
.fechcom{
    font-size: 18px;
    font-family: 'Futura';
    float: left; 
    margin-top: 2%;
    margin-top: 1%;
}
.visitas-uno {
    float: right;
    margin-left: 40%;
    padding-top: 1%;
    font-size: 16px;
    font-family: "Futura";
    color: #000;
    text-align: right;
}
.visitas-uno img{
    height: 100% !important;
    margin-right: 4% !important;
}

.itemblog-uno {
    width: 100%;
    height: auto;
    padding: 0px;
    padding-left: 0%;
    margin-bottom: 10%;
    text-align: center;
    padding: 0% 8%;
}
.globocomp{
    position: absolute;
    width: 165px  !important;
    height:58px !important;
    background: url(images/Cuadro.png) no-repeat;
    background-size: 100% 100%;
    margin-top: -50px;
    margin-left: -3%;
    padding-left: 5px;
    padding-top: 2px;
}
.verg{
    display: block;
}
.ocultar{
    display: none;
}
.globocomp img{
    height: 38px;
    width: 35px;
    float: left;
    margin-right: 3%;
    margin-top: -2%;
}

.nuncomentario{
    background: red;
    color: #fff;
    width: 22px !important;
    height: 22px !important;
    border-radius: 50%;
    position: absolute;
    margin-left: 8%;
    margin-top: -4%;
    text-align: center;

}
.visitas a{
    text-decoration: none;
}
.contectcheck{
       height: 55px;
    width: 50%;
    margin-left: 20%; 
}
.ig-b-24 { 
    width: 35px; 
    height: 40px; 
    background-size: 100% 100%;
    padding: 2%;
}

@media all and (max-width: 1270) {
/*.globocomp{
    border: 1px solid red;
}*/

    .barraBlog div {
    width: 25%;
}
.regresar{
    margin-left: inherit;
}
.masNota{
    margin-right: inherit;
}
.contentBlog{
    padding-top: 18%;
}
.tituloblog{
    font-size: 3em;
}
.ver{
    margin-left: 38%;
}
.content-newblog{
    padding-top: 17%;
}
.divcomentarios-new{
    width: 80%;
    margin-left: 10%;
}
.tituloblog{
    font-size: 2.5em;
}
.cont-VRM-uno div{
    width: 33%;
}
.visitas-uno{
    margin-left: 33%;
}
.nomccom{
    font-size: 25px !important;
}
.fechcom{
    font-size: 15px;
}
.divcomentarios label {
    width: 20%;
    margin-right: 2%;
    text-align: right;
    color: #000;
    font-family: 'Futura';
    font-weight: inherit;
}
.content-newblog2{
    padding-top: 15%;
}

}
@media all and (max-width: 860px) {
     .barraBlog div {
    width: 25%;
}
.regresar{
    margin-left: inherit;
}
.masNota{
    margin-right: inherit;
    float: inherit !important;
}
.titulo p{
    font-size: 4em;
}
.contentBlog{
    padding-top: 24%;
}
.tituloblog{
    font-size: 3em;
}
.ver{
    margin-left: 38%;
}
.content-newblog{
    padding-top: 17%;
}
.divcomentarios-new{
    width: 80%;
    margin-left: 10%;
}
.tituloblog{
    font-size: 2.5em;
}
.cont-VRM-uno div{
    width: 33%;
}
.visitas-uno{
    margin-left: 33%;
}
.nomccom{
    font-size: 25px !important;
}
.fechcom{
    font-size: 15px;
}
.divcomentarios label {
    width: 20%;
    margin-right: 2%;
    text-align: right;
    color: #000;
    font-family: 'Futura';
    font-weight: inherit;
}
.content-newblog2{
    padding-top: 15%;
}


}
@media all and (max-width: 500px) {

    .barraBlog img {
    height: 87%;
    bottom: 1%;
    position: relative;
    /* float: left; */
    left: 0%;
    }
    .titulo {
    float: left;
    width: 41% !important;
    height: 100%;
}
.titulo p {
    padding-top: 15%;
    color: #358fb2;
    font-size: 2em;
    font-family: 'Futura';
}

.regresar {
    color: white;
    font-size: 11px;
    margin-top: 16%;

}

.masNota {
    color: white;
    font-size: 11px;
    margin-right: 3%;
    margin-top: 3%;
    float: inherit !important;
    padding:  5px 12px 4px 12px
}
.barraBlog div {
    float: left;
    width: 29%;
}


/****/
.contentBlog {
    width: 100%;
    height: auto;
    padding-top: 43%;
}

.imgblog {
    width: 100%;
    height: 44vh;
    margin-left: inherit;
}
.fechablog {
    width: 100%;
    color: #000;
    font-size: 11px
}
.tituloblog {
    color: #000;
    font-size: 1.5em;
}
.texto-blog {
    padding: 0% 0%;
}
.autorblog {
    font-size: 15px;
}
.cont-VRM {
    height: 4vh;
    margin-bottom: 6%;
    margin-top: 17%;
}
.nuncomentario {
    background: red;
    color: #fff;
    width: 17px !important;
    height: 17px !important;
    border-radius: 50%;
    position: absolute;
    margin-left: 13%;
    margin-top: -9%;
    text-align: center;
    font-size: 11px;
}

.visitas img {
    height: 61% !important;
}
.visitas {
    float: right;
    margin-right: 0%;
    padding-top: 1%;
    font-size: 8px;
    width: 37% !important;
}

.cont-VRM div {
    width: 31%;
}
.ver {
    font-size: 12px;
    padding: 5px 0px 4px 0px;
        margin-left: 28%;
    }
.content-newblog{
    padding-top: 35%;
     width: 90%;
    margin-left: 5%;
}
.content-newblog h1 {
    font-size: 2em;

}
.divcomentarios-new {
    width: 100%;
    margin-left: 0%;
}
.contectcheck{
    height: 55px;
    width: 100%;
    margin-left: 0%;
}
.btnpublicarblog{
    margin-left: 62%;
    float: inherit;
}
.divcomentarios-new label {
    width: 100%;
    font-size: 17px;
}
#video input {
    width: 100%;
}
/**conten uno**/
.contentBlog-un {
    padding-top: 34%;
}
.imgblog-un {
    height: 49vh;
    margin-left: inherit;
}
.cont-VRM-uno {
    height: 6vh;
    margin-top: 20%;
}
.visitas-uno{
    width: 56% !important;
    margin-left: 11%;
    font-size: 10px;
}
.titcomentarios {
    width: 100%;
    margin-top: 7%;
    margin-left: 0%;
}
.titcomentarios p{
    font-size: 27px;
}
.newcoment{
    margin-bottom: 7%;
}
.nomcoment {
    height: inherit;
    font-size: 15px;
    padding-left: 0%;
}
.nomccom {
    font-size: 14px !important;
    margin-right: 0%;
    float: inherit;
}
.fechcom {
    font-size: 9px;
    float: inherit;
}
.sucoment{
    padding-left: inherit;
    font-size: 14px;
}
.divcomentarios h1 {
    font-size: 1.5em;
}
.divcomentarios label {
    width: 100%;
    font-size: 14px;   
    text-align: left;
}
.divcomentarios input {
    width: 100%;
}
.divcomentarios textarea {
    width: 100%;
}
.btnpublicar{
    margin-left: -1%;
}
.content-newblog2{
    padding-top: 35%;
}
.content-newblog2 h1{
    font-size: 2em;
}
.globocomp {
        width: 60% !important;
        height: 4% !important;
        margin-top: -20%;       
         margin-left:-13%;

    /*margin-top: -13%;
    height: 4% !important;
    margin-left: -5%;*/
    }
    .globocomp img{
        margin-right: 1%;
        height: 38px;
        width: 38px;
    }
    /*.globouno{
     width: 50% !important;
    margin-top: -20%;
    height: 9% !important;
    margin-left: -11%;
    }*/
    .videoItem {
    width: 100%;
    height: 36vh;
}
/**/
}
@media (max-width: 600px) and (orientation: landscape) {
    .titulo{
        width: 27% !important;
    }
    .titulo p {
    padding-top: 5%;
    color: #358fb2;
    font-size: 1.5em;
    font-family: 'Futura';
}
.masNota{
    float: left !important;
     margin-top: inherit;
}
.regresar{
    margin-top: inherit;
     margin-right: 3%;
}

.divPublicar{
    width: 40% !important;   
}
.tituloblog{
    font-size: 1.3em;
}
.ver{
    width: 65% !important;
    font-size: 10px;
}
.autorblog{
    font-size: 13px;
}
.visitas{
    font-size: 8px;
}
.fechablog{
    font-size: 9px;
}
.visitas-uno {
    width: 56% !important;
    margin-left: 2%;
    font-size: 10px;
}
.titcomentarios {
    width: 100%;
    margin-top: 7%;
    margin-left: 0%;
}
.titcomentarios p {
    font-size: 27px;
}

.nomcoment {
    height: inherit;
    font-size: 15px;
    padding-left: 0%;
}
.nomccom {
    font-size: 14px !important;
    margin-right: 0%;
    float: inherit;
}
.fechcom {
    font-size: 9px;
    float: inherit;
}
.sucoment{
    padding-left: inherit;
    font-size: 14px;
}
.divcomentarios h1 {
    font-size: 1.5em;
}
.divcomentarios label {
    width: 100%;
    font-size: 14px;   
    text-align: left;
}
.divcomentarios input {
    width: 100%;
}
.divcomentarios textarea {
    width: 100%;
}
.btnpublicar{
    margin-left: -1%;
}
.content-newblog2{
    padding-top: 35%;
}
.content-newblog2 h1{
    font-size: 2em;
}
.globocomp {
        width: 32% !important;
    }
    .globocomp img{
        margin-right: 8%;
    }
    .globouno{
        width: 17% !important;
            margin-top: -5%;
    height: 4% !important;
    margin-left: -6%;
    }
    .nuncomentario {
    background: red;
    color: #fff;
    width: 17px !important;
    height: 17px !important;
        margin-left: 10%;
    margin-top: -5%;
}
.content-newblog2{
    padding-top: 16%;
}
.contectcheck {
    height: 55px;
    width: 100%;
    margin-left: 0%;
}
.btnpublicarblog{
    margin-bottom: 5%;
}
.divcomentarios-new{
    margin-bottom: 3%;
}
/*.globocomp{
        width: 22% !important;
        border: 1px solid red;
    }*/
}