/* 
* Skeleton V1.0.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 5/20/2011
*/

/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */
	
/* #Site Styles
================================================== */

/* #Page Styles
================================================== */
body
{
	margin: 0;
	padding: 0;
	color: #fff;

/*	background: url('../images/jonathan_bg.jpg') top center no-repeat fixed #000;*/
/*	background: url('../images/fondo2016.jpg') top center no-repeat fixed #000;*/
	background-color: #000;
}
body.comunicado
{
	margin: 0;
	padding: 0;
	color: #fff;
	background: #000;
}

.container {
	margin-top: 10px;
	background-color: rgba(0,0,0,0.5);
}


#cab_ico {
position: relative;
display: inline; float: left;
}

.alinear_centro { 
padding: 0; text-align: center;
}
.alinear_izda { 
padding: 0; text-align: left;
}
.alinear_dcha { 
padding: 0; text-align: right; float: right;
}

.logo_srt {
margin: 0 auto;
}

#transparente {
	background: #000000;
	opacity:0.6;
	filter:alpha(opacity=60);
	}

/* BARRA DE NAVEGACION
------------------------------------------------------------------------------------------*/
#nav {
	/*background: #F90;
	background: #003399;*/
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.25);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.25);
	box-shadow: 0 1px 3px rgba(0,0,0,0.25);
	position: relative;
	/*top: 120px;*/
	left: 0;
	width: 100%;
	/*z-index: 99;*/
	font-family: Calibri, Arial, Helvetica, CodeBoldRegular, sans-serif;
	font-size: 14px;
text-transform: uppercase;	
/*background: url(../images/menu_bg.png) 0 0 repeat-x #231f20;	*/
z-index: 999;
}

#nav ul {	z-index: 990; background: #236BD7; list-style: none; margin: 0; padding: 0; }
#nav li { 
/*background: #236BD7; */
	background-color: rgba(59,134,248,0.8);
display: inline; 
float: left; 
width: 10%; }

#nav .inicio			{ width: 15%; }
#nav .equipo			{ width: 15%; }
#nav .noticias		{ width: 15%; }
#nav .multimedia		{ width: 18%; }
#nav .patrocinadores		{ width: 22%; }
#nav .programa		{ width: 15%; }



#nav a {
	border-top: 1px solid #061D49;
	border-bottom: 1px solid #061D49;
	border-right: 1px solid #061D49;
	color: #FFFFFF;
	display: block;
/*	font-family: Arial, Helvetica, CodeBoldRegular, sans-serif;*/
	letter-spacing: 1px;
	line-height: 25px;
	text-align: center;
	text-decoration: none;
	text-shadow: 0 1px 0 #000000;
}

#nav .current a,
#nav .current .current a,
#nav .current a:hover {
	color: #E5E5E5;
	text-shadow: 0 1px 0 #000000;
}

#nav .current li a {
	color: #ffffff;
	text-shadow: 0 1px 0 #000000;
}

#nav a:hover,
#nav a:focus {
/*color sobre*/
	/*background: #FC1C1D;*/
	background-color: rgba(252,28,29,0.8);
	border-top: 1px solid #061D49;
	border-bottom: 1px solid #061D49 !important;
}

#nav .nav-sub {
	position: absolute;
	left: -999em;	
	width: 100%;
}

#nav .nav-sub, 
#nav li.venta:hover { background: #022366; }

#nav .nav-sub, 
#nav li.reparacion:hover { background: #022366; }

#nav .nav-sub li {
	float: none;
	width: 100%;
}

#nav .nav-sub a, 
#nav li.venta:hover a {
	border-top: 1px solid #000000;
	border-bottom: 1px solid #061D49 !important;	
}
#nav .nav-sub a, #nav li.reparacion:hover a {
	border-top: 1px solid #000000;
	border-bottom: 1px solid #061D49 !important;	
}

#nav li.venta:hover a { background: none; }
#nav li.reparacion:hover a { background: none; }

#nav .nav-sub li a:hover {
	background: #003399;
	color: #d0ffc9;
	text-shadow: 0 1px 0 #000000;
}

