@charset "utf-8"; /*css document*/
*{
	padding:0px;
	margin:0px;
}

body{ 
	background-color:#E5DB9C;
	font-family: "Arial" , sans-serif;
	
}

header, nav, footer{ 
	margin:0 auto;
	max-width:960px; /
	padding:0 0.25em ;	
	text-align:center;
	
}

header {
margin-top:10px;	
}
header img { width:auto; max-width:100%; height:auto; }

header #logowall a { 
height: 201px;
width: 100%;
display: block;
background-image:  url(imagenes/fondologo2.png);
background-position: center;} 


#contenedor {
	margin:0.5em auto;
	max-width:960px;
	padding:3em;	
	text-align:center;
    overflow: auto;		
}

#principal, aside{
	display:inline-block;
	margin:0.25em auto;
	max-width:960px;
	min-height: 200px;	
	min-width:250px;
	padding:0;
	text-align:left;
	vertical-align:top;
	width:67%;
	
}

article{
	min-height:140px;
	/*padding:0.2em;*/	
}

article img { width:auto; max-width:100%; height:auto; margin-bottom: 0.4em; margin-top: 0.3em }

aside{ 
	padding:0.5em;	
	width:30%;
	background-color: burlywood;
 
}

aside p{
font-family: 'Oswald', sans-serif;
text-align:justify;	
font-size: 0.9em;
padding-top: 0.3em;
font-weight: 300;
}

article p{
font-family: 'Oswald', sans-serif;
text-align:left;
font-size: 1em;
padding-top: 0.3em;
font-weight: 300;
}


.bajada {
font-family: 'Oswald', sans-serif;
font-weight: 400; }


aside img { width:auto; max-width:100%; height:auto; alignment-adjust:central;}


footer{
	
	background-color:#000;
	padding-top: 1em;
	width:100%;
   

    
}

.botonesprinc  li  {padding-bottom:  0.5em}

footer div{
display:inline-block;	
vertical-align:text-top;
padding:0.2em;

}

footer ul{float:left; margin-left: 0px; width: 210px;list-style:none;}
footer ul li{display: list-item;}



/************************ FIN --- PROPIEDADES GENERALES DE LA ESTRUCTURA DE LA PAGINA ***********************************/


a {
text-align: center;
font-family: "arial" , sans-serif;
}

/************************  MENU = NAV PROPIEDADES CON RESPONSIVE ***********************************/

nav ul {
	list-style-type:none;
	margin:0;
	padding:0;
	position: absolute;
}

nav li {
	display:inline-block;
	float: left;
}


nav li a {
	color: #fff;
	text-decoration: none;
	padding: 12px 15px;
	display: block;	
}


nav li:hover a {
	background-color: coral; 
}


nav li:hover ul a {
	background-color:#000;
	color: #fff;
    text-align: left;
    position: relative;
    padding-bottom: 5px;
    padding-top: 5px;
    padding-left: 15px;
    padding-right: auto;
  }


nav li:hover ul a:hover {
	background-color: coral; 
	color: #fff;
}


nav li ul {
	display: none;
    
}


nav li ul li {
	display: block;
	float: none;
    position: relative;
        z-index: 10;
 
}


nav li ul li a {
	min-width: 100px;
	padding: 0 1.5em;

}


nav ul li:hover > ul {
	display: block;
}
/********************* Responsive Menu *****************************/


.show-menu {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-decoration: none;
	color: #fff;
	background:#098040;
	text-align: center;
	padding: 10px 0;
	display: none;
}


input[type=checkbox]{
    display: none;
}


input[type=checkbox]:checked ~ #menu{
    display: block;
}


/* CUANDO LA PAGINA SE ACHIQUE A 960PX VA A MOSTRAR EL MENU*/
@media screen and (max-width : 960px){

	nav ul {
		position: static;
		display: none;
	}

	nav li {
		margin-bottom: 1px;
        
	}

	nav ul li, li a {
		width: 100%;
    
	}
    


	
	.show-menu {
		display:block;
	}
    
}

/* CUANDO LA PAGINA SE ACHIQUE A 320PX*/

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

    header { width:320px; clear: both}
       #logowall { width: 180%; }

    #contenedor{overflow: auto; clear: both; padding: 0; margin: 0}
   aside p {font-size: 0.8em; padding: 0.3em } 
    #principal  { width: 50%; float left;  clear: both; }
   
    nav ul li:hover > ul {
	display: none;
}


#logofooter {display: none}


}

    /*********fin responsive 320px/



/* CUANDO LA PAGINA SE ACHIQUE A 640PX*/

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

    
#contenedor, #contenedor2 { clear: both; }
    
 #principal  {padding-left: 2em; width: 90%; float: left;  clear: both; }
     
aside { margin-left: 2em;  float: left; overflow: auto; clear: both;}
    
    nav ul li:hover > ul {
	display: none;
}
#galeria {display: none;}
    

.notasanteriores article { clear: both; float: left; width: 640px;}
    
div #proximosprogramas {margin-right:0; clear: both; width: 30%;}
   
  
    


}


/********************* FIN Responsive Menu *****************************/
/************************  FIN ---- MENU = NAV PROPIEDADES CON RESPONSIVE ***********************************/



/* PROPIEDADES DE LOS IDS DEL MENU */
#quienes,#programas,#entrevistas,#capitulos,#musica,#ultimas {
background: #000;
}
#aire {
background:#C03;
}

#buscador{float:right; background-color:bisque; width: 150px;height: 42px;}
#buscar{margin-left: 120px;margin-top: 15px; width:auto; max-width:100%; height:auto; }

/* FIN --- PROPIEDADES DE LOS IDS DEL MENU */



#proximosprogramas div{ 
	
	float: left;
	font-size: 0.85rem;
font-family: 'Oswald', sans-serif;
font-weight: 400; 
    padding-top: 0.8em;
  margin-right: 2.5em;
}

#proximosprogramas p { font-weight: 400;}
#proximosprogramas h2 { padding-top: 1em;}

#proximosprogramas img { width:auto; max-width:100%; height:auto; }  




.notasanteriores {
overflow: auto; width: 950px;  float: left; 
list-style: none;}

.notasanteriores li a { text-decoration: none;}

.notasanteriores article {float: left;  width: 30%; padding-right: 1.7em; padding-bottom: 0.7em; list-style: none;}
.notasanteriores li img { width: 100%; }
.notasanteriores h1{ text-align: left; color:#000; font-size: 1.3em; padding-top: 1em;text-decoration: none;  }
.notasanteriores h3{ text-align: left; color:#BD0D0D; font-size: 1em; padding-top: 0em;  }
.notasanteriores p { font-size: 0.8em; }


/************ PROPIEDADES DE LOS H  *******************/



h1 {
font-size: 1.3rem;
font-family: 'Oswald', sans-serif;
text-decoration: none;
text-align:left;
margin-bottom: 0.2em;
    margin-top: 0.2em;
    color: black;
} 
h2 {color:#0C8040; text-align:left;font-family: 'Oswald', sans-serif;}
h3 {color:#BD0D0D; text-align:left; margin-bottom: 0.1em; margin-top: 0.2em; font-family: 'Oswald', sans-serif;}

h4,h5 { position: relative;
font-size: 1.1rem;
font-family: 'Oswald', sans-serif;
text-decoration: none;
color: #BD0D0D;
} 

h6{color:white; font-family: "oswald", sans-serif; font-size: 1.2rem;}

/************ FIN ---- PROPIEDADES DE LOS H   *******************/

#chicos, { 
left: 14px;
font-size: 1rem;
font-family: "oswald", sans-serif;
}




/************ PROPIEDADES DEL FOOTER  *******************/
#logofooter{
	width:350px;
	alignment-adjust:central;
	text-align:center;	
	float:left;
}
#logofooter img{float:left; margin-left: 2.5em;}
#logofooter h5,#logofooter h6{position:relative;font-family: "oswald",sans-serif;font-size: 1.2rem; font-weight:100;}
#logofooter h5{margin-top:0.3em;font-size: 1.6rem; font-weight: 400;}


#iconos a{
color:#FFF;	
    text-decoration: none;
}
#iconos a:hover{
color:#BD0D0D;
}

.item{font-weight: 700;color:coral;padding-top: 5px;text-decoration: none;}
.item2{font-weight:400;color:peachpuff;font-size: 0.8rem; padding-top: 2px;text-decoration: none;}
.item3{color: coral;font-weight: 700; text-decoration: none;}

footer ul a:hover{ color:#BD0D0D}
footer ul li{ text-align:left;
}


.legales_footer {
padding-top: 1em;
font-size: 0.7em;
margin-top: 10px;
color: white;
font-family: 'Oswald', sans-serif;
font-style: italic;
background-color:  #000002; 
    text-align: left;
      padding-left: 0.3em;
    padding-bottom: 0.8em;
  
}


#legales_footer2{
background-color: #E5DB9C;
    text-align: left;
    padding-left: 0.3em;
    padding-top: -0.2em;
    padding-bottom: 0.5em;
}

#mapa { border: white solid 1px; padding: 0.3em;}
#mapa:hover { background-color: coral;}


/************ FIN --- PROPIEDADES DEL FOOTER  *******************/


/*----------JQUERY--------*/
#contenedor2 { margin: auto;
margin-top: 40px;
max-width: 960px;
}

#galeria { 
    width: auto; height: auto;
   max-width: 945px;
	margin-top:80px;
	border:7px solid #fff;
border-color: brown;
	-webkit-box-shadow:0 3px 5px #999;
	-moz-box-shadow:0 3px 5px #999}




#galeria ul { 
display: inline-block;
	overflow:hidden;
	margin:0;
       
}

#galeria ul li {
	top:0;
	left:0;
	margin:0;
	padding-right: 320px;
	list-style:none;
    
}

#pagination {
	clear:both;
	width:75px;
	margin:25px auto 0;
margin-left: 370px;
	padding:0;
}

#pagination li {
	list-style:none;
	float:left;
	margin:0 2px;
background-color: brown;
border-bottom-color:brown;
}

#pagination li a {
	display:block;
	width:10px;
	height:10px;
	text-indent:-10000px;
	background:url(../tp/imagenes/pagination.png);
}

#pagination li a.active {
  
	background-position:0 10px;
}

.caption {
	width: 925px;
display: inline-block;
	padding:10px;
	font-family: Arial, sans-serif;
	font-size:14px;
	font-weight:lighter;
	color:#fff;
	border-top:1px solid #000;
	background:rgba(0,0,0,0.6);
}

/***** fin jquery.html******/

/*----------Galeria jquery--------*/

#featured{   
    width:700px;   
    padding-right:250px;   
    position:relative;   
    height:455px;  
    background-color: brown;  
    border:5px solid;
border-color: brown;
}  
#featured ul.ui-tabs-nav{   
    position:absolute;   
    top:0; left:700px;   
    list-style:none;   
    padding:0; margin:0;   
    width:240px;  
}  


#featured ul.ui-tabs-nav li{   
    padding:1px 0; padding-left:13px;    
    font-size:12px;   
    color:#666;   
}  
#featured ul.ui-tabs-nav li span{   
    font-size:11px; font-family:Arial;   
    line-height:13px;
text-decoration: none;
}  


#featured .ui-tabs-panel{   
    width:700px; height:450px;   
    background-color: brown; position:relative;  
        overflow:hidden;  
}  
#featured .ui-tabs-hide{   
    display:none;   
}  
#featured li.ui-tabs-nav-item a{/*On Hover Style*/   
    display:block;   
    height:60px;   
    color:#333;  background:#fff;   
    line-height:20px;  
    outline:none;  
}  
#featured li.ui-tabs-nav-item a:hover{   
    background:#f2f2f2;   
}  
#featured li.ui-tabs-selected{ /*Selected tab style*/  
    background:url('images/selected-item.gif') top left no-repeat;    
}  
#featured ul.ui-tabs-nav li.ui-tabs-selected a{   
    background:#ccc;   
}  
#featured ul.ui-tabs-nav li img{   
    float:left; margin:2px 5px;   
    background-color: brown;   
    padding:2px;   
    border:1px solid #eee;  
