/* GoogleFont */
@import url(http://fonts.googleapis.com/css?family=Oswald:400,300,700);
@import url(http://fonts.googleapis.com/css?family=Abel);


*{margin: 0; font-weight: normal;}

/* Estilos generales */
.contenedor{ max-width: 960px; margin: 0 auto 0 auto;background-color: #ebe3ce; }
html{ font-size:  100%}
body{ font-family: Abel; font-size: 10px;}
header{ background-color: #37c1aa; width: 100%; min-height: 187px;position: relative;float: center;box-sizing: border-box;padding: 2%;margin: 0;}
.logo{ position: absolute; top: 20px;left:30px;box-sizing: border-box;text-align: center;}
.iniciarsesion{ position: relative;float: right; text-align: right; margin-top: 3px;margin: 0 55px 0 0;box-sizing: border-box; }
.separador{ clear: both;}



/**** CSS PROGRAMACION ****/

section{ width: 100%;margin: 0 auto; position: relative; float: left;}
article{position: relative; float: left;}
.tablaprogramacion{width: 75%;font-family: 'Oswald', sans-serif; font-size: 13px; font-weight: 700;box-sizing: border-box;margin: 0%;padding: 2%; background-color: #ebe3ce; display: block; float: left;min-height: 600px;}
.espacionota{ margin-bottom: 13px;}
#fototabla{ padding: 0;}


.articuloprogramacion1 {min-height: auto;background: #f2db5b;position: relative;float: left;margin: 0%;padding: 2%;width: 25%;min-height: 600px;box-sizing: border-box;}


aside{ width: 100%; position: relative; float: right; background: #37c1aa; min-height: 213px;}
.banner { width: 100%; position: relative; float: left; background: #ebe3ce; min-height: auto; padding: 5%;text-align:left;box-sizing: border-box;}
.publicita{ width: 45%; position: relative; float: right; background: #37c1aa; min-height: 213px; padding: 2%;text-align:left;box-sizing: border-box;}
.ubicacion{ width: 50%; position: relative; float: left; background: #37c1aa; min-height: 213px; padding: 2%;box-sizing: border-box;}
.redessociales{position: relative; float: right; background: #37c1aa;padding:  2% 0 0 2%;}


.separadorespaciofooter{ clear: both;margin-top: 10px;}
.separadorespaciobanner{ clear: both;margin-top: 0px;}
footer{ background-color: #ebe3ce;width: 100%; height: 100px; text-align: center;box-sizing: border-box;padding: 2em;}

/* Menú */
header nav{ float: center; margin-top: 30px;}
header nav ul{ list-style-type: none;}
header nav ul li{ display: inline;box-sizing: border-box;padding: 3%;}
header nav ul li a{ text-decoration: none; color: #333333; padding: 11px;font-family: 'Oswald', sans-serif; font-size: 17px; font-weight: 300;}
header nav ul li a:hover{color: #333333;text-decoration:underline;font-weight: 400;}
section{ width: 100%}
h22{ text-decoration: none; color: #333333; padding: 11px;font-family: 'Oswald', sans-serif; font-size: 17px; text-decoration:underline;font-weight: 400;}

h1{font-family: 'Oswald', sans-serif; font-size: 19px; font-weight: 400;background:#f2db5b;width: 180px;box-sizing: border-box; padding: 2px 6px 2px 6px;display: inline;}
h2{font-family: 'Oswald', sans-serif; font-size: 23px; font-weight: 700;line-height:22px;}


b{ font-size: 13px; font-weight: 300;}
b1{ font-size: 11px; font-weight: 300;display: inline;}
b2{ font-size: 16px; color: #333333;font-weight: 700;display: inline;}
b3{ font-size: 17px; color: #333333;font-weight: 700;display: inline;}
p1{ font-size: 12px; text-align: center;margin: 0%; padding: 0%;}
p2{ font-size: 13px; letter-spacing: 5px;text-align: center;}
p3{font-family: 'Oswald', sans-serif; font-size: 14px; font-weight: 300; text-align: left;}
p4{font-family: 'Oswald', sans-serif; font-size: 12px; font-weight: 400;}


/**** CSS iniciar sesion ****/

/**** Formulario iniciar sesion  *****/

.form_container1 {
width: 400px;
clear: both;
margin: 5px auto;
text-align: right;
float: right;
margin-top: -15px;
box-sizing: border-box;
}
.form_container2{
    width: 400px;
    clear: both;
	margin:5px auto;
	text-align:right;
    float: right;
    box-sizing: border-box;
    
}

.button_text2
{
    background-color:  #f2db5b;
    border-radius:5px;
    padding:3px; 
    font-family: 'Oswald', sans-serif; font-size: 10px; font-weight: 400;
    letter-spacing: 2px;
}
input.large2
{
	width:115px;
     border-radius:5px;
}



/**** CSS CONTACTO ****/

/**** Formulario contacto  *****/
#form_container
{
	background:#ebe3ce;
	margin:0 auto;
	text-align:left;
	width:100%; 
}

form.appnitro
{
	margin:15px 0px 0;
	padding:0 0 20px;
}

/**** Formulario contacto seccion ****/
.appnitro
{
	font-family:'Oswald';
	font-size:small;
}

.appnitro li
{
	width:68%;
}

form ul
{
	font-size:100%;
	list-style-type:none;
	margin:0;
	padding:0;
	width:100%;
}

form li
{
	display:block;
	margin:0;
	padding:4px 5px 6px 0px;
	position:relative;
}
.buttons
{
	clear:both;
	display:block;
	margin-top:10px;   
}
.button_text
{
    background-color:  #f2db5b;
    border-radius:5px;
    padding:5px; 
    font-family: 'Oswald', sans-serif; font-size: 12px; font-weight: 400;
    letter-spacing: 2px;
}

.form_description
{
	border-bottom:1px dotted #ccc;
	clear:both;
	display:inline-block;
	margin:0 0 1em;   
}
.description 
{font-family: 'Oswald', sans-serif; font-size: 15px; font-weight: 300;
    }
.form_description[class]
{
	display:block;
}

.form_description h1
{
	clear:left;
    display: inline;
}

.form_description p3
{
	line-height:130%;
	margin:0 0 12px;
}
input.checkbox
{
	display:block;
	height:13px;
	line-height:1.4em;
	margin:6px 0 0 3px;
	width:13px;
}
label.choice
{
	color:#444;
	display:block;
	font-size:100%;
	line-height:1.4em;
	margin:-1.55em 0 0 25px;
	padding:4px 0 5px;
	width:90%;   
}
input.large
{
	width:99%;
     border-radius:5px;
}
textarea.medium
{
	height:10em;
    width:99%;
     border-radius:5px;
}



aside{
    width: 100%;
    position: relative; 
    float: right; 
    background: #37c1aa; 
    min-height: 213px;}

.banner { 
    width: 100%; 
    position: relative; 
    float: left; 
    background: #ebe3ce; 
    min-height: auto; 
    padding: 5%;
    text-align:left;
    box-sizing: border-box;}

.publicita{ width: 45%; position: relative; float: right; background: #37c1aa; min-height: 213px; padding: 2%;text-align:left;box-sizing: border-box;}
.ubicacion{ width: 50%; position: relative; float: left; background: #37c1aa; min-height: 213px; padding: 2%;box-sizing: border-box;}
.redessociales{position: relative; float: right; background: #37c1aa;padding:  2% 0 0 2%;}


.separadorespaciofooter{ clear: both;margin-top: 10px;}
.separadorespaciobanner{ clear: both;margin-top: 0px;}
footer{ background-color: #ebe3ce;width: 100%; height: 100px; text-align: center;box-sizing: border-box;padding: 2em;}

/**** Terminan header y footer *****/

/*********** Gleyzer ***********/



.gleyzer h1  { 
    font-family: Oswald; 
    font-size: 30px;

}

.gleyzer p { 
    font-family: Abel; 
    font-size: 18px; 
    max-width: 100%;
margin-top: 20px;
}

.tituloglayzer1 { 
    font-family: Oswald; 
    font-size: 20px; 
    max-width: 25%; 
    background-color:#37c1aa;
    padding: 10px;
height: 150px;
}

.tituloglayzer2 { 
    font-family: Oswald; 
    font-size: 20px; 
    max-width: 25%; 
    background-color:#37c1aa;
    padding: 10px;
    height: 190px;

}

.glayzer2 article { 
    position: relative;
    float: left;
    margin-right: 5%;
}


  
.asidegleyzer2 {
  position: relative;
  float: right;
  min-height: 500px;
  max-width: 18%;
  margin-top: -615px;
 
}

.textosasidegleyzer {
    padding-left: 5px;}

.bannergleyzer
{ margin-left: 5px;
   
}
    

hr
{
    background-color:  #ebe3ce; 
    height: 1px;
    margin-bottom: 40px;
    margin-top: 10px;

}


.estilotitulo {
    font-family: Oswald;
    font-size: 20px;
    margin-bottom: 15px;
    padding: 10px;
}

.gleyzer2 { 
    

  height: 50px;
  background: #ebe3ce;
  position: relative;
  float: left;
  box-sizing: border-box;
  margin-left: 0%;
  margin-right: 2%;
  padding: 1%;
  margin-bottom: 100px;
}

.tituloparrafogleyzer {
    font-family: Oswald;
    font-size: 18px;
   
}
    

.gleyzer3 {
width: 48%;
  height: 180px;
  background: #ebe3ce;
  position: relative;
  float: left;
  box-sizing: border-box;
  margin-left: 30%;
  margin-right: 2%;
  padding: 1%;
  margin-bottom: 70px;
    margin-top: -155px;

}



























/** JQery
===================================*/


.bx-wrapper {
	position: relative;
	margin: 0 auto 60px;
	padding: 0;
	*zoom: 1;
    margin-top: 5%;
    margin-left: 2%;
    width: 90%;
    
}

.bx-wrapper img {
	max-width: 100%;
	display: block;
    
}

/** THEME
===================================*/


.bx-wrapper .bx-viewport {
    
	-moz-box-shadow: 0 0 5px #ccc;
	-webkit-box-shadow: 0 0 5px #ccc;
	box-shadow: 0 0 5px #ccc;
	border:  5px solid #37c1aa;
	left: -5px;
	background: #ebe3ce;
  max-width: 85%;
	
	/*fix other elements on the page moving (on Chrome)*/
	-webkit-transform: translatez(0);
	-moz-transform: translatez(0);
    	-ms-transform: translatez(0);
    	-o-transform: translatez(0);
    	transform: translatez(0);
    
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: -30px;
	width: 75%;
    left: 6%;
   
}

/* LOADER */

.bx-wrapper .bx-loading {
	min-height: 50px;
    background: url(imgs/bx_loader.gif) center center no-repeat #fff;
	height: 100%;
	width: 40%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}

/* PAGER */

.bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	font-family: Oswald;
	font-weight: bold;
	color: #666;
	padding-top: -20px;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	background: #37c1aa;
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #000;
}

/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev {
	left: 10px;
	background: url(imagenes/controls.png) no-repeat 0 -32px;
}

.bx-wrapper .bx-next {
	right: 140px;
	background: url(imagenes/controls.png) -43px -32px;
}

.bx-wrapper .bx-prev:hover {
	background-position: 0 0;
}

.bx-wrapper .bx-next:hover {
	background-position: -43px 0;
}

.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -16px;
	outline: 0;
	width: 32px;
	height: 32px;
	text-indent: -9999px;
	z-index: 9999;
  
}

.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}

/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto {
	text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0;
	background: url(imagenes/controls.png) -86px -11px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
	background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0;
	background: url(imagenes/controls.png) -86px -44px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
	background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: center;
	width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right: 0;
	width: 35px;
}

/* IMAGE CAPTIONS */

.bx-wrapper .bx-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	background: rgba(80, 80, 80, 0.75);
	width: 75%;
}

.bx-wrapper .bx-caption span {
	color: #f2db5b;
	font-family: Oswald;
	display: block;
	font-size: .85em;
	padding: 10px;
}

/***************** TERMINA GLEYZER************/


/**** UNA NOTICIA ****/

.notisection {
    background: #ebe3ce;
min-height: 600px;
}

.unanoticiaarticle {
    width: 75%; 
    position: relative; 
    float: left;
    }

.unanoticiaaside { 
    width: 25%; 
    position: relative; 
    float: right;
    background: #37c1aa;
    min-height:650px;}

.noticiatitulo1 {   
    font-family: 'Oswald', sans-serif;
  font-size: 19px;
  font-weight: 400;
  background: #f2db5b;
  width: 100%;
  box-sizing: border-box;
  /* padding: 2px 6px 2px 6px; */
  display: inline;
}



.notisection {
    padding-top: 20px;}

.parrafoprincipal {
    padding: 10px;
    font-size: 14px;}

.parrafosecundario { 
    padding: 10px; 
    font-size: 14px;}

.separador{clear: both;}

.bannernoti {width: 100%;}

.toyotanoti {width: 100%;
    min-height:180px;}

.videonotiresponsive { padding: 10px;}

.titulonoti2 { padding: 10px;}

.textoaside {
    font-size: 18px;
    padding: 10px 5px 5px 5px;}

hr {
    background-color:  #ebe3ce; 
    height: 2px;
    margin-bottom: 10px;}

/* Responsive */
/* Chequear de afuera a adentro */


    
    .videonotiresponsive {
        position: relative;
        margin-bottom: 20px;
        padding-bottom: 56.25%
    }
    
  .videonotiresponsive iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }


		
        /**** TERMINA UNA NOTICIA ****/



        
        
@media screen and (max-width:500px){
article{position: relative; float: left; width: 400px;}
aside{ width: 100%; position: relative; float: right; background: ‪#37c1aa‬; min-height: 213px;}
.banner { width: 100%; position: relative; float: left; background: ‪#ebe3ce‬; min-height: auto; padding: 5%;text-align:left;box-sizing: border-box;}
.publicita{ width: 100%; position: relative; float: right; background: #37c1aa; min-height: 213px; padding: 2%;text-align:left;box-sizing: border-box;}
.ubicacion{ width: 50%; position: relative; float: left; background: #37c1aa; min-height: 213px; padding: 2%;box-sizing: border-box;}
.redessociales{position: relative; float: right; background: #37c1aa;padding: 2% 0 0 2%;}
.logo{ position: absolute; top: 60px;left:30px;box-sizing: border-box;text-align: center;}
footer{ background-color: #ebe3ce;width: 100%; height: 150px; text-align: center;box-sizing: border-box;padding: 2em;}
    .asidegleyzer { display: none;}
    .gleyer2 { width: 50%; position: relative; float: left;}
}