#nav .nav-sub .current a:hover {
	color: #FFF;
	text-shadow: 0 1px 0 #000000;
}

#nav .venta:hover .nav-sub,
#nav .hover .nav-sub {
	left: auto;
}
#nav li.reparacion:hover  .nav-sub,
#nav .hover .nav-sub {
	left: auto;
}
/* @end -nav */



.links a {
    margin-bottom: 12px;
    margin-top: -1px;
    color: #FFFFFF;
    padding: 4px 10px 6px 12px;
    display: inline-block;
    position: relative;
    font-size: 12px;
    background-color: #003399;
}

.links a:after {
    position: absolute;
    font-size: 16px;
    position: absolute;

}

.feature img {
	margin-bottom: 15px;
	max-width: 100%;
	height: auto;
	}

/*img { 
	max-width: 100%;
	height: auto; }*/

 img.fotocuadro{ 
	max-width: 100%;
	height: auto; 
	border: 0px solid #000000;
	}


h1.titulo_noticia{
	font-size: 27px;
    line-height: 32px;
	color: #000000;
	font-weight: bold;
	text-transform: uppercase;
	padding-left:5px;
}
p.titulo_noticia{
	font-size: 17px;
    color: #000000;
}

/* NOTICIAS
==============================================*/
#noticias {
	font: 15px/25px Helvetica, sans-serif;
	text-align: center;
	background-color: rgba(59,134,248,0.8);
/*	background-color: #3C8AF7;*/
}
#noticias h2 {
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #FFFFFF;
	font-style:normal;
	font-weight:bold;
	text-align:center;
	margin-left: 30px;
	margin-right: 30px;
	margin-top: 0px;
	margin-bottom: 0px;
	text-transform: uppercase;	
	line-height: 45px;
	border-bottom: 1px solid #000;
}
#noticias article {
	border-bottom: 1px solid #000;
	margin-left: 30px;
	margin-right: 30px;
}	
#noticias h3 {
	font-family: Calibri, Arial, Helvetica, sans-serif;
font-size: 16px;
	color: #FFFFFF;
	font-style: normal;
	font-weight: bold;
	text-align: left;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 10px;
	padding-bottom: 10px;
	line-height: 20px;
}

#noticias p {
	font-family: Calibri, Arial, Helvetica, sans-serif;
font-size: 12px;
	color: #FFFFFF;
	font-style: normal;
	font-weight: normal;
	text-align: justify;
	margin-top: 0px;
	margin-bottom: 10px;
	line-height: 20px;
}
.mas_noticias {
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	font-style: normal;
	font-weight: normal;
	text-align: right;
	margin-left: 30px;
	margin-right: 30px;
	margin-top: 0px;
	margin-bottom: 0px;
}
.mas_noticias2 {
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	font-style: normal;
	font-weight: normal;
	text-align: right;
	margin-left: 30px;
	margin-right: 30px;
	margin-top: 0px;
	margin-bottom: 10px;
	border-bottom: 1px solid #fff;
}
#noticias A:link {COLOR: #FFFFFF; FONT-WEIGHT: normal; TEXT-DECORATION: none; FONT-SIZE: 10px; FONT-FAMILY: Calibri, Arial, Verdana, Helvetica, sans-serif;}

#noticias A:visited {COLOR: #FFFFFF; FONT-WEIGHT: normal; TEXT-DECORATION: none; FONT-SIZE: 10px; FONT-FAMILY: Calibri, Arial, Verdana, Helvetica, sans-serif;}

#noticias A:active {COLOR: #000000; TEXT-DECORATION: none; FONT-SIZE: 10px; FONT-FAMILY: Calibri, Arial, Verdana, Helvetica, sans-serif;}

#noticias A:hover {COLOR: #013077; FONT-WEIGHT: bold; TEXT-DECORATION: none; FONT-SIZE: 10px; FONT-FAMILY: Calibri, Arial, Verdana, Helvetica, sans-serif;}

#noticias p:hover {COLOR: #013077; FONT-WEIGHT: normal; TEXT-DECORATION: underline; FONT-SIZE: 12px; FONT-FAMILY: calibri, Arial, Verdana, Helvetica, sans-serif;}

#noticia_lector A:link 
{COLOR: #FFFFFF; FONT-WEIGHT: normal; TEXT-DECORATION: none; FONT-SIZE: 10px; FONT-FAMILY: Calibri, Arial, Verdana, Helvetica, sans-serif;}
#noticia_lector A:visited
{COLOR: #FFFFFF; FONT-WEIGHT: normal; TEXT-DECORATION: none; FONT-SIZE: 10px; FONT-FAMILY: Calibri, Arial, Verdana, Helvetica, sans-serif;}
#noticia_lector A:active
{COLOR: #FFFFFF; FONT-WEIGHT: normal; TEXT-DECORATION: none; FONT-SIZE: 10px; FONT-FAMILY: Calibri, Arial, Verdana, Helvetica, sans-serif;}
#noticia_lector A:hover
{COLOR: #FFFFFF; FONT-WEIGHT: normal; TEXT-DECORATION: none; FONT-SIZE: 10px; FONT-FAMILY: Calibri, Arial, Verdana, Helvetica, sans-serif;}

.linea_separadora {
	border-bottom: 1px solid #000;
}

#noticia_lector {
	font: 15px/25px Helvetica, sans-serif;
	text-align: center;
	background-color: rgba(0,0,0,0.8);
/*	background-color: #3C8AF7;*/
}
#noticia_lector h1 {
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #FFFFFF;
	font-style:normal;
	font-weight:bold;
	text-align:left;
	margin-left: 30px;
	margin-right: 30px;
	margin-top: 0px;
	margin-bottom: 10px;
	padding-left: 15px;
	text-transform: uppercase;	
	line-height: 45px;
	border-bottom: 1px solid #000;
	background-color: rgba(59,134,248,0.8);

}
#noticia_lector h2 {
	font-family: Calibri, Arial, Helvetica, sans-serif;
font-size: 16px;
	color: #FFFFFF;
	font-style: normal;
	font-weight: bold;
	text-align: left;
	margin-top: 0px;
	margin-bottom: 0px;
	line-height: 20px;
	margin-left: 30px;
	margin-right: 30px;
}
.noticia_foto {
	margin-top: 25px;
	margin-bottom: 25px;
	margin-left: 30px;
	margin-right: 30px;
}
#noticia_lector article {
	border-bottom: 1px solid #000;
	margin-left: 30px;
	margin-right: 30px;
}	

#noticia_lector p {
	font-family: Calibri, Arial, Helvetica, sans-serif;
font-size: 12px;
	color: #FFFFFF;
	font-style: normal;
	font-weight: normal;
	text-align: justify;
	margin-top: 10px;
	margin-bottom: 10px;
	line-height: 20px;
}
#noticia_lector strong  {
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	font-style: normal;
	font-weight: bold;
}
#noticia_lector .primeralinea  {
	margin-left: 20px;
}


#equipo {
/*	font: 15px/25px Helvetica, sans-serif;*/
	text-align: center;
	background-color: rgba(0,0,0,0.8);
/*	background-color: #3C8AF7;*/
}
#equipo ul {	
list-style: none; 
margin: 0; 
padding: 0; 
}
#equipo li { 
/*background: #236BD7; */
display: inline; 
/*float: left; */
padding-left: 3px;
}

#equipo h1 {
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #FFFFFF;
	font-style:normal;
	font-weight:bold;
	text-align:left;
	margin-left: 30px;
	margin-right: 30px;
	margin-top: 0px;
	margin-bottom: 15px;
	padding-left: 15px;
	text-transform: uppercase;	
	line-height: 45px;
	border-bottom: 1px solid #000;
	background-color: rgba(59,134,248,0.8);
}
#equipo h2 {
	font-family: Calibri, Arial, Helvetica, sans-serif;
