@import url("min/reset.css");


@import url("1200.css");

@import url("estructura.css");

/*Estilo Llanera.com
Autor: Danilo Sarmiento
2014-01-15*/
BODY
{
	background: #5E6E46;
}
@media screen and (min-width: 800px) and (max-width: 1959px){
#cabeza
{
	background-color: #DBDB93;
}
}
@media screen and (min-width: 320px) and (max-width: 799px){
#cabeza
{
	background-color: #ACDCFA;
}
}
#contenedor
{
	background: #FFF;

}
#cabecera
{
	background: #4785AD;
}
.fecha{
	font-size:10px;
	}
/*contenido*/

#contenido

{

	margin: 1px 0 0;

}

.lista_notas H2, .lista_notas H3

{
	font-size: 18pt;
	margin: 20px 0 5px;
	font-family: TextoDetalle, Verdana, Arial, calabri;
	padding-top: 5px;
}
.lista_notas A:link
{
	text-decoration: none;
	color: #555;
}
.lista_notas A:visited
{
	text-decoration: none;
	color: #555;
}
.lista_notas A:hover
{
	color: #E10A0A;
}
.fotothum
{
	float: left;
	width: 160px;
	margin: 0 10px 5px 0;
	overflow: hidden;
	height: 85px;
	border: 2px solid #C3C9B1;
}

#fotoinicio IMG
{
	width: 540px;
}
.detallefoto IMG
{
	width: 540px;
}
.publinota
{
	background: url(../images/publinota.png) no-repeat;
	padding: 10px 0 0;
}
/*Estilo articulos Inicio*/

.ititulares H2

{

	font-size: 20px;

	font-family: Titulos, Arial, Helvetica, sans-serif;

	border-bottom: 2px solid #C6D3B5;

}

.ititulares A:link, A:visited

{

	font-size: 18px;

	color: #4B5156;

	text-decoration: none;

}

.ititulares A:hover

{

	color: #EC0808;

}

.ititulares LI

{

	margin: 5px 0 10px;

	padding: 0 0 0 0px;

	/*background: url(../images/ititulares_naranja.png) no-repeat left 7px;*/

}

.ititulares P

{

	font-family: Calibri, Candara, Arial, serif;

	line-height: 1.1em;

}

.fotothum_inicio

{
	float: right;
	width: 120px;
	margin: 0 10px 5px 0;
	overflow: hidden;
	height: 70px;
	border: 2px solid #C3C9B1;
}

.fotothum_inicio IMG

{

	width: 120px;

}

/*galeria inicio*/

#galeria_inicio LI

{

	overflow: hidden;

	height: 60px;

	margin: 4px;

	width: 92px;

	float: left;

	border: 3px solid #D2CDCD;
	padding: 1px;
}
#galeria_inicio IMG
{
	width: 100px;
}
#subgalerias
{
}
#subgalerias H2
{
	font-size: 18px;
	font-family: Candara;
	margin: 10px 0;
	color: #648C1C;
}
/*Galeria de fotos*/
#galerias
{
	margin: 20px 0 0;
	min-height: 200px;
}
#galeria_ver
{
	border-top: 1px dotted #637F17;
	margin: 10px 0 0;
}
#galeria_fotos IMG, #galeria_ver IMG
{
	width: 100px;
	margin: 10px 0px;
	border: 3px solid #CBD0CD;
	padding: 1px;
}
.detalle H1
{
	font-size: 25px;
	margin: 10px 0;
	color: #555;
	font-family: Titulos, Arial, Helvetica, sans-serif;
	line-height: 1.3em;
}
.detalle H2
{
	font-size: 22px;
	margin: 10px 0;
	font-family: TextoDetalle, Arial, Helvetica, sans-serif;
	line-height: 1.3em;
}
.detalle H3
{
	font-size: 18px;
	margin: 10px 0;
	font-family: TextoDetalle, Arial, Helvetica, sans-serif;
	line-height: 1.3em;
}
.detalle P, .lista_notas P, article LI
{
	line-height: 1.3em;
	margin-bottom: 15px;
	font-size: 16px;
	font-family: TextoDetalle, Arial, Helvetica, sans-serif;
}
article LI{
	padding: 2px 5px 2px 25px;
	list-style: none;
	background: url(../images/ititulares_naranja.png) no-repeat left center;	
	}