height: 50px;
width: 90px
}  
#featured .ui-tabs-panel .info{   
    position:absolute;   
    top:180px; left:0;   
    height:70px; width: 400px;  
    background: url('images/transparent-bg.png');   
}  


/***** fin jquery galeria******/


/*****video.html******/

video { width:97%; height: auto;
    border: solid #BD0D0D 0.2em;
      
}



/***** fin video.html******/






/*****capitulos.html******/
#principal_capitulos{
	display:inline-block;
	margin:0.25em auto;	
	padding:0;
	text-align:left;
	width:100%;
   
}


.imagencap {
    float: left;
    width: 28%;
    padding-right: 3em;
margin-top: 1em;
margin-left: -2em;
}

.imagencap p {
margin-top: -0.5em;
}

#pueblos, #cientificos, #paraloschicos, #documentales {  display: inline-block; max-width: 100%; padding-top: 1em; }



.bajada img { float: left; margin-right: 0.3em; margin-top: -0.3em}

/***** fin capitulos.html******/


/*****musica.html******/

#programasmusicales{
	display:inline-block;
	margin:0.25em auto;
	max-width:960px;
	min-height: 100px;	
	text-align:left;
	vertical-align:top;
	width:100%;    
}

.programaa li a {text-decoration: none }
.programab li a {text-decoration: none }


.programaa{
	display:inline-block;	
	float:left;
list-style: none;
width: 43%;
}

.programab { display:inline-block;	
	float:right;
    width: 43%; 
    padding-left: 0.5em;
list-style: none}

.barra {display: inline-block; }



/***** fin musica.html******/



/*****aire.html******/
#vivoaire{
	display:inline-block;
	margin:0.25em auto;
	max-width:960px;
	min-height: 100px;	
	text-align:left;
	width:100%;
}

#videoaire video { border: none; padding-top: 1em; width: 100%; height: auto;}

#vivoaire img { float: left; margin-right: 0.5em; }


/***** fin aire.html******/




/*****entrevista1.html******/



#parrafoentre  { width: 600px;
display: inline-block;
  

}

#parrafoentre p { color: black;
    font-size: 0.95rem;
    font-size: 0.95rem;
    font-family: arial, sans-serif;
    width: 600px;
    text-align:left;

    }

#principal_entrevista1 h2 {
    color: #BD0D0D; }

.anteriores { text-decoration: none;
list-style: none;
    width: auto;
align-content: center;
    margin-left: 15px;
    position:relative;
    padding-left: 10px;
    margin-right: 15px;
    }

.anteriores :hover { background-color:#252525;}
    

#principal_entrevista1 aside {
    width: auto;
text-decoration: none;
padding: 10px;
    margin-left: 35px;
    margin-top:70px;
    background-color: black;


}

#principal_entrevista1 h3{
font-size: 1.1rem;
font-family: arial; 
text-align: left;
width: 600px;
padding-bottom: 10px;
  
}

#principal_entrevista1 aside h2
{ padding-bottom: 1.5em; color: white;
}

#principal_entrevista1 h4 {padding: 7px;
width: 600px;}


#principal_entrevista1 aside h5{
    font-size: 1rem;
    text-align: left;
    width: 190px;
list-style: none;
    margin-right: 10px;
    padding-bottom: 5px;
    padding-top: 5px;
    color:white;
  line-height: 1.4em;
    font-weight: 400;
 
}

#principal_entrevista1 aside h6 {
    font-size: 0.8rem;
    font-family: arial;
    text-align: left;
      width: 190px;
list-style: none;
         margin-bottom: 50px;
    margin-right: 10px;
    text-decoration: none;
    color:#0C8040;
}

#ficha { padding-bottom: 3px;
    padding-right: 2em;
 float: left;   list-style: none;}