font-size: 16px;
	color: #FFFFFF;
	font-style: normal;
	font-weight: bold;
	text-align: left;
	margin-top: 0px;
	margin-bottom: 0px;
	line-height: 20px;
	margin-left: 30px;
	margin-right: 30px;
	margin-bottom: 30px;
	margin-top: 10px;
}
#equipo h3 {
	font-family: Calibri, Arial, Helvetica, sans-serif;
font-size: 16px;
	color: #FFFFFF;
	font-style: normal;
	font-weight: bold;
	text-align: left;
	margin-top: 0px;
	margin-bottom: 0px;
	line-height: 20px;
	margin-left: 60px;
	margin-right: 30px;
}
#equipo p {
	font-family: Calibri, Arial, Helvetica, sans-serif;
font-size: 14px;
	color: #FFFFFF;
	font-style: normal;
	font-weight: normal;
	text-align: justify;
	margin-top: 0px;
	margin-bottom: 0px;
	line-height: 20px;
	margin-left: 60px;
	margin-right: 30px;
	margin-top: 10px;
	margin-bottom: 10px;
}
#equipo A:link {COLOR: #FFFFFF; FONT-WEIGHT: normal; TEXT-DECORATION: none; FONT-SIZE: 14px; FONT-FAMILY: Calibri, Arial, Verdana, Helvetica, sans-serif;}
#equipo A:visited {COLOR: #FFFFFF; FONT-WEIGHT: normal; TEXT-DECORATION: none; FONT-SIZE: 14px; FONT-FAMILY: Calibri, Arial, Verdana, Helvetica, sans-serif;}
#equipo A:active {COLOR: #FFFFFF; TEXT-DECORATION: none; FONT-SIZE: 14px; FONT-FAMILY: Calibri, Arial, Verdana, Helvetica, sans-serif;}
#equipo A:hover {COLOR: #84AcF6; FONT-WEIGHT: normal; TEXT-DECORATION: underline; FONT-SIZE: 14px; FONT-FAMILY: Calibri, Arial, Verdana, Helvetica, sans-serif;}


#multimedia {
	text-align: center;
	background-color: rgba(0,0,0,0.8);
}
#multimedia ul {	
list-style: none; 
margin: 0; 
padding: 0; 
}
#multimedia li { 
/*background: #236BD7; */
display: inline; 
/*float: left; */
padding-left: 3px;
}

#multimedia h1 {
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #FFFFFF;
	font-style:normal;
	font-weight:bold;
	text-align:left;
	margin-left: 30px;
	margin-right: 30px;
	margin-top: 0px;
	margin-bottom: 15px;
	padding-left: 15px;
	text-transform: uppercase;	
	line-height: 45px;
	border-bottom: 1px solid #000;
	background-color: rgba(59,134,248,0.8);
}
#multimedia h2 {
	font-family: Calibri, Arial, Helvetica, sans-serif;
font-size: 16px;
	color: #FFFFFF;
	font-style: normal;
	font-weight: bold;
	text-align: left;
	margin-top: 0px;
	margin-bottom: 0px;
	line-height: 20px;
	margin-left: 30px;
	margin-right: 30px;
	margin-bottom: 15px;
	margin-top: 30px;
}
#multimedia h3 {
	font-family: Calibri, Arial, Helvetica, sans-serif;
font-size: 16px;
	color: #FFFFFF;
	font-style: normal;
	font-weight: bold;
	text-align: left;
	margin-top: 0px;
	margin-bottom: 0px;
	line-height: 20px;
	margin-left: 60px;
	margin-right: 30px;
}
#multimedia p {
	font-family: Calibri, Arial, Helvetica, sans-serif;