.txtfecha
{
	font-size: 9px;
	margin-bottom: 5px;
	padding-bottom: 5px;
	color: #B9A8A8;
	border-bottom: 1px dotted #C8C4C4;
	font-family: Textos, Arial, Helvetica, sans-serif;
}

.detallefoto, .piefoto
{
	font-family:Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-size:13px;
	width:100%;
	margin-bottom:5px;
}
.piefoto span{
	font-weight:bold;
	}

/*Archivos, videos, audios*/
.detallearchivo
{
	margin: 5px 0;
	font-family: TextoDetalle;
}
.detallearchivo .detallevideos .detalleaudios H2
{
	font-size: 15pt;
	margin-bottom: 5px;
	font-family: Candara, calabri, arial;
	color: #555;
}
.detallearchivos LI
{	border-bottom: 1px dotted #BFDE98;
	padding: 5px 5px 5px 25px;
	list-style: none;
	background: url(../images/icon_verde.png) no-repeat left center;
}

.detallearchivos A, #galerias A
{
	text-decoration: none;
	color: #34481C;
	font-family: candara;
	font-size: 18px;
}
.detallearchivos A:hover, #galerias A:hover
{
	color: #F94B4B;
}
.detallevideos LI
{
	margin: 0 0 10px;

}

.detallevideos H2, .detallearchivos H2, .detalleaudios H2
{
	font-size: 18pt;
	color: #902B55;
	font-family: Candara, calabri, Arial, Verdana;
	border-bottom: 1px dotted #91325D;
	margin: 5px 0;
}
.detallevideos H3, .detalleaudios H3
{
	color: #AE0D50;
	font-family: Candara;
	font-size: 16px;
	margin-bottom: 5px;
	padding: 0px;
}
.detalleaudios AUDIO, .detalleaudios IMG
{
	width: 230px;
	background-color: #BFEF67;
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/*Caja Buscar*/
.caja_buscar
{
}
#cse-search-box
{
}
.caja_buscar INPUT
{
}

/*Notas de categorias en detalle*/

.titulocategoria, .titulocategoria_detalle
{
	border-bottom: 1px dotted #ECD7B2;
	color: #939393;
}

.titulocategoria H1

{
	font-size: 30pt;
	font-family: Titulos, Arial, Helvetica, sans-serif;
	margin: 20px 0 0;
}

.titulocategoria H2, .titulocategoria_detalle H2

{
	font-size: 1.5em;
	font-family: Titulos, Arial, Helvetica, sans-serif;

}
.titulocategoria_detalle{}
/*Pie*/

#pie

{
	background: #FB4D06;
}

.menupie

{

	font-family: Candara;

	margin: 30px 0 0 20px;

}

.menupie LI

{

	display: inline;

	float: left;

	margin: 0 15px 0 0;

}

.menupie A:link, .menupie A:visited

{

	color: #FFF;

	text-decoration: none;

}

.menupie A:hover

{

	color: #FFC60B;

}
.datospie p{
	color:#FFFFFF;
	font-size:12px;
	font-family:TextoDetalle, "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-align:center;
	}
/*Contacto error*/

#contacto_validar, #eregistro

{

	width: 600px;

	margin: 150px auto 0;

	background: #F3F3F3;

	border: 2px dashed #F00;

	padding: 35px 0 35px 35px;

	height: 70px;

	font-family: candara;

	/*+border-radius:20px 0 0 20px;*/

	-moz-border-radius: 20px 0 0 20px;

	-webkit-border-radius: 20px 0 0 20px;

	-khtml-border-radius: 20px 0 0 20px;

	border-radius: 20px 0 0 20px;

}

#contacto_validar H1

{

	color: #F60D0D;

	font-weight: bold;

	font-size: 35pt;

}

#contacto_validar P

{

	margin-left: 160px;

}

.error_enviar

{

	background: url(../images/good-warning-error.png) no-repeat right;

	width: 200px;

	height: 200px;

	float: right;

	margin: -140px -40px 0 0;

}

/*Audio en Vivo*/

#playerasm

{

	background: url(../images/bg_player_as.jpg) no-repeat;

	height: 200px;

	margin: 0px;

	width: 500px;

	position: absolute;

}

#containerp

{

	width: 328px;

	height: 25px;

	margin: 120px auto 0;

}

#audioenvivo

{

	float: right;

	margin: 20px 10px 0 0;

}

/*Contacto validado*/

#contacto_check, #exregistro

{

	width: 650px;

	margin: 150px auto 0;

	background: #F3F3F3;

	border: 2px dashed #090;

	padding: 40px 0 40px 40px;

	/*+border-radius:20px 0 0 20px;*/

	-moz-border-radius: 20px 0 0 20px;

	-webkit-border-radius: 20px 0 0 20px;

	-khtml-border-radius: 20px 0 0 20px;

	border-radius: 20px 0 0 20px;

}

#contacto_check H1

{

	color: #39A328;

	font-weight: bold;

	font-family: Candara, Calabri, Verdana;

	font-size: 30pt;

}

#contacto_check P

{

	margin-left: 160px;

}

.bien_enviado

{

	background: url(../images/good-warning-error.png) no-repeat left;

	width: 200px;

	height: 200px;

	margin: -120px -40px 0 0;

	float: right;

}

/*Menu---*/

/*horizontal Naranja

-----------------------------------*/

.horizontal.red, .horizontal.red UL

{

	border: 1px solid #F18E65;

}

.horizontal.red, .horizontal.red LI

{

	background: #FB4D06;

}

.horizontal.red > LI

{

	border-right: 1px solid #E37042;

}

.horizontal.red LI A
{
	color: #FFF;
	text-decoration: none;
}

.horizontal.red LI A:hover

{

	color: #A06750;

}

.horizontal.red LI:hover

{

	background: #EFF70D;

}

.horizontal.red UL LI

{

	border-bottom: 1px solid #F18E65;

}

/*Paginacion paginas en articulos*/

#container-paginacion

{

	width: 400px;

	margin: 0 auto;

	padding: 20px;

}

.btn

{

	display: inline-block;

	padding: 10px;

	border-radius: 5px;

	/*optional*/

	color: #AAA;

	font-size: 0.875em;

}

.pagination

{

	background: #F2F2F2;

	padding: 20px;

	margin-bottom: 20px;

}

.page

{

	display: inline-block;

	padding: 0px 9px;

	margin-right: 4px;

	border-radius: 3px;

	border: 1px solid #C0C0C0;

	background: #E9E9E9;

	box-shadow: inset 0px 1px rgba(255, 255, 255, 0.8), 0px 1px 3px rgba(0, 0, 0, 0.1);

	font-size: 0.875em;

	font-weight: bold;

	text-decoration: none;

	color: #717171;

	text-shadow: 0px 1px rgba(255, 255, 255, 1);

}

.page:hover, .page.gradient:hover

{

	background: #FEFEFE;

	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FEFEFE), to(#f0f0f0));

	background: -moz-linear-gradient(0% 0% 270deg,#FEFEFE, #f0f0f0);

}

.page.active

{

	border: none;

	background: #616161;

	box-shadow: inset 0px 0px 8px rgba(0, 0, 0, 0.5), 0px 1px rgba(255, 255, 255, 0.8);

	color: #F0F0F0;

	text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5);

}

.page.gradient

{

	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f8f8f8), to(#e9e9e9));

	background: -moz-linear-gradient(0% 0% 270deg,#f8f8f8, #e9e9e9);

}

/*Indicadores*/

.indicadores

{

	font-family: Calibri, candara, Arial, sarif;

}

.indicadores LI

{
	width: 170px;
	display: inline;
	float: left;
	margin: 5px 0;
	border-bottom: 1px dotted #FAAF2F;
	padding-bottom: 8px;
}
.indicadores SPAN
{
	font-weight: 600;
}
.compartir{
	border-top: 1px dotted #DBD6D6;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	}
	
/*Tablas*/
.bordered

{

	border: 1px solid #CCC;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow: 0 1px 1px #ccc;
	-moz-box-shadow: 0 1px 1px #ccc;
	box-shadow: 0 1px 1px #CCC;
	font-size:12px;

}

.bordered TR:hover

{

	background: #FBF8E9;

	-o-transition: all 0.1s ease-in-out;

	-webkit-transition: all 0.1s ease-in-out;

	-moz-transition: all 0.1s ease-in-out;

	-ms-transition: all 0.1s ease-in-out;

	transition: all 0.1s ease-in-out;

}

.bordered TD, .bordered TH

{

	border-left: 1px solid #CCC;

	border-top: 1px solid #CCC;

	padding: 10px;

	text-align: left;

}

.bordered TH

{

	background-color: #DCE9F9;

	background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0, #DFF7DC), color-stop(1, #9FDE92) );

	background-image: -o-linear-gradient(bottom, #DFF7DC 0%, #9FDE92 100%);

	background-image: -moz-linear-gradient(bottom, #DFF7DC 0%, #9FDE92 100%);

	background-image: -webkit-linear-gradient(bottom, #DFF7DC 0%, #9FDE92 100%);

	background-image: -ms-linear-gradient(bottom, #DFF7DC 0%, #9FDE92 100%);

	background-image: linear-gradient(to bottom, #DFF7DC 0%, #9FDE92 100%);

	-webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;

	-moz-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;

	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8);

	border-top: none;

	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);

}

.bordered TD:first-child, .bordered TH:first-child

{

	border-left: none;

}

.bordered TH:first-child

{

	-moz-border-radius: 6px 0 0;

	-webkit-border-radius: 6px 0 0;

	border-radius: 6px 0 0 0;

}

.bordered TH:last-child

{

	-moz-border-radius: 0 6px 0 0;

	-webkit-border-radius: 0 6px 0 0;

	border-radius: 0 6px 0 0;

}

.bordered TH:only-child

{

	-moz-border-radius: 6px 6px 0 0;

	-webkit-border-radius: 6px 6px 0 0;

	border-radius: 6px 6px 0 0;

}

.bordered TR:last-child TD:first-child

{

	-moz-border-radius: 0 0 0 6px;

	-webkit-border-radius: 0 0 0 6px;

	border-radius: 0 0 0 6px;

}

.bordered TR:last-child TD:last-child

{

	-moz-border-radius: 0 0 6px;

	-webkit-border-radius: 0 0 6px;

	border-radius: 0 0 6px 0;

}
/*Banner*/
.banner{margin:25px auto;}
/*Musica inicio*/
.musicainicio H2{
	font-size:18pt;color:#0C7E19;
	font-family:Candara,calabri,Arial,Verdana;
	border-bottom:1px dotted #0C7E19;margin:5px 0
	}
.musicainicio li{
	padding:5px 0 5px 0; 
	border-bottom:solid #85C484 1px;
	}
.musicainicio a:link, .musicainicio a:visited{ text-decoration:none; font-size:16px; color:#8C8989; font-family:"Myriad Pro", Helvetica, Arial, sans-serif}
.musicainicio a:hover{ color:#FF0308;}
/*Video Youtube*/
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }