@import url("botones.css");
/* CSS Document Wenceslao */
h1, h2, h3, h4, h5, h6 { font-weight: bold;
}

section:after { display:block; clear:both; content:"";}
/* para encabezado de tablas */


.encabezado th {
	font-weight: bold;
	font-size:90%;
	min-height:25px;
	height:25px;
	color: #FDFDFD;
	background: #1e5799; /* Old browsers */
	background: -moz-linear-gradient(top, #1e5799 25%, #7db9e8 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(25%,#1e5799), color-stop(100%,#7db9e8)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #1e5799 25%,#7db9e8 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #1e5799 25%,#7db9e8 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #1e5799 25%,#7db9e8 100%); /* IE10+ */
	background: linear-gradient(top, #1e5799 25%,#7db9e8 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */
	text-align:center;
}
.encabezado td {
	padding: 8px;
	background: #eaeaea; /* Old browsers */
	background: -moz-linear-gradient(top, #eaeaea 0%, #ffffff 50%, #eaeaea 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eaeaea), color-stop(50%,#ffffff), color-stop(100%,#eaeaea)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #eaeaea 0%,#ffffff 50%,#eaeaea 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #eaeaea 0%,#ffffff 50%,#eaeaea 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #eaeaea 0%,#ffffff 50%,#eaeaea 100%); /* IE10+ */
	background: linear-gradient(top, #eaeaea 0%,#ffffff 50%,#eaeaea 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaeaea', endColorstr='#eaeaea',GradientType=0 ); /* IE6-9 */
	font-size:12px;
}
td { font-size:100%; }
th { font-weight: bold; font-size:100%; }
td.centrar { text-align:center; }

/* Formulario de Inscrición a */
fieldset p { clear:left;}
fieldset p label { font-weight:bold;	float: left;	width: 20%;}
fieldset p input[type="text"], fieldset p input[type="email"], fieldset p textarea { width:55%; padding:1%; border-radius:4px;}
fieldset p input.corto, fieldset p select.corto { width:25%; padding:1%; border-radius:4px;}
fieldset p input.muycorto { width:5%; padding:1%; border-radius:4px;}



#inscripcion fieldset {
	margin-top: 20px;
	margin-right: 20px;
	margin-bottom: 20px;
	margin-left: 20px;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	font-size:1.2em;
	}
#inscripcion fieldset p { clear:left;}
#inscripcion fieldset label {
	font-weight: bold;
	color: #333;
	margin: 0px;
	float: left;
	width: 200px;
}
#inscripcion fieldset input {
	color: #666;
	width: 320px;
}
#inscripcion fieldset legend {
	padding: 4px;
	border: 1px solid #999;
	color:#666;
	font-weight: bold;
	font-size:120%;	

}

#inscripcion fieldset input.corto {
	width: 50px;
}

#inscripcion fieldset input.radio {
	color: #666;
	width: 16px;
	float:left;
	margin:0px 8px 10px 0px;
}
#inscripcion fieldset input[type="radio"] {
	color: #666;
	width: 16px;
}

#inscripcion fieldset .radiotext {
	float:left;
	width: 80px;
}
#inscripcion fieldset .radiotextlargo {
	float:left;
	width: 190px;
	padding: 0px;
	margin:0px 10px 0px 10px;
}
#inscripcion fieldset .textlargo { float:left; }

#inscripcion fieldset select {
	color: #666;
}
.botondescarga {
	color: #069;
	padding: 4px;
	border-radius:6px;
	text-decoration: none;
}
#botones {
	text-align:center;  margin:20px; color:#FFF;}
#botones a{
	padding:6px;
	background-color:#999999;
	border-radius:6px;
	color:#FFF;
	text-decoration:none;
	margin:4px;
	font-weight: bold;
	border-bottom-width: 1px;
	border-right-width: 1px;
	border-bottom-style: solid;
	border-right-style: solid;
	border-bottom-color: #666;
	border-right-color: #666;
}
.botonformularioazul {
	color:#FFF;
	padding:6px;
	border-radius:6px;
	background-color: #E3001B;
}
a.botonformularioazul {
	color:#FFF;
	background-color: #E3001B;

}
.botonformularioazul:hover{ background-color:#0066CC; }

p.voto { text-align:center; position:absolute; top:180px; width:100%;}
a.botonvotame { border-radius:6px; background-color:#999; color:#FFF; text-decoration:none; padding:4px; margin:0 4px; }
a.versitio { border-radius:6px; background-color:#0066CC; color:#FFF; text-decoration:none; padding:4px; margin:0 4px; }

p .votado { border-radius:6px; background-color:#C00; color:#FFF; padding:4px; margin:0 4px;}

/* reglas para las galerías */
.contenedorimagenes {
	font-size: 10px;
	color: #000;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 600px;
	width: 200px;
}
.contenedorthumbs {
	float: left;
	padding:0px;
	height: 120px;
	width: 80px;
	margin-right: 5px;
	margin-bottom: 6px;
	text-align:center;
}
.thumbs {
	padding:0px;
	height: 80px;
	width: 80px;
	margin: 2px auto 0px auto;
	border: 1px solid #666;
}

/* Reglas para login arriba de Banner de 204 */
#login {
	position:absolute;
	top:180px;
	left:50%;
	width:210px;
	z-index:10;
	margin: 0px 0px 0px 220px;
	padding: 0px 10px 0px 10px;
	background-image:url(../images/negrotransparente30.png);
	background-repeat: repeat;
	border-radius:12px;
	color: #FFF;
	font-weight: bold;
}
#login p{ color: #FFF; }
#login a{ color:#FFF; text-decoration:none;}
#login a:hover{
	color:#000;
	text-decoration:underline;
}
.formBuscadores { width:350px; border-radius:6px; border:#666666 1px solid; padding:10px; margin:10px; float:left;}


/* Menú de lista ADMIN encuentro */
#menuadminencuentro ul, #menuadmineld ul { list-style-type:none; margin:0; padding:0;}
#menuadminencuentro ul li, #menuadmineld ul li { border:1px solid  #E3001B; width:32%; float:left; margin:0; padding:0;}
#menuadminencuentro ul li a, #menuadmineld ul li a { height:60px; padding:6px; margin:0; display:block; text-decoration:none; text-align:left; background-color:#E3001B; color:#FFFFFF; box-shadow:1px 1px 2px #999; }
#menuadmineld ul li a { height:30px; background-color:#390; }
#menuadminencuentro ul li a:hover { background-color:#FFFFFF; color:#E3001B; }
#menuadmineld ul li a:hover { background-color:#FFFFFF; color:#390; }
#menuadminencuentro ul ul { margin:2px; padding:0;}
#menuadminencuentro ul ul li { float:left; text-align:center;width:33%; margin:0; border:none; height:40px;}
#menuadminencuentro ul ul li a{
	padding: 6px;
	text-decoration: none;
	background-color: #009900;
	color: #FFFFFF;height:40px;
}
.contenedorespacios {
	float: left;
	height: 300px;
	width: 220px;
	margin-top: 0px;
	margin-right: 12px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding: 8px;
	background-color: #693;
	border-radius:6px;
	color: #000;
}
#container #contenido .contenedorespacios h2 {
	text-decoration: none;
	font-weight: bold;
	margin: 8px auto 0px;
	padding:0 1%;
	font-size:17px;
	color:#333;
	width:96%;
	opacity:0.7;
	background-color:#FFF;
	text-align:right;

}
#container #contenido .contenedorespacios h2 a { color:#000; text-decoration:none;  }

.contenedorespacios .fondoblanco {
	padding: 1px 10px;
	height: 250px;
	border-radius:6px;
	margin:10px auto 2px auto;
	background-color: #FFF;
}
#modulo01 table tr th {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #98AE36;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #98AE36;
}
.invitadoHonor { width:124px; float:left; text-align:center; margin:0px; padding:0px;}
.invitadoHonorCuadroizq {
	width:99%;
	margin:auto;
	text-align:left;
	padding:4px;
	clear: both;
}
.invitadoHonorCuadroizq a img {
	float: left;
	padding: 0px;
	margin: 0px 20px 10px 0px;
	border: 1px solid #BA3D9B;
}
.invitadoHonorCuadroDer {
	width:99%;
	margin:auto;
	text-align:left;
	padding:4px;
	clear: both;
}
.invitadoHonorCuadroDer a img {
	float: right;
	padding: 0px;
	margin: 0px 10px 10px 20px;
	border: 1px solid #BA3D9B;
}
.banderabrasil {
	background-image: url(../encuentro2010/imagesencuentro2010/bra_arg.jpg);
	margin: 0px;
	padding: 0px;
	height: 20px;
	width: 30px;
	background-position: -10px -10px;
}
.banderaArgentina {
	margin: 0px;
	padding: 0px;
	height: 20px;
	width: 30px;
	background-image: url(../encuentro2010/imagesencuentro2010/bra_arg.jpg);
	background-position: right center;
	}