font-size: 14px;
	color: #FFFFFF;
	font-style: normal;
	font-weight: normal;
	text-align: justify;
	margin-top: 0px;
	margin-bottom: 0px;
	line-height: 20px;
	margin-left: 60px;
	margin-right: 30px;
	margin-top: 10px;
	margin-bottom: 10px;
}
#multimedia A:link {COLOR: #FFFFFF; FONT-WEIGHT: normal; TEXT-DECORATION: none; FONT-SIZE: 14px; FONT-FAMILY: Calibri, Arial, Verdana, Helvetica, sans-serif;}
#multimedia A:visited {COLOR: #FFFFFF; FONT-WEIGHT: normal; TEXT-DECORATION: none; FONT-SIZE: 14px; FONT-FAMILY: Calibri, Arial, Verdana, Helvetica, sans-serif;}
#multimedia A:active {COLOR: #FFFFFF; TEXT-DECORATION: none; FONT-SIZE: 14px; FONT-FAMILY: Calibri, Arial, Verdana, Helvetica, sans-serif;}
#multimedia A:hover {COLOR: #84AcF6; FONT-WEIGHT: normal; TEXT-DECORATION: underline; FONT-SIZE: 14px; FONT-FAMILY: Calibri, Arial, Verdana, Helvetica, sans-serif;}


#curriculum {
	font-family: Calibri, Arial, Helvetica, sans-serif;
	text-align: center;
/*	background-color: #3C8AF7;*/
	margin-left: 30px;
	margin-right: 30px;
}


/* CONTADOR
===============================================*/
#caja_contador {
	background-color: #FC1C1D;
	float:right;
	width: 100%;
	margin-top: 2px;
	margin-left: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	border-bottom: 1px solid #FFFFFF;
	border-top: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
}
.prox_carrera {
	font-size: 25px;
	color: #FFFFFF;
	font-style:normal;
	font-weight:bold;
	text-align:center;
	padding-left: 0px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.carrera {
/**	background-color: #021C13; **/
/**	background-color: #529EFA; **/
	background-color: #383B40;
	font-size: 16px;
	color: #FFFFFF;
	font-style:normal;
	font-weight:bold;
	text-align:center;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 8px;
	padding-bottom: 8px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 20px;
	margin-right: 20px;
	
}
#regresivo {
	text-align:center;
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 20px;
	margin-bottom: 20px;
}
#counter_no{
margin-left:0px;
	font-size: 16px;
	color: #FFFFFF;
	font-style:normal;
	font-weight:bold;
	text-align:center;
}
p.counter_no {
float:right;
margin: 10px 0 0 0;
}

/*****CONTADOR**************/

 br { clear: both; }

.salto {
clear: both;
height: 25px; 
}

 #counter{
/*background-color: #383B00;
margin-left:10px;*/
width: 250px;
}
p.counter {
float:right;
margin: 10px 0 0 0;
}

.cntSeparator {
font-size: 24px;
margin: 2px 10px;
color: #000;
}
.desc { 
margin: 7px 5px;
width: 250px;
}
.desc div {
float: left;
font-family: Arial;
text-align:center;
width: 50px;
margin-right: 0px;
font-size: 13px;
font-weight: bold;
color: #ffffff;
}
.desc div.day {margin-right: 16px;}
.desc div.hrs {margin-right: 16px;}
.desc div.min {margin-right: 16px;}
.desc div.sec {margin-right: 0px;}



/*****FIN CONTADOR**************/




	
/*  CUADRO ENTRADA
===============================================*/
@media only screen and (max-width: 960px) {
#cuadro_entrada { margin-top: 0 !important; font-size: 14px !important;}
	}

#cuadro_entrada {
display: block;
	/*min-height: inherit;*/
margin-top: 10px;
margin-bottom: 10px;
padding-left: 20px;
padding-right: 20px;
padding-top: 10px;
padding-bottom: 10px;
text-align: center;
border: 1px solid #323931;
background: #D0CC9F;
font-size: 18px;
}	

.cuadro-align-center { 
padding: 0; text-align: center
}
.iconos_entrada {
margin-top: 10px;
margin-bottom: 10px;
padding-top: 10px;
/*background: #003399;*/
/*background: #AB0505;*/
background-color: rgba(171,5,5,0.8);
height: 237px;
}
.iconos_entrada2 {
margin-top: 10px;
margin-bottom: 10px;
padding-top: 10px;
/*background: #003399;*/
/*background: #AB0505;*/
background-color: rgba(171,5,5,0.8);
height: 330px;
}
	