#ficha a {font-size: 0.8rem;
    font-weight: 800;
    font-style: italic;
    color: #0C8040;
    text-decoration: none; }

#ficha  :hover {color: white; }
#ficha img { float: left; margin-top: 1em; }


/***** entrevista1.html******/





/*****ficha.html******/

#principal_ficha  {  
	display:inline-block;
	margin:0.25em auto;	
	padding:0;
	text-align:left;
	width:100%;
    overflow: auto;
 }

#parrafoficha {    
width: 450px;
text-align: left;
float: left;
    display: inline-block;
}

#principal_ficha  p {
font-family: "arial", sans-serif; 
}
#parrafoficha h4 { font-size: 1em;  font-weight: 400;padding: 0; }

.section1  {
   margin-right: 0;
    width:45%;
float: right;
    
}
.section1 li{list-style: none; float: left; border-top: black solid 1px;} 
.section1 li a { text-align: left; text-decoration: none;}
.section1 h4 {margin-left: 0.3em;  font-size: 1.1em; font-weight: 300;}
.section1 h4:hover { color: #0C8040;}
.section1 h1 {margin-left: 0.8em;color:white;}
.section1 p {margin-left: 1em; font-size: 0.8em; padding-bottom: 0.3em; }

.itemuno{ width:100%; font-family: 'Oswald', sans-serif;
   font-size: 1.1rem;  color: white; background-color: black; }


.itemtres img {float:right; padding-right: 1.5em; }
.itemtres p {float: left; width: 55%;}
.itemseis p {float: left; width: 70%;}

/***** ficha.html******/


/*****programas.html******/

#principal_programas{
	display:inline-block;
	margin:0.25em auto;	
	padding:0;
	text-align:left;
	width:100%;
    overflow: auto;
}

.programasparticipantes { overflow: auto; width: 48%;  float: left; }
.canalesdewall { overflow: auto;  width: 47%;  float: right}

.programasparticipantes li {float: left;  width: 42%; padding-right: 1em; padding-bottom: 1em; list-style: none;}
.canalesdewall li          {float: right;  width: 42%; padding-right: 1em; padding-bottom: 2.2em; list-style: none;}

.programasparticipantes li img { width: 100%; }
.canalesdewall li img { width: 100%; }

.programasparticipantes li a {text-align: left; text-decoration: none;}
.canalesdewall li a {text-align: left; text-decoration: none;}

.programasparticipantes h1{ text-align: left; color:#000; font-size: 1em; padding-bottom: 1em;  }
.canalesdewall h1 {text-align: left; color:#000; font-size: 1em; margin-left: 1em; padding-bottom: 1em; }
.canalesdewall h2 {text-align: left; margin-left: 0.7em;  }

#barra2 {float: left}

/*****programas.html******/



/*****documentalesvarios.html******/

#principal_documental { display:inline-block;
	margin:0.25em auto;
	max-width:960px;
	min-height: 200px;	
	min-width:250px;
	padding:0;
	text-align:left;
	vertical-align:top;
	width:67%;
    overflow: auto;
    	vertical-align:top;

}



#principal_documental img { margin: 0px; padding: 0px;}
#principal_documental h6 {color:white; font-size: 1.1em;  background-color: black; padding-left: 0.3em;  text-decoration: none; margin-top: 1em;}

#siguientes1 { float: left;
overflow: ;
padding-right: 50px;
width: 47% }

p { font-family: 'Oswald', sans-serif;
font-size: 0.8rem;
font-weight: 300;
color: black;}

#siguientes2 { float: left;
width: 42% }

#siguientes2, #siguientes1 h3 { padding-top: 0.5em;}
#losdocumentales {overflow: auto; float: left; width: 100%}

#losdocumentales img {float: left}

#losdocumentales h6 {color:white; font-size: 1.1em;  background-color: black; padding-left: 0.3em;  text-decoration: none; margin-top: 1em; }

#losdocumentales h3 { font-size: 1.5em;}
#losdocumentales .bajada {padding-bottom: 0.3em; margin-top: -0.5em; }