a.botongris {
	float:right;
	margin-left:6px;
	background-color: #eeeeee;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, #cccccc));
	background: -webkit-linear-gradient(top, #eeeeee, #cccccc);
	background: -moz-linear-gradient(top, #eeeeee, #cccccc);
	background: -ms-linear-gradient(top, #eeeeee, #cccccc);
	background: -o-linear-gradient(top, #eeeeee, #cccccc);
	background: linear-gradient(top, #eeeeee, #cccccc);
	border: 1px solid #ccc;
	border-bottom: 1px solid #bbb;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	color: #595959;
	font: bold 11px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
	line-height: 1;
	padding: 6px;
	text-align: center;
	text-shadow: 0 1px 0 #eee;
	text-decoration:none;

	}
a.botongris:hover {
    background-color: #dddddd;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dddddd), color-stop(100%, #bbbbbb));
    background: -webkit-linear-gradient(top, #dddddd, #bbbbbb);
    background: -moz-linear-gradient(top, #dddddd, #bbbbbb);
    background: -ms-linear-gradient(top, #dddddd, #bbbbbb);
    background: -o-linear-gradient(top, #dddddd, #bbbbbb);
    background: linear-gradient(top, #dddddd, #bbbbbb);
    border: 1px solid #bbb;
    border-bottom: 1px solid #999;
    cursor: pointer;
    text-shadow: 0 1px 0 #ddd;
	color:#333; text-decoration:none; }
.formactas { width:90%; margin:auto;}
.formactas legend {
	font-weight:bold;
	padding:4px;
	color: #AC0F84; font-size:120%;
}
.formactas label { float:left; width:160px; font-weight:bold; text-align:left; clear:left; margin:0px 10px;}
a.btnadmin { float:right; margin:10px; padding:8px; border-radius:8px; background-color:#339900; color:#FFFFFF; text-decoration:none; }

.empresa { font-weight:normal; font-size:90%;}

/* Código dentro de Secction */
section { width:86%; margin: 20px auto; padding:0 1%; }
/*section#reddigital { width:80%; margin: 30px auto; padding:1%;}
section#reddigital article { width:98%; margin:1% auto; padding:1%; box-shadow:1px 1px 1px #CCCCCC;}*/

section h2, section h3, section h4 section a { color:#333; font-weight:bold; margin:20px 0;}
section p { margin:10px 0; line-height:1.5;}
section h1 { font-size:18px; color:#CC0000; }
section h1 em { font-size:90%; font-weight:bold; font-style:normal; }
section h2 { font-size:15px; }
section h3 { font-size:13px; }
section h4 { font-size:12px; }
section details summary { color:#717171; margin-bottom:10px; }
section ul { margin:20px 0;   color:#717171;}
section #adhesion fieldset { padding: 20px; }
section #adhesion fieldset p { margin: 14px 0; }
section #adhesion fieldset label { float:left; clear:left; width:20%; margin: 0 4% 0 0; font-weight:bold; }
section #adhesion fieldset input[type="text"], section #adhesion fieldset input[type="email"], section #adhesion fieldset textarea { width:50%; }
section #adhesion fieldset input.corto { width:20%; }
section #adhesion fieldset input.largo { width:50%; }

section #adhesion fieldset legend { color:#003366; padding: 10px; font-weight:bold; }

section #adhesion fieldset p.enviar { text-align:center;}
section #adhesion fieldset p.enviar #enviar, section p a.enviar, input[type="submit"] { text-decoration:none;
	margin-left:6px;
	background-color: #eeeeee;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, #cccccc));
	background-image: -webkit-linear-gradient(top, #eeeeee, #cccccc);
	background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);
	background-image: -ms-linear-gradient(top, #eeeeee, #cccccc);
	background-image: -o-linear-gradient(top, #eeeeee, #cccccc);
	background-image: linear-gradient(top, #eeeeee, #cccccc);
	border: 1px solid #ccc;
	border-bottom: 1px solid #bbb;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	color: #595959;
	font: bold 11px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
	line-height: 1;
	padding: 6px;
	text-align: center;
	text-shadow: 0 1px 0 #eee;
}
section #adhesion fieldset p.enviar #enviar:hover, section p a.enviar:hover, input[type="submit"]:hover { background-color: #dddddd;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dddddd), color-stop(100%, #bbbbbb));
    background-image: -webkit-linear-gradient(top, #dddddd, #bbbbbb);
    background-image: -moz-linear-gradient(top, #dddddd, #bbbbbb);
    background-image: -ms-linear-gradient(top, #dddddd, #bbbbbb);
    background-image: -o-linear-gradient(top, #dddddd, #bbbbbb);
    background-image: linear-gradient(top, #dddddd, #bbbbbb);
    border: 1px solid #bbb;
    border-bottom: 1px solid #999;
    text-shadow: 0 1px 0 #ddd;
	color:#333; text-decoration:none;}

section .doscolumnas { width:45%; float:left; margin:1%; padding:1%;}
section .doscolumnas:nth-child(even) { clear:left;}

section .trescolumnas { width:28%; float:left; margin:1%; padding:1%; position:relative;}
section .cuatrocolumnas { width:20%; float:left; margin:1%; padding:1%; border:#666666 1px solid; height:180px; position:relative;}
section .cuatrocolumnas h2 { font-size:0.8em;}

/* Cajas para formularios */
section form.trescajas { float:left; width:30%; margin:1%; }
section form.trescajas label { display:block; font-weight:bold;}
section form.trescajas select { width:90%; }


/* navegador de letras */
ul.letras { margin:0; padding:0; list-style-type:none; font-size:0.8em;}
ul.letras li { margin:0; padding:0; display:inline-block; text-transform:uppercase;}
ul.letras li a { display:block; font-weight:bold; padding:0 4px;}
ul.letras li a:hover { text-decoration:none; background-color:#003399; color:#FFF;}

/* para listar autores */
section h3.autores { border-top:1px solid #CCC; padding-top:10px;}
section h3.autores em { font-style:normal; font-size:80%;}

/*  Código para navegador secundario NAV  */
#subheader nav { font-size:0.76em;}
#subheader nav ul { margin:0; padding:0 1px; list-style-type:none; text-align:left; border-bottom:1px solid #036; font-size:0.9em; }
#subheader nav ul li.sinraya { border:none;}
#subheader nav ul li { display:inline; border-left:1px solid #C00; padding:0 0 0 1px;}
#subheader nav ul li a { display:inline-block; padding:4px; margin:0; text-decoration:none; color:#036; }
#subheader nav ul li a:hover { color:#990000;}
#subheader nav ul li:first-child, #subheader nav ul li:first-child a { border:none; font-weight:bold; color:#C00; }

section ol.enumeracion { margin:10px 30px;}
section ol.enumeracion li { margin:10px 0;}



/* jurados 4 columnas */

.jurado { border:#999999 1px solid; width:22%; height:380px; margin:1%; float:left; }
.jurado img { padding:0; margin:0 0 10px 0; width:100%; }
.jurado p { padding:2%; margin:1%; }
.jurado p strong{ font-size:110%; color:#CC0000;}
s
img.galeriajurado { float:left; border:#666 1px solid; margin:6px; padding:3px;}

.iconHorario_SG{
	background-image: url(../imgs/iconos-01.png);
	background-position: -205px -25px;
	height: 20px;
	width: 20px;
}
.iconCalendar_LG{
	background-image: url(../imgs/iconos-01.png);
	background-position: -135px -360px;
	height: 30px;
	width: 30px;
}
.iconBlog_LG{	background-image: url(../imgs/iconos-01.png);
	background-position: -135px -390px;
	height: 30px;
	width: 30px;
}
/* */
.contenedormarcas { width:90%; text-align:center; margin:auto;}
.contenedormarcas img { margin:0.7em;}

.botongranderojo { background-color:#C00; padding:6px; border-radius:6px; color:#FFF; text-decoration:none;}
/* botón de carreras */

a.imagenblog { width:31%; margin:1% 1% 1% 0; border:1px solid #999; float:left;}
a.imagenblog img { width:100%;}

a.btnedicion { padding:4px; background-color:#036; color:#FFF; text-decoration:none; display:inline-block; margin:4px;}


/* CSS para Cortocircuitos */

.cortoocircuito { width:80%; margin:auto;}
.cortoocircuito p { font-size:11px; }



section .videodc { width: 22.7%; margin: 2% 1% 0 1%; float: left; border: 1px solid #999; min-height: 210px; }
section .videodc h3, section .videodc p { padding:0 10px; margin:2px 0;}
.alternando tr:nth-child(even) { background-color:#F5F5F5;}
.alternando td { padding:4px 10px;}
.btnvideo {display:block; text-align:center; margin: 10px auto 0; padding: 6px; border:#CCC 1px solid; border-radius:6px; color:#C00; text-decoration:none; width: 64%;}

.videodc a img { width:100%;}


/* Estilos para ENCUESTAS */

section.encuestalatina {
    width: 80%;
    margin: 20px auto;
    padding: 1%; }

ul.encuesta { border:1px solid #000; border-radius:6px; padding: 0 2% 1% 2%; margin:2% 2% 0 0; list-style:none; float:left; width:26%; }
ul.encuesta li { margin:3% 0; }
ul.encuesta li:first-child { font-weight:bold; font-size:140%; background-color:#fff; margin:-10px 0 2% 0; padding: 0 2%; }

.checkencuesta { float:right;}

.areasform {list-style:none; margin:0; padding:0; }
.areasform:after, article.agengacumbre:after { clear:both; display:block; content:"";}
.areasform li { float:left; width:30%; padding:1%; font-size:12px; color:#000;}
.areasform li:hover { background-color:#CCC;}
.areasform li input, .areasform li input[type="checkbox"] { border-radius:2px; padding:1%; font-size:14px;}
.areasform li strong { font-size:12px; margin-left: 6px;}

.boldselect {  width: 35%; padding: 1%; border-radius: 4px;}
	
.encuestascat { border:1px solid #999; padding:0 2%; margin:2% 0;}

.areasform li strong.Audiovisual { border-bottom:2px solid #02A7B9;}

.areasform li strong.Empresaria { border-bottom:2px solid #FF9900;}

.areasform li strong.Publicitaria { border-bottom:2px solid #FC0;}

.areasform li strong.comerciales { border-bottom:2px solid #0C9;}

.areasform li strong.Industrial { border-bottom:2px solid #C8DB59;}

.areasform li strong.Visual { border-bottom:2px solid #3399FF;}

.areasform li strong.Moda { border-bottom:2px solid #EF1879;}

.areasform li strong.Multimedia { border-bottom:2px solid #9453BB;}

.areasform li strong.Teatro { border-bottom:2px solid #F9C;}
.areasform li strong.otra { border-bottom:2px solid #036;}

#stepcounter { position:fixed; top:auto; border-radius:8px 0 0 8px; background-color:#069; color:#FFF; left:50%; width:50px; margin-left:450px; text-align:center; padding:10px 0;}
#stepcounter.sticky { top:40%;}
#stepcounter a {  padding:6px; display:inline-block; color:#FFF; font-weight:bold;}

	/*form p { line-height:2;}*/
	form p input[type="radio"] { padding:20px; margin:10px;}


.cajade3 { float:left; width:30%; margin:0 1% 0 0; padding:1%; box-shadow:1px 1px 1px #999;}
.cajade3 select { width:98%;}

.tablaalterna tr:nth-child(even) { background-color:#FFC;}
.tablaalterna td { padding:10px 2px;}

ul.resultadoencuesta { border: none; float: none; list-style:none; width: 100%;margin: 0;    padding: 0;}
ul.resultadoencuesta li { float:left; width:24%; text-align:center; margin:0 1% 0 0; padding:0; }
ul.resultadoencuesta li a { display:block; text-align:center; padding:20px; font-size:140%; font-weight:bold; text-decoration:none; border:1px solid #006699; border-radius:4px;}
ul.resultadoencuesta li a:hover { color:#FFF; background-color:#006699;}


article.agengacumbre { width:45%; float:left; margin:2% 3% 0 0; padding:1%; box-shadow:1px 1px 2px #666; position:relative; min-height:130px;}
article.agengacumbre:nth-child(even) { clear:both;}

article.agengacumbre h2 { color:#09C; margin: 10px;}
article.agengacumbre h2 em { display:block; font-size: 85%; font-weight: normal; font-style:normal;}
article.agengacumbre h3 { color:#09C;}
article.agengacumbre h3 em { font-size: 85%; font-weight: normal; font-style:normal;}
article.agengacumbre h2, article.agengacumbre h3, article.agengacumbre p { margin: 10px;}
article.agengacumbre a.vermas { position:absolute; bottom:6px; right:10px; display:block; padding:4px 8px; background-color:#09C; color:#FFF; text-decoration:none; border-radius:6px; }
article.agengacumbre a.vermas:hover { background-color:#FFF; color:#09C; }


@media (max-width: 480px) {
	section { width: auto; margin: 0; padding: 2%;}
	fieldset p label, fieldset p strong { float:none; width:98%; margin:auto; display:block;}
	fieldset p input[type="text"], fieldset p input[type="email"], fieldset p select { width:80%; float:none;display:block;}
	input[type="checkbox"], input[type="radio"] { padding:30px; margin:10px;}
	.areasform li { width:47%;}
	.areasform label:nth-child(even) { clear:both;}
	.boldselect, fieldset p select.corto { width: 83%;}
	p { line-height:2;}
	
}