#cuadro_entrada .titulo {
font-family: 'Coda Caption', sans-serif;
font-size: 24px;
margin-bottom: 30px;
}

.iconos_redes {
margin-top: 10px;
margin-bottom: 10px;
padding-top: 10px;
/*background: #003399;*/
/*background: #AB0505;*/
background-color: rgba(171,5,5,0.8);
height: 350px;
}
.iconos_redes h2 {
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #FFFFFF;
	font-style:normal;
	font-weight:bold;
	text-align:center;
	margin-left: 30px;
	margin-right: 30px;
	margin-top: 0px;
	margin-bottom: 0px;
	text-transform: uppercase;	
	line-height: 45px;
/*	border-bottom: 1px solid #000;*/
}
.iconos_entrada2 h2 {
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #FFFFFF;
	font-style:normal;
	font-weight:bold;
	text-align:center;
	margin-left: 30px;
	margin-right: 30px;
	margin-top: 0px;
	margin-bottom: 0px;
	text-transform: uppercase;	
	line-height: 45px;
/*	border-bottom: 1px solid #000;*/
}
a.twitter-timeline {
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
}
.twitter_ancho {
margin-left: 20px;
margin-right: 20px;
/*width:100%:*/
}
.facebook_iframe_container
 {
margin-left: 5px;
margin-right: 5px;
/*width:100%:*/
}

.titulo_apartados {
font-family: 'Coda Caption', sans-serif;
font-size: 20px;
margin-bottom: 20px;
margin-top: 10px;
margin-left: 20px;
padding-left: 20px;
text-align: left;
}
h1.titulo_apartados {
font-family: 'Coda Caption', sans-serif;
font-size: 20px;
margin-bottom: 20px;
margin-top: 10px;
margin-left: 20px;
padding-left: 20px;
text-align: left;
}
.titulo_caja {
font-family: Calibri, Tahoma, sans-serif;
font-size: 24px;

}
h1.titulo_caja {
font-family: Calibri, Tahoma, sans-serif;
font-size: 24px;
line-height: 25px;
color: #ffffff;
margin-left: 12px;
margin-right: 12px;
}

.texto_parrafos
{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	text-align: justify; 
	color: #000000;
	padding-right: 40px;
	padding-left: 40px;
	margin-top: 30px;
	margin-bottom: 30px;
}

	
A.pie_enl:link {COLOR: #FFFFFF; FONT-WEIGHT: normal; TEXT-DECORATION: none; FONT-SIZE: 12px; FONT-FAMILY: Calibri, Arial, Verdana, Helvetica, sans-serif;}
A.pie_enl:visited {COLOR: #FFFFFF; FONT-WEIGHT: normal; TEXT-DECORATION: none; FONT-SIZE: 12px; FONT-FAMILY: Calibri, Arial, Verdana, Helvetica, sans-serif;}
A.pie_enl:active {COLOR: #FFFFFF; TEXT-DECORATION: none; FONT-SIZE: 12px; FONT-FAMILY: Calibri, Arial, Verdana, Helvetica, sans-serif;}
A.pie_enl:hover {COLOR: #013077; FONT-WEIGHT: normal; TEXT-DECORATION: underline; FONT-SIZE: 12px; FONT-FAMILY: Calibri, Arial, Verdana, Helvetica, sans-serif;}
	
	@media only screen and (max-width: 480px) {
#pie_menu {	margin-left: 0 !important;}
	}
	
#pie_menu {
	margin-top: 25px;
	padding-bottom: 5px;
	padding-top: 5px;
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-align: center;
	background-color: rgba(59,134,248,0.8);
	width: 100%;
	border-bottom: 1px solid #000;
	}
/*#pie_menu ul li {
	display: inline-block;
	margin: 0;
	padding: 0;
	}
*/
	@media only screen and (max-width: 480px) {
#pie_copy {	margin-left: 0 !important;}
	}

#pie_copy {
	padding-bottom: 5px;
	padding-top: 5px;
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: normal;
	font-style: none;
	text-align:center;
	background-color: rgba(59,134,248,0.8);
	border-bottom: 1px solid #000;
	}

#pie_aviso {
	padding-bottom: 5px;
	padding-top: 5px;
	margin-bottom: 5px;
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	font-weight: normal;
	font-style: none;
	text-align:center;
	background-color: rgba(59,134,248,0.8);
	}

	
#patrocinadores
{
text-align: center;
}
#patrocinadores ul {	
list-style: none; 
margin: 0; 
padding: 0; 
}
#patrocinadores li { 
/*background: #236BD7; */
display: inline; 
/*float: left; */
padding-left: 3px;
}



