/* Estilo header y footer */

/* 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;}
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;
}





/* Estilo Noticias */


.noticias3buscador {
  background: #ebe3ce;
  width: 100%;
  height: 200px;
}
.noticias3tamanobuscador {width: 200px; height:30px; position: relative; top: 30px; ; left: 10px; margin-bottom: 60px;}




    
/*section1*/    
section604 { background:#ebe3ce ; width: 80%; min-height: 400px; margin: 0 auto; position: relative; float: left;}
article605 {width: 48%; height: 180px; background: #ebe3ce; position: relative; float:left; box-sizing: border-box; margin-left: 0%; margin-right: 2%; padding: 1%; margin-bottom: 70px;}

.noticias3imagenes {width: 170px; height: 165px; position: relative; float: left; margin-right: 20px; margin-left: 0 auto; }


h606 {font-family: 'Oswald'; font-weight: 700; font-size: 24px;}
h608 {font-family: 'Oswald'; font-weight: 700; font-size: 24px;}
p607 {font-family: 'Oswald'; font-weight: 400; font-size: 12px;}
.noticias3facebook {width: 30px; height: 30px; position: relative; float: left; top: 5px;}
.noticias3twitter {width: 30px; height: 30px; position: relative; float: left; top: 7px;}


/*aside-banner*/
aside601 {
  background: #ebe3ce;
  width: 18%;
  min-height: 480px;
  position: relative;
  float: right;
  padding: 1%;
}
article602 { background: #37c1aa; width: 100%; height: 210px; position: relative; float: left; }
h603 { height: 109px; font-family: 'Oswald'; font-weight: 700; font-size: 32px; box-sizing: border-box; }

.imagentraslasierra {width: 172px; height: 50%; position: relative; float: left;}


.noticias3separador {clear: both; }

section610 {
  width: 98%;
  height: 300px;
  position: relative;
  float: left;
  padding: 1%;
  background: #ebe3ce;
}
h611 { background-color: #ebe422;  width: 120px; color: black; font-family: 'Oswald'; font-weight: 700; font-size: 20px; position: relative; float: left; margin-right: 900px;}
.noticias3imagenabajo {width: 170px; height: 165px; margin-right: 20px; margin-top: 10px; position: relative; float: left}
.noticias3imagenabajo2 {width: 170px; height: 165px; position: relative; float: left;  margin-top: 10px;}




/* Estilo Noticia Individual */


.noticiaindividual12345{width: 100%; height: 100px; background: #ebe3ce; }
H299 { background-color: #ebe422;  width: 90px; color: black; font-family: 'Oswald'; font-size: 22px; font-weight: 700; position: relative; float: left;margin-top: 30px; margin-left: 12px;}



/* SECCION principal de noticia individual*/

section300 {
  background: #ebe3ce;
  width: 78%;
  min-height: 920px;
  margin: 0 auto;
  position: relative;
  float: left;
  padding: 1%;
}
p301 {font-family: 'Abel'; font-size: 11px; }
h302 {font-family: 'Oswald'; font-size: 45px; font-weight: 700; margin-bottom: 20px;}


/*Slider fotos de noticia individual*/
.sss {
	height: 0;
	margin: 0; 
	padding: 0;
	position: relative;
	display: block;
	overflow: hidden;
}

.ssslide {
	width: 100%;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	left: 0;
	display: none;
	overflow: hidden;
}

.ssslide img {
	max-width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	position: relative;
	display: block;
}

.sssnext, .sssprev {
	width: 25px;
	height: 100%;
	margin: 0;
	position: absolute;
	top: 0;
	background: url('imagenes/arr.png') no-repeat;
}

.sssprev {
	left: 3%;
	background-position: 0 50%;
}

.sssnext {
	right: 3%;
	background-position: -26px 50%;
}

.sssprev:hover, .sssnext:hover {
	cursor: pointer;
}


/* Texto de noticia individual*/
p303 {font-family: 'Abel'; font-size: 15px; font-weight: 400; position: relative; float: left; margin-top: 30px;}

.facebooknoticia1 {width: 30px; height: 30px; position: relative; float: left; margin-top: 15px;}
.twitternoticia1 {width: 30px; height: 30px; position: relative; float: left; margin-top: 15px; margin-left: 5px;}




 /* ASIDE noticias relacionadas */

aside300 {
  background: #ebe3ce;
  width: 20%;
  min-height: 939px;
  position: relative;
  float: right;
}

aside300 h298 { font-family: 'Oswald';font-size: 20px; font-weight: 700;position: relative;float: left; margin-bottom: 8px;margin-left: 7px;margin-top: 14px;}
aside300 article301 {
  background: #e5e28b;
  width: 160px;
  height: 190px;
  position: relative;
  float: left;
  margin-left: 7px;
  padding: 5%;
}
.imagen1asidenoticiaindividual {width: 157px; height: 120px; ; position: relative; float: left;}
aside300 article301 h304 {font-family: 'Oswald'; font-size: 16px; font-weight: 400px; position: relative; float: left; width: 157px;}



section302 {
  width: 941px;
  height: 300px;
  position: relative;
  float: left;
  padding: 1%;
  background-color: #ebe3ce;
}
article303 { background: #37c1aa; width: 400px; height: 200px; position: relative; float: left;}
h310 {
  font-family: 'Oswald';
  font-weight: 700;
  font-size: 40px;
  position: relative;
  float: left;
  margin-top: 65px;
  margin-left: 30px;
}
p311 {
  font-family: 'Abel';
  font-size: 18px;
  position: relative;
  float: left;
  margin-left: 55px;
}


article304 { background: #ebe422; width: 370px; height: 200px; position: relative; float: left;}
h312 {
  font-family: 'Oswald';
  font-weight: 700;
  font-size: 40px;
  position: relative;
  float: left;
  margin-top: 45px;
  margin-left: 70px;
}
p313 {
  font-family: 'Abel';
  font-size: 18px;
  position: relative;
  float: left;
  margin-left: 0px;
}





                /* Documentales*/

.separador123456 {width: 100%; height: 70px; background:#ebe3ce }
h509 {
  background-color: #ECD83E;
  font-family: 'Oswald';
  font-weight: 700;
  font-size: 14px;
  position: relative;
  float: left;
  margin-left: 9px;
  margin-top: 30px;
}


section500  {background: #ebe3ce;
  width: 68%;
  min-height: 400px;
  margin: 0 auto;
  position: relative;
  float: left;
  padding: 1%;
}
.videodocumentales {width: 95%; 
                          min-height: 390px;
                          margin: 0 auto; 
                          position: relative; 
                          float: left;}
.facebookdocumentales {width: 40px;
           height: 40px; 
           position: relative; 
           float: left; 
           margin-top: 10px; 
           margin-left:10px; }

.twitterdocumentales {width: 40px; 
         height: 40px; 
         position: relative; 
         float: left; 
         margin-top: 10px; 
         margin-left: 20px; }


section501 {background: #ebe3ce; width: 69%; 
                         min-height: 120px; 
                         margin: 0 auto; 
                          
                         position: relative; 
                         float: left;}

.documentales3escribecomentario {width: 96%; 
                                 height: 70px; 
                                 margin: 0 auto; 
                                 position: relative; 
                                 float: left;
    
padding: 1%;
margin-bottom: 70px;}


section504 {background: #ebe3ce;width: 98%; 
                        height: 152px;  
                        position: relative; 
                        float: left;
padding: 1%}


.flechadocumentalesizq {width: 30px;
                        height: 30px; 
                        margin-bottom: 40px;}

.doc3imagenes {
  height: 133px;
  margin-left: 10px;
  margin-right: 6px;
}
 
.flechadocumentalesder {width: 30px; 
                        height: 30px; 
                        margin-bottom: 40px;}

section505 {
  background: #ebe3ce;
  width: 100%;
  height: 220px;
  position: relative;
  float: left;
}

article506 {width: 480px; height: 200px; background: #37c1aa; position: relative; float: left;}

h507 {text-decoration: none; font-family: 'Oswald'; font-size: 50px; font-weight: 400; position: relative; float: left; margin-left: 60px; margin-top: 25px;}
a {text-decoration: none;
  color: #333333;
 
  font-family: 'Oswald';
  font-size: 17px;
  font-weight: 300;
}
.temporadaturistica2015imagendocumentales {width: 480px; height: 200px; position: relative; float: right;}

.documentales3publicita {height: 193px;
                         margin-right: 10px;}
.imagentrailerdocumentales3 {height: 193px; 
                            width: 370px;
                            margin-right: 7px;}
.titulodebajodocumentales {font-family: 'Oswald';
                           font-size: 18px;
                           color: darkslategrey}






section506{
  background: #ebe3ce;
  width: 98%;
  height: 320px;
  position: relative;
  float: left;
  padding: 1%;
}

.imagendocuemtalizquierda {height: 193px;
                            width: 275px;
                            margin-right: 10px;}

.imagendetextodoc {height: 193px;
                            width: 370px;
                            margin-right: 5px;}

.imagendocumentalderecha {height: 193px;
                            width: 276px;
                            }



.documentales3newletter {height: 193px;
                         width: 280px;}



.docuemntales3aside1 {background:#ebe3ce;
                      width: 30%; 
                      min-height: 400px; 
                      position: relative; 
                      float: right; 
                      box-sizing: border-box;}

aside502 {background: #ebe3ce; width: 28%; height: 440px; position: relative; float: right; padding: 1%;}

h503 {line-height: 70px; 
                       font-family: 'Oswald'; 
                       font-weight: 400; 
                       font-size: 55px;}

p504 {width: 90%; 
                      font-family: 'Abel'; 
                      font-weight: 400; 
                      font-size: 14px; 
                      justify-content: center;}


aside503 {
  background: #ebe3ce;
  background: ;
  width: 29%;
  height: 134px;
  
  position: relative;
  float: left;
  
  padding: 1%;}

h504 {background:#ECD83E;  font-family: 'Oswald'; 
                         font-weight: 700; 
                         font-size: 25px; 
                         color: #71B09E; 
                         justify-content: center; 
                         position: relative;
    float: left;
margin-top: 9px;
margin-left: 30px;}





     /*Documental1*/

.contenedordocumentalindividual {width: 960px; width: 100%; background: #ebe3ce;}

.noticiaindividual123456{width: 100%; height: 70px; background: #ebe3ce;}
H407 { background-color: #ebe422;  width: 130px; color: black; font-family: 'Oswald'; font-size: 22px; font-weight: 700; position: relative; float: left;margin-top: 30px; margin-left: 10px;}

aside400 {background: #ebe3ce; width:  25%; height: 1300px; position: relative; float: left;  padding: 1%; }
h402 { font-family: 'Oswald';font-size: 20px; font-weight: 700;position: relative;float: left; margin-bottom: 8px;margin-left: 7px;margin-top: 56px;}
aside400 article407 {background: #37c1aa; width: 83%; height: 200px; position: relative; float: left; padding: 3%; margin-bottom: 20px;}
.imagen1asidedocumentalindividual {width: 200px; height: 170px; ; position: relative; float: left;}
aside400 article407 h408 {font-family: 'Oswald'; font-weight: 400; font-size: 14px; position: relative; float: left;}

aside400 article408 { width: 83%; height: 210px; position: relative; float: left; padding: 3%; margin-top: -10px;}
aside400 article408 h409 {font-family: 'Oswald'; font-weight: 700; font-size: 20px; position: relative; float: left; }





section401 {background: #ebe3ce; width: 71%; height: 1300px; position: relative; float: right; padding: 1%; }
section401 p406 {font-family: 'Abel'; font-size: 11px; position: relative; float: left; }
section401 h406 {font-family: 'Oswald'; font-weight: 700; font-size: 30px; position: relative; float: left; margin-bottom: 10px; margin-top: 30px;}
.videodedocumentalindividual {width: 660px; height: 515px;}
section401 p405 {font-family: 'Abel'; font-weight: 400; font-size: 15px; position: relative; float: left; margin-top: 20px;}

.escribecomentariodocumental1 { width: 350px; height: 165px; position: relative; float: left; margin-top:  48px;}
.escribecomentariodocumental1enviar { width: 100px; height: 50px; position: relative; float: left; margin-top:  48px; margin-left: 10px;} 
.compartirdocumentalindividual123 {width: 40px; height: 40px; position: relative; float: right; margin-top: 48px; margin-right: 5px;}




          /* Documental2*/


.contenedordocumentalindividual {width: 960px; width: 100%; background: #ebe3ce;}

.noticiaindividual123456{width: 100%; height: 70px; background: #ebe3ce;}
H407 { background-color: #ebe422;  width: 130px; color: black; font-family: 'Oswald'; font-size: 22px; font-weight: 700; position: relative; float: left;margin-top: 30px; margin-left: 10px;}

aside400 {background: #ebe3ce; width:  25%; height: 1300px; position: relative; float: left;  padding: 1%; }
h402 { font-family: 'Oswald';font-size: 20px; font-weight: 700;position: relative;float: left; margin-bottom: 8px;margin-left: 7px;margin-top: 56px;}
aside400 article407 {background: #37c1aa; width: 83%; height: 200px; position: relative; float: left; padding: 3%; margin-bottom: 20px;}
.imagen1asidedocumentalindividual {width: 200px; height: 170px; ; position: relative; float: left;}
aside400 article407 h408 {font-family: 'Oswald'; font-weight: 400; font-size: 14px; position: relative; float: left;}

aside400 article408 { width: 83%; height: 210px; position: relative; float: left; padding: 3%; margin-top: -10px;}
aside400 article408 h409 {font-family: 'Oswald'; font-weight: 700; font-size: 20px; position: relative; float: left; }





section401 {background: #ebe3ce; width: 71%; height: 1300px; position: relative; float: right; padding: 1%; }
section401 p406 {font-family: 'Abel'; font-size: 11px; position: relative; float: left; }
section401 h416 {font-family: 'Oswald'; font-weight: 700; font-size: 34px; position: relative; float: left; margin-bottom: 10px; margin-top: 30px;}
.videodedocumentalindividual {width: 660px; height: 515px;}
section401 p405 {font-family: 'Abel'; font-weight: 400; font-size: 15px; position: relative; float: left; margin-top: 20px;}

.escribecomentariodocumental1 { width: 350px; height: 165px; position: relative; float: left; margin-top:  48px;}
.escribecomentariodocumental1enviar { width: 100px; height: 50px; position: relative; float: left; margin-top:  48px; margin-left: 10px;} 
.compartirdocumentalindividual123 {width: 40px; height: 40px; position: relative; float: right; margin-top: 48px; margin-right: 5px;}







        /*Responsive*/

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

/* Header y Footer*/

 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;} 


 /* Noticias*/
    
    aside601 {display:none;}
    
    section604 {
  background: #ebe3ce;
  width: 100%;
  min-height: 400px;
  margin: 0 auto;
  position: relative;
  float: left;
}
    
  h606 {
  font-family: 'Oswald';
  font-weight: 700;
  font-size: 10px;
}
  p607 {
  font-family: 'Oswald';
  font-weight: 400;
  font-size: 9px;
} 
    
  .noticias3imagenes {
  width: 190px;
  height: 165px;
  position: relative;
  float: left;
  margin-right: 20px;
  margin-left: 0 auto;
}  
    
    
    h608 {
  font-family: 'Oswald';
  font-weight: 700;
  font-size: 11px;
}
    
   .noticias3imagenabajo {
  width: 80px;
  height: 75px;
  margin-right: 10px;
  margin-top: 10px;
  position: relative;
  float: left;
} 
    
    .noticias3imagenabajo2 {
  width: 80px;
  height: 75px;
  position: relative;
  float: left;
  margin-top: 10px;
}
    
    
    section610 {
  width: 98%;
  height: 200px;
  position: relative;
  float: left;
  padding: 1%;
  background: #ebe3ce;
}
    
    
    
    
    /* NOticia individual*/
    
    
     
    section300 {
  background: #ebe3ce;
  width: 100%;
  min-height: 920px;
  margin: 0 auto;
  position: relative;
  float: left;
  padding: 1%;
}
    
    h302 {font-family: 'Oswald'; font-size: 22px; font-weight: 700; margin-bottom: 20px;}
    
    
   aside300{ 
    display:none;}

    
    section302 {width: 100%; min-height: 500px; position: relative; float: left; padding: 1%;background-color: #ebe3ce;}
article303 { background: #37c1aa; width: 100%; height: 200px; position: relative; float: left;}
    article304 { background: #ebe422; width: 100%; height: 200px; position: relative; float: left;}
 
    
    
    /* Documentales */
    
    
    .videodocumentales {width: 310px; 
                          min-height: 290px;
                          margin: 0 auto; 
                          position: relative; 
                          float: left;}
    
    
    section500 {
  background: #ebe3ce;
  width: 68%;
  min-height: 440px;
  margin: 0 auto;
  position: relative;
  float: left;
  padding: 1%;
}
    
    h503 {line-height: 50px; 
                       font-family: 'Oswald'; 
                       font-weight: 400; 
                       font-size: 30px;}
    
    
    section501 {
  background: #ebe3ce;
  width: 69%;
  min-height: 20px;
  margin: 0 auto;
  position: relative;
  float: left;
}
    
    
   h504 {
  background: #ECD83E;
  font-family: 'Oswald';
  font-weight: 700;
  font-size: 25px;
  color: #71B09E;
  justify-content: center;
  position: relative;
  float: left;
  
} 
    
    section504 {display: none}
    section506 {display: none}
    
    section505 {
  background: #ebe3ce;
  width: 100%;
  height: 440px;
  position: relative;
  float: left;
}
    
    
    
    /* Documental 1 */
    
     aside400 {background: #ebe3ce; width:  25%; height: 1300px; position: relative; float: left;  padding: 1%; }
h402 { font-family: 'Oswald';font-size: 14px; font-weight: 700;position: relative;float: left; margin-bottom: 8px;margin-left: 7px;margin-top: 56px;}
aside400 article407 {background: #37c1aa; width: 83%; height: 130px; position: relative; float: left; padding: 3%; margin-bottom: 20px;}
.imagen1asidedocumentalindividual {width: 100px; height: 80px; ; position: relative; float: left;}
aside400 article407 h408 {font-family: 'Oswald'; font-weight: 400; font-size: 14px; position: relative; float: left;}

aside400 article408 { width: 83%; height: 160px; position: relative; float: left; padding: 3%; margin-top: -10px;}
aside400 article408 h409 {font-family: 'Oswald'; font-weight: 700; font-size: 20px; position: relative; float: left; }
    
    
   section401 {background: #ebe3ce; width: 71%; height: 1300px; position: relative; float: right; padding: 1%; }
section401 p406 {font-family: 'Abel'; font-size: 11px; position: relative; float: left; }
section401 h406 {font-family: 'Oswald'; font-weight: 700; font-size: 19px; position: relative; float: left; margin-bottom: 10px; margin-top: 30px;}
.videodedocumentalindividual {width: 330px; height: 185px;}
section401 p405 {font-family: 'Abel'; font-weight: 400; font-size: 15px; position: relative; float: left; margin-top: 20px;} 
    
    
    .escribecomentariodocumental1 { width: 320px; height: 135px; position: relative; float: left; margin-top:  48px;}
.escribecomentariodocumental1enviar { width: 100px; height: 50px; position: relative; float: left; margin-top:  48px; margin-left: 10px;} 
.compartirdocumentalindividual123 {width: 40px; height: 40px; position: relative; float: right; margin-top: 48px; margin-right: 5px;}
    
    
    
    
    
    
    /* Documental 2 */
    
    
   aside400 {background: #ebe3ce; width:  25%; height: 1300px; position: relative; float: left;  padding: 1%; }
h402 { font-family: 'Oswald';font-size: 14px; font-weight: 700;position: relative;float: left; margin-bottom: 8px;margin-left: 7px;margin-top: 56px;}
aside400 article407 {background: #37c1aa; width: 83%; height: 130px; position: relative; float: left; padding: 3%; margin-bottom: 20px;}
.imagen1asidedocumentalindividual {width: 100px; height: 80px; ; position: relative; float: left;}
aside400 article407 h408 {font-family: 'Oswald'; font-weight: 400; font-size: 14px; position: relative; float: left;}

aside400 article408 { width: 83%; height: 160px; position: relative; float: left; padding: 3%; margin-top: -10px;}
aside400 article408 h409 {font-family: 'Oswald'; font-weight: 700; font-size: 20px; position: relative; float: left; }
    
    
   section401 {background: #ebe3ce; width: 71%; height: 1300px; position: relative; float: right; padding: 1%; }
section401 p406 {font-family: 'Abel'; font-size: 11px; position: relative; float: left; }
section401 h416 {font-family: 'Oswald'; font-weight: 700; font-size: 19px; position: relative; float: left; margin-bottom: 10px; margin-top: 30px;}
.videodedocumentalindividual {width: 330px; height: 185px;}
section401 p405 {font-family: 'Abel'; font-weight: 400; font-size: 15px; position: relative; float: left; margin-top: 20px;} 
    
    
    .escribecomentariodocumental1 { width: 320px; height: 135px; position: relative; float: left; margin-top:  48px;}
.escribecomentariodocumental1enviar { width: 100px; height: 50px; position: relative; float: left; margin-top:  48px; margin-left: 10px;} 
.compartirdocumentalindividual123 {width: 40px; height: 40px; position: relative; float: right; margin-top: 48px; margin-right: 5px;}
    
    
    
    
}