.bajada  img { float: left; margin-right: 0.3em; margin-top: 0em}



/***** documentalesvarios.html******/



/*****nota1.html*******/
#parrafonota{display: inline-block; margin-top:3px}
iframe{display: inline-block; float: left}

#parrafonota .nota { font-family: 'Oswald', sans-serif;
font-size: 1.3rem;
font-weight: 700;line-height: 1.7em }

#parrafonota .nota2{ margin-top: 3px;  color: black;
  font-size: 1.1rem;
  font-family: "oswald", sans-serif;
  text-align: left;line-height: 1.7em;font-weight: 700 }

#parrafonota p{width: 633px; margin-top: 3px;  color: black;
  font-size: 1rem;padding-bottom: 6px;
  font-family: "arial", sans-serif;
  text-align: left;line-height: 1.3em }

#principalnota #notaaside{display: inline-block;
max-width:960px;
text-decoration: none;
padding: 12px;
}

.asidenota li {list-style: none;text-decoration: none;padding-bottom: 17px}

/******fin nota1.html*****/



/******capituloschicos*******/
#vacacioneschicos{
	display:inline-block;
	margin:0.25em auto;
	max-width:960px;
	min-height: 100px;	
	text-align:left;
	width:100%;
}

#vacaciones{display: inline-block; float: left; }

#chancho{width: 100%; display: inline-block; float: left;}

#infatil{ display: inline-block; float: left;}

.tvchicos{float: left; font-size:  1.2rem;color: black; margin-top: 20px; width: 100%}

#tv1{width:  50% ; display: inline-block; float: left; }

#infantil p{ display: inline-block; float: left; width: 48%; margin-left: 16px;color: black;
  font-size: 1rem;
  font-family: "arial", sans-serif;
  text-align: left;line-height: 1.3em}

#infantil .infotv{  font-family: 'Oswald', sans-serif;
  text-align: left;
    font-weight: 400;
  font-size: 1rem;
  padding-top: 0.3em;margin-top: 10px}

.infotv  img { float: left; margin-right: 0.3em; margin-top: 0em}

/******fin capitulos chicos*******/


/***** entrevistas.html******/

#principal_entrevistas{

	display:inline-block;
	margin:0.25em auto;	
	padding:0;
	text-align:left;
	width:100%;  
    overflow: auto;
    float: left;
}

.entrevistasapertura h6 {color:white; font-size: 1em; background-color: black; padding-left: 0.3em;
    } 
.entrevistasapertura2 h6 {color:white; font-size: 1em;  background-color: black; padding-left: 0.3em;  }

#volverentrevistas  {list-style: none;}
#volverentrevistas a { text-decoration: none;}

.entrevistasapertura h2 { color: black;}

.entrevistasapertura { float: left;padding-bottom: 2.5em;}
.entrevistasapertura2 { float: left; overflow: auto; }

.entrevistasapertura  li { float: left; width: 24%; padding-right: 1.3em; list-style: none; }
.entrevistasapertura2  li { float: left; width: 22.8%; padding-right: 1.2em; list-style: none;}

.entrevistasapertura  li img { width: 100%; float: left;}
.entrevistasapertura2  li img { width: 100%;float: left;}

.entrevistasapertura li a { text-align: left;  }
.entrevistasapertura2 li a { text-align: left;}

.entrevistasapertura p{ color: black;
    font-size: 0.80rem;
    font-family: arial, sans-serif;
    width: auto;
    text-align:left;
line-height:  1.2em;
      margin-top: 0.4em;
 }

.entrevistasapertura2 p{ color: black;
    font-size: 0.80rem;
    font-family: arial, sans-serif;
    width: auto;
    text-align:left;
line-height:  1.2em;
    margin-top: 0.4em;
}

.tituloenfoto { margin-top: -1.8em;padding-right: 0.2em;padding-left: 0.2em;
color:#BD0D0D; font-size: 1.1em; background: white; opacity:0.8; font-weight: 400; width: auto;
    float: left; }