#patrocinadores h2 {
font-family: Calibri, Arial, Helvetica, sans-serif;
font-size: 20px;
color: #FFFFFF;
font-weight: bold;
text-align: left;
padding-left: 20px;
}

#comunicado h1 {
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #FFFFFF;
	font-style:normal;
	font-weight:bold;
	text-align:left;
	margin-left: 30px;
	margin-right: 30px;
	margin-top: 0px;
	margin-bottom: 15px;
	padding-left: 15px;
	text-transform: uppercase;	
	line-height: 45px;
	border-bottom: 1px solid #000;
	background-color: rgba(59,134,248,0.8);
}
#comunicado h2 {
	font-family: Calibri, Arial, Helvetica, sans-serif;
font-size: 20px;
	color: #FFFFFF;
	font-style: normal;
	font-weight: bold;
	text-align: left;
	margin-top: 0px;
	margin-bottom: 15px;
	line-height: 20px;
	margin-left: 40px;
	margin-right: 30px;
}
#comunicado h3 {
	font-family: Calibri, Arial, Helvetica, sans-serif;
font-size: 16px;
	color: #FFFFFF;
	font-style: normal;
	font-weight: bold;
	text-align: left;
	margin-top: 0px;
	margin-bottom: 15px;
	line-height: 20px;
	margin-left: 40px;
	margin-right: 30px;
}

#comunicado article {
	border-bottom: 1px solid #000;
	margin-left: 30px;
	margin-right: 30px;
}	

#comunicado p {
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #FFFFFF;
	font-style: normal;
	font-weight: normal;
	text-align: justify;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 30px;
	margin-right: 30px;
	line-height: 20px;
}
#comunicado strong  {
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #FFFFFF;
	font-style: normal;
	font-weight: bold;
}
#comunicado .primeralinea  {
	margin-left: 40px;
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size: 16px;
}





