@import url(http://fonts.googleapis.com/css?family=Arimo:400,700,400italic,700italic);



body
{
	font-family: 'Arimo', sans-serif; 
	background-color:#C3D4C7;
}

#contenedor
{
	height: 545px;
	margin:auto;
}

#encabezado
{
	background-color: white; 
	width: 100%;
	height: 130px;
}

#encabezado img
{
	margin: auto;
	height: 130px;
}

#top
{

	text-align:center; 
	margin:auto;
}

a
{
	text-decoration: none;
}

.menu
{
	background-image: url("images/menu.png");
	float: left;
	width: 100%; 
	height: 55px;
	text-align: center;
}

.menu ul
{
	margin-left: 25%;
	margin-top: 20px;
}

.menu ul li
{
	display: block;
	float: left;
	margin-left: 50px;
	list-style: none;
}

.menu ul li a
{
	display: block; 
	height: 100%;
	color: black;
	font-weight: bold;
}

.menu ul li a:hover
{
	color: #FF7B11;
	text-shadow: 0px 0px 5px #bababa;
}

section
{
	width: 650px;
	height: 450px;
	margin-top: 0px;
}


p
{
	font-family: arial, sans-serif;
	font-size: 16px;
	line-height: 19px;
}

strong
{
	color: #FF7B11;
}

#swiffycontainer2
{
	
	margin: auto;
}

mark
{
	color: white;
}

article
{
	float: left; 

}

/* -------- INCRIPCION . ASP ----- */
.tabla
{
	width: 100%;
	padding: 20px;
}

.tabla td
{
	padding: 10px;
}

input[type=submit] 
{
	color: #666666;
	border: solid #555555 1px;
	border-radius: 8px;
    height:40px;
    font-family: arial;
    font-size: 20px;
    background: #f4f4f4;
    /* Old browsers */
    background: -moz-linear-gradient(top, #f4f4f4 1%, #ededed 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #f4f4f4), color-stop(100%, #ededed));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f4f4f4 1%, #ededed 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f4f4f4 1%, #ededed 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f4f4f4 1%, #ededed 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #f4f4f4 1%, #ededed 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4f4f4', endColorstr='#ededed', GradientType=0);
    /* IE6-9 */
}

input[type=submit]:hover
{
	background: #555555;
	color: white;
}

input
{
	background: white;
   width: 268px;
   padding: 5px;
   font-size: 16px;
   line-height: 1;
   border: 0;
   border-radius: 8;
   height: 20px;
}

input[type=radio]
{
   height: 20px;
   width: 30px;
}

select {
   background: white;
   width: 268px;
   padding: 5px;
   font-size: 16px;
   line-height: 1;
   border: 0;
   border-radius: 8;
   height: 34px;
   }

select option
{
	font-size: 12px;
}

#pie
{
	overflow: hidden;
	width:100%; 
	height:80px; 
	font-family: 'Arimo', sans-serif;
	font-size:12px; 
	color: #fff; 
	text-align:center;
	position: relative;
	bottom: 0;
}

#video 
{
	width:575px; 
	height:audio; 
	margin-top:15px; 
	text-align:center; 
	margin:auto; 
	overflow:scroll;
}

.btn {
line-height: 18px;
  -webkit-border-radius: 15;
  -moz-border-radius: 15;
  border-radius: 15px;
  font-family: Arial;
  color: #ffffff;
  font-size: 17px;
  background: #F0AD4E;
  padding: 10px 20px 10px 20px;
  border: solid #FF7B11 1px;
  text-decoration: none;
}

.btn:hover {
  background: #FF9037;
  text-decoration: none;
}

.btm {
line-height: 18px;
  -webkit-border-radius: 15;
  -moz-border-radius: 15;
  border-radius: 15px;
  font-family: Arial;
  color: #ffffff;
  font-size: 17px;
  background: #5BC0DE;
  padding: 6px 18px 6px 18px;
  border: solid #3498DB 1px;
  text-decoration: none;
}

.btm:hover {
  background: #2FABCF;
  text-decoration: none;
}


/* ----- AUDITORIO --------*/


#audi
{
	height: 380px;
	width: 660px;
	background-color: black;
	border: 3px solid black;
}

iframe
{
	margin: 0;
}

#tabla-audi
{
	margin-top: 70px;
}

#swiffycontainer
{
	margin:auto;
	width: 728px; 
	height: 90px;
	margin-top: 15px;
	margin-bottom: 15px;
}

#player{width:575px;height:322px;background:#000;border:3px solid #4e4e4d; margin-left:160px;}

#flv_player{width:1100px;height:322px; margin-left:160px;}


/* ----------- VIRAL -----------*/
img 


/*
.menu
{
	width:100%; 
	height:26px;
	border:none; 
	font-family: 'Arimo', sans-serif;
	font-size:16px;
	text-align:center; 
	margin:auto;
	background-color:#FFF;
	color:#234b6e;

}

.menu ul
{
	height:26px;
	list-style:none;
	margin:0;
	padding:0;
	font-family: 'Arimo', sans-serif;
	font-size:16px;
	margin-left:100px;
	color:#234b6e;
}

.menu li
{ */
	/*color de esquinas*/
	/*float:left;
	padding:0px;
	font-family: 'Arimo', sans-serif;
	font-size:16px;	color:#234b6e;
}

.menu li a
{
	background-color:#FFF;/*color del menu*/
	/*color:#ffffff; /*color de letras*/
	/*display:block;
	line-height:26px;
	margin:0px;
	padding:0px 15px;
	text-align:center;
	text-decoration:none;
	font-family: 'Arimo', sans-serif;
	font-size:16px;
/*}

		.menu li a:hover, .menu ul li:hover a{
			background-color:#FFF;   /*color del menu mouse hover*/
		/*	v
			text-decoration:none;
font-family: 'Arimo', sans-serif;
	font-size:16px;
			}
	.menu li ul{
		background-color:#FFF;
		display:none;
		height:auto;
		padding:0px;
		margin:0px;
		border:0px;
		position:absolute;
		width:225px;
		z-index:200;
	ccolor:#234b6e; 
		}
	.menu li:hover ul{
		display:block;
		
		}
	.menu li li {
		background:url('images/sub_sep.gif') bottom left no-repeat;
		display:block;
		float:none;
		margin:0px;
		padding:0px;
		width:225px;
		color:#234b6e; 
		font-family: 'Arimo', sans-serif;
	font-size:16px;
		}
	.menu li:hover li a{
		background:none;
		font-family: 'Arimo', sans-serif;
		font-size:16px;
			color:#234b6e;
		}
	.menu li ul a{
		display:block;
		height:26px;
		font-size:16px;
		 font-family: 'Arimo', sans-serif;
		margin:0px;
		padding:0px 10px 0px 12px;
		text-align:left;
			color:#234b6e;
		}
		.menu li ul a:hover, .menu li ul li:hover a{
			background:#769a5a url('images/hover_sub.gif') center left no-repeat;
			border:0px;
			ccolor:#234b6e;
	font-family: 'Arimo', sans-serif;
	font-size:16px;
			text-decoration:none;
			}
	.menu p{
		clear:left;
		}



#stream { width:440px; height: 409px; float:right; margin-top:15px;}
#presentacion{width:350px; height:220px; float:left; margin-left:8px; border:1px solid #999; background-color:#d8d8d9;}
#pantalla{width:640px; height:360px; text-align:center; margin:auto; background-color:#000000;} 
#participar{width:350px; height:220px; float:right; margin-right:8px;border:1px solid #999; background-color:#d8d8d9;}
#programa{width:900px; height:auto; text-align:center; margin:auto; margin:auto;}

#login{width:1180px; height:auto; float:right;  text-align:left;}

preguntas_solapa{width:900px; height:auto; margin-left:10px;}

#preguntas{width:auto; height:auto;font-family: 'Pontano Sans', sans-serif;font-size:12px; color:#ffffff; text-align:center; margin:auto; }

#preguntas2{width:890px; height:auto; text-align:center; margin-left:10px; margin:auto;}
#inscripcion{width:700px; height:auto; text-align:center; margin:auto ; }

  
#mensaje{width:440px; height:auto; float:left; text-align:left;}

#caja_viral{width:200px; height:auto; margin-top:30px;margin:auto; float:left; text-align:left; }

#noti_agro{width:250px; height:auto; float:right;padding-left:10px; margin-right:20px;font-family: 'Pontano Sans', sans-serif; font-size:12px;} 

#registracion{width:900px; height:auto; text-align:center; margin:auto;}



.edicion{font-size:15px; color:#ffffff;text-align:left;}

.temporada{font-size:15px; color:#ffffff;}

#centro{height:350px; width:1024px; text-align: center; margin:auto;font-family: 'Arimo', sans-serif;}

#registracion{height:350px; width:1024px; text-align: center; margin:auto;font-family: 'Arimo', sans-serif;}

#primero {width:1024px; height:150px; float:left; margin-top:15px;}

#registrese{width:414px; background-color:#7bb218; height:130px; float:left; text-align:center; color: #FFF; font-size:28px; padding:10px;}

#banner_trigo {width:590px;height:130px;float:left; text-align:left;}

.compartir { font-family: 'Arimo', sans-serif; font-size:14px; color: #0076AE; }/* color letra del contenido; fijo 

#segundo {width:1024px; height:147px; float: right; margin-top:15px;}

#pregunta_home{width:582px; height:147px; float:left;}

#banner_envivo {background-color:#6bb3cf; width:525px; height:150px;float:left; margin-left:10px; font-size:25px; color:#333; line-height:35px;}

#texto_pregunta{background-color:#f47d43; width:414px; height:150px; float:left; text-align: center; color:#333; font-size:28px;}

.textos_dife{ font-family: 'Arimo', sans-serif; font-size:16px; color:#333;text-decoration:none; padding-left:10px; text-align:left;}
.textos{ font-family: 'Arimo', sans-serif; font-size:15px; color:#000;text-decoration:none;}

.textosdos{ font-family: 'Arimo', sans-serif; font-size:20px;  color:#000; text-decoration:none;}

#inspr{height:220px; width:1024px; text-align: center; margin:auto;font-family: 'Arimo', sans-serif;}

#mensaje{width:440px; height:auto; float:left; text-align:left;}
 FORMULARIO 
.envi {font-family: 'Arimo', sans-serif;font-size:18px;text-decoration: none; font-weight: bold; border-radius: 5px; color:#00B196;background-color: white;border:none; width:160px;height:30px; text-align:center;}/* color boton enviar; dinamico 

.envi:hover{color: #FF7B11;}

.relleno {border:none;font-family: 'Arimo', sans-serif;font-size:15px;  color:black; background-color: white; text-align:left; width:240px;overflow-x:hidden; overflow: hidden; height:30px; font-weight:bold;} /* color imputs form; dinamico*/
/*
.rellpre {border:none;font-family: 'Arimo', sans-serif;font-size:15px; color:black; background-color: white; text-align:left; width:240px;overflow-x:hidden; overflow: hidden;font-weight:bold;} /* color imputs form; dinamico*/
/* FIN DEL FORMULARIO


#bloques{width:896px;height:auto; text-align: left; margin:auto; float:left; font-size:12px;font-family: 'Pontano Sans', sans-serif;color:#333333; text-decoration:none;}

.bloque{width:900px;height:auto;font-size:12px; font-family: 'Pontano Sans', sans-serif;color:#333333; text-decoration:none;}

.bloque img{border:1px solid #E8E8E8;margin:0 10px 0 0;float:left;text-decoration:none;}

.bloque .descripcion{width:800px;float:left;height:auto;overflow:hidden;float:left;text-decoration:none;}

.bloque .descripcion .nombre{color:#c6d12d;font-size:13px;font-family: 'Pontano Sans', sans-serif;text-decoration:none;}

.bloque .descripcion .numero{color: #333;font-size:13px;text-decoration:none;}

.bloque .descripcion .copete{color: #666;font-size:12px;overflow:hidden;text-decoration:none;}
#caja_viral{width:200px; height:auto; margin-top:30px;margin:auto; float:left; text-align:left; }
*/