li.primerli .tituloenfoto {margin-top: -8.5em; margin-left: 0em; padding: 0.2em; font-size: 1.1em; background: white; opacity:0.8; font-weight: 400; width: 38%;text-align: left; float: left;}

li.primerli  { width: 45%; float: left; } 
.primerli h6 { margin-top: -9.3em;  width:22%; float: left;
    color: white; font-size: 1.2em; background: black; padding:0 0.3em 0 0.3em; } 

.primerli h2 { font-size: 1.1em; float: left; color:#BD0D0D;   }
.primerli p {margin-top: 0;}

li.primerli img {width:  100%}

/***** fin entrevistas.html******/


/*****mapa de sitio.html******/

#principal_mapa {
	
	padding:0;
	text-align:left;
	width:100%;  
    overflow: auto;

}


#principal_mapa a { text-decoration: none;}

#principal_mapa h4:hover{ background-color: black; color:coral; padding-left: 0.2em;}
#principal_mapa h5:hover{ color: coral; background-color: black; padding-left: 0.2em}
#principal_mapa h3:hover{ color:coral; background-color: black; padding-left: 0.2em}

#columnaizq { float: left; width: 32%; list-style: none}
#columnaderecha { float: left; width: 32%; margin-top: 2.3em; list-style: none;}

#mapadesitio3 { float: left; width: 32%; margin: 0px; list-style: none; margin-top: 2.3em;}

#principal_mapa h5 { font-family: 'Oswald', sans-serif; font-weight: 300; font-size: 0.8rem;
margin-left: 3em; color: black; text-align: left;
 }

#principal_mapa h4 { text-decoration: none; font-family: 'Oswald', sans-serif;
font-weight: 300; font-size: 1rem; margin-left: 1em; color: black; text-align: left;
 }


/*****mapa de sitio.html******/


/***** musicales.html******/

#musicales {overflow: auto;
 display:inline-block;
	margin:0.25em auto;	
	padding:0;
	text-align:left;
	width:100%;  }

#clips1 {float: left;

}

#clips2 {float: right; }

#clips3{float: left;padding-right: 2.5em; padding-top: 1em;}

#clips4{float: left;padding-right: 2.5em; padding-top: 1em;}

#clips5{float: left;padding-right: 0.2em; padding-top: 1em;}

/***** fin musicales.html******/

/*******documentales.html****************/


#documentales {overflow: auto;
 display:inline-block;
	margin:0.25em auto;	
	padding:0;
	text-align:left;
	width:100%;  }

.videosparte1 {float: left;}

.videosparte1 .texto { font-family: 'Oswald', sans-serif;
font-size: 1.3rem;
font-weight: 700;line-height: 1.7em }

.videosparte1 p{ margin-top: 3px;  color: black;
  font-size: 1rem;
  font-family: "arial", sans-serif;
  text-align: left;line-height: 1.3em }

.videosparte2 li {float: left; list-style: none;}

.videosparte2 .video1B{padding-right: 1.22rem}

.videosparte2 .video2B{padding-right: 1.22rem}

#documentales .tituloB{margin-top: 2em:}

.tituloB{color: black; font-weight: 0.8rem}

/*******FINdocumentales.html****************/


/*******quienessomos.html****************/

#fundador h3 {float: left;}
#fundador li img { float: left; list-style: none; margin-left: 0.5em;margin-top: 0.3em;}
#fundador li {list-style: none}


#textoquienes p{ color: black;
 margin-top: 3px;  color: black;
  font-size: 1rem;padding-bottom: 6px;
  font-family: "arial", sans-serif;
  text-align: left;line-height: 1.3em }

#textoquienes .destacadoquienes{color: black;
  color: black; font-size: 1.1rem; padding-bottom: 6px;
  font-family: "oswald", sans-serif; font-weight: 400;
  text-align: left;line-height: 1.6em}

#textoquienes .italic{color: black;
  color: black;
  font-size: 1rem;font-style: italic; padding-bottom: 6px;
  font-family: "oswald", sans-serif; font-weight: 400;
  text-align: left;line-height: 1.6em }
/*******finquienessomos.html****************/