.pie_comu {
font-size: 12px;
color: #FFFFFF;
font-family: Calibri, Verdana;
background-color: #030515;
padding-left: 10px;
padding-right: 10px;
padding-top: 10px;
padding-bottom: 10px;
}
  A.enl_pie_comu:link {font-size: 12px; color: #FFFFFF;}
  A.enl_pie_comu:visited {font-size: 12px; color: #FFFFFF;}
  A.enl_pie_comu:active {font-size: 12px; color: #FFFFFF;}
  A.enl_pie_comu:hover {font-size: 12px; color: #FFFFFF;}

.pie_foto {
font-size: 12px;
color: #FFFFFF;
font-family: Calibri, Verdana;
}
.pie_foto_autor {
font-size: 10px;
color: #FFFFFF;
font-family: Calibri, Verdana;
}


/* GOOGLE MAPS
=========================================== */

    .google-maps {
    position: relative;
    padding-bottom: 75%; // This is the aspect ratio
    height: 0;
    overflow: hidden;
    }
    .google-maps iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
    }
	
/* FORMULARIO 
=================================== */
form header {
  margin: 0 0 20px 0; 
}
form header div {
  font-size: 90%;
  color: #999;
}
form header h2 {
  margin: 0 0 5px 0;
}
form > div {
  clear: both;
  overflow: hidden;
  padding: 1px;
  margin: 0 0 10px 0;
}
form > div > fieldset > div > div {
  margin: 0 0 5px 0;
}
form > div > label,
legend {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 14px;
	width: 25%;
  float: left;
  padding-right: 10px;
}
form > div > div,
form > div > fieldset > div {
  width: 75%;
  float: right;
}
form > div > fieldset label {
	font-size: 90%;
}
fieldset {
	border: 0;
  padding: 0;
}	
	input[type=text],
input[type=email],
input[type=url],
input[type=password],
textarea {
	width: 100%;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-right: 1px solid #eee;
  border-bottom: 1px solid #eee;
}
input[type=text],
input[type=email],
input[type=url],
input[type=password] {
  width: 50%;
}
input[type=text]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=password]:focus,
textarea:focus {
  outline: 0;
  border-color: #4697e4;
}

/*@media (max-width: 600px) { */
  form > div {
    margin: 0 0 15px 0; 
  }
  form > div > label,
  legend {
	  width: 100%;
    float: none;
    margin: 0 0 5px 0;
  }
  form > div > div,
  form > div > fieldset > div {
    width: 100%;
    float: none;
  }
  input[type=text],
  input[type=email],
  input[type=url],
  input[type=password],
  textarea,
  select {
    width: 100%; 
  }
/*}*/
/*
@media  only screen and (min-width: 601px) and (max-width: 1199px) {
  form > div > label,
	legend {
  	text-align: right;
  }
}
@media  only screen and (min-width: 1200px) {
  form > div > label,
	legend {
  	text-align: right;
  }
}
*/


/* #Media Queries
================================================== */
	
	/* iPad Portrait/Browser */
/* Note: Design for a width of 768px */
	@media only screen and (min-width: 768px) and (max-width: 991px) {
	}
	
	/* Mobile/Browser */
/* Note: Design for a width of 320px */
	@media only screen and (max-width: 767px) {
		/*NAV*/
	/* @group --NAV
	-------------------------------------*/
	#nav {
		margin-top: 15px;
		margin-bottom: 15px;
		position: static;
		width: 100%;
	}
	
	#nav li { float:none; width: auto; }
	#nav a	{ padding: 0 10px; text-align:center; }
	
	#nav .nav-sub {
		background: #3E6439;
		left: -999em;
		position: absolute;
		width: 100%;
	}
	
	#nav li.carta:hover .nav-sub,
	#nav li.hover .nav-sub {
		left: -999em;
	}
	
	#especes #nav .nav-sub,
	#menaces #nav .nav-sub,
	#cartes-menaces #nav .nav-sub {
		position: static;
	}
	
	#nav li.carta:hover a {
		background: #10390B;
		border-top: 1px solid #10390B;
		border-bottom: 1px solid #10390B !important;	
	}
	/* @end --nav */
	/*---------*/
	}
	
	/* Mobile Landscape/Browser */
	/* Note: Design for a width of 480px */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
	}
	
	/* Anything smaller than standard 960 */
	@media only screen and (max-width: 959px) {}
	
	/* iPad Portrait Only */
	@media only screen and (min-width: 768px) and (max-width: 991px) and (max-device-width: 1000px) {}
	
	/* Mobile Only */
	@media only screen and (max-width: 767px) and (max-device-width: 1000px) {}
	
	/* Mobile Landscape Only */
	@media only screen and (min-width: 480px) and (max-width: 767px) and (max-device-width: 1000px) {
	}
	

/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file 
		Just create a "fonts" folder at the root, 
		copy your FontName into code below and remove
		comment brackets */
		
	@font-face {
	    font-family: 'swiss_721_black_extended';
	    src: url('../fonts/swiss_721_black_extended.eot');
	    src: url('../fonts/swiss_721_black_extended.eot?iefix') format('eot'),
	         url('../fonts/swiss_721_black_extended.woff') format('woff'),
	         url('../fonts/swiss_721_black_extended.ttf') format('truetype'),
	         url('../fonts/swiss_721_black_extended.svg#webfontZam02nTh') format('svg');
	    font-weight: normal;
	    font-style: normal; }

#youtube iframe {
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 10px;
	margin-right: 10px;
	width: 100%;
	height: 300px; }