/* CSS index.html - U DE CHILE - SITIO 2 */

/* RESET */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote,
pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s,
samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label,
legend, table, caption, tbody, tfoot, thead, tr, th, td, center, u, b, i {
 margin: 0; padding: 0; border: 0; outline: 0; font-weight: normal; font-style: normal; font-size: 100%; font-family: inherit; vertical-align: baseline; }

body { line-height: 1; }
:focus { outline: 0; }
ol, ul { list-style: none; }
table { border-collapse: collapse; border-spacing: 0; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" "";}
input, textarea { margin: 0; padding: 0;}
hr { margin: 0; padding: 0; border: 0; color: #000; background-color: #000; height: 1px; }
a {color: #021e34;}


/* GENERALES */
body {background: #29adc5 url(../../img/site_preselected/bg-body.png) repeat-x; font-family: Arial, sans serif; font-size: 12px; line-height: 120%; border-top:4px solid #05BED1;}
.oculto {display: none;}
.txt-derecha {text-align: right;}
.txt-izquierda {text-align: left;}
.txt-s {font-size: 11px;}

.clear {clear: both;}

#big-bg { background: transparent url(../../img/site_preselected/bg-body-alt2.png) no-repeat scroll center 0; width: 100%;}
#dots-bg  { background: transparent url(../../img/site_preselected/bg-puntos-header.png) repeat-x scroll 8px 0; width: 100%;}

/* LAYOUT */
#box {width: 980px; margin: 0 auto;}
#contenido { min-height:345px;}


#upc {background: url(../../img/site_preselected/bg-info-blanco.png) repeat-y; margin: 0px 0 -1px 3px; float: left; padding:20px 0 0; width: 100%;}
#col-izq, #col-der {padding:0 15px; width:270px;}
#col-izq {float: left; }
#col-central {float: left;}
#col-der {float: right;}
#col-central {border-right: 1px dashed #05bed1; border-left: 1px dashed #05bed1; min-heigth: 200px; padding:0 0 0 25px; width:340px;}
#finupc {background: url(../../img/site_preselected/bg-finupc.png) no-repeat; display: block; clear: both; margin-left: 3px; margin-bottom: 10px;}


/* HEADER */
#header { min-height: 190px;}
#login { float:right; width:240px; margin-top:-5px; margin-right:10px;}
#texto-login p {text-align: center; font-weight: bold; color: #032742; font-size: 11px; margin: 10px 0 ;}
#logo {float: left; margin: 0 30px;}
#pregunta {margin: 25px 0 0 60px; float: left;}

/* LOGIN */

input#rut-psu { color: #781351; background: url(../../img/site_preselected/bg-rut.png) no-repeat; border: none; padding: 8px;  width: 80px; margin: 0 3px 0 0px;}
input#digito-psu { color: #781351; background: url(../../img/site_preselected/bg-digito.png) no-repeat; border: none; padding: 8px;  width: 30px; margin: 0 0 0 5px;}
input#entrar-psu { background: url(../../img/site_preselected/bg-boton-login.png) no-repeat; border: none; color:#fff; float:right; margin:0 35px 0 0; padding:7px;}


.enviar input { background: url(../../img/site_preselected/bg-boton-login.png) no-repeat; border: none; color:#fff; float:right; margin:5px 8px 10px 0; padding:7px;}
input#rut { color: #781351; background: url(../../img/site_preselected/bg-rut.png) no-repeat; border: none; padding: 8px;  width: 90px; margin: 0 3px 0 15px;}
input#digito { color: #781351; background: url(../../img/site_preselected/bg-digito.png) no-repeat; border: none; padding: 8px;  width: 30px; margin: 0 0 0 12px;}
input#e-mail { color: #781351; background: url(../../img/site_preselected/bg-email.png) no-repeat; border: none; padding: 8px;  width: 150px; margin: 5px 0 0 4px;}

/* USUARIO LOGUEADO */

#sesion {background: #05BED1; padding: 3px; font-size: 11px; color: #003366;}
#sesion p {width: 960px; margin: 0 auto; text-align: right;}
#sesion .blanco {color: #fff;}
#sesion .usuario {color: #fff; font-weight: bold;}
#sesion a:visited {color: #003366;}


/* CONTENIDO */
#registro {height: 170px; margin-bottom: 4px;}
#reg-iz {width: 250px; float: left; margin: 35px 20px 0 ;}
#reg-central {width: 350px; float: left; margin: 35px 20px 0 ;}
#reg-der {width: 260px; float: right; margin: 35px 0 0;}

/* SECCION ALGUNOS QUIERO SER */
#aqs { width: 450px;  float: left; margin: 0 14px 10px; color: #032742;}
.aqs-sep {background: url(../../img/site_preselected/aqs-sep.png) no-repeat; width: 445px; height: 8px; margin: 10px 0 20px; clear: both;}

.aqs-left {float: left; height: 50px; display: block; width: 200px;}
.aqs-right {float: right;}
.aqs-right p {text-align: right;}
.aqs-right select {background: #e5e5e5; border: none; font-size: 11px; padding: 2px;}

.texto-aqs {width: 380px; float: right; margin-right: 10px;}
.ranking { background: url(../../img/site_preselected/bg-votos.png) no-repeat ; float: left; width: 46px; height: 65px; margin-right: 10px; padding: 6px 0; color: #032742;}
.ranking span { display: block; text-align: center; }
.txtvotos { font-size: 10px; padding-top: 2px; }
.numvotos { font-size: 24px; padding-top: 5px; }
.numvotos2 { font-size: 18px; padding-top: 5px;}
.megusta { font-size: 9px; margin-top: 6px;}
.megusta a, .megusta a:visited, #aqs a {color: #032742;}
#aqs p {line-height: 120%;}
.autor {color: #05bed1; font-weight: bold;}

.quieroser-bloque {clear: both; margin: 0 0; float: left;}
.quieroser-bloque2 {clear: both; margin: 5px 0; float: left;}


#qs-premios { float: left; width: 233px; border-right: 1px dashed #05BED1; border-left: 1px dashed #05BED1; padding:0 12px;}
a.verde {color: #b1db23;}
a.naranja {color: #ffad0d; }
.qs-right {float: right; margin-top: 20px; font-size: 11px;}
.qs-premios-sep {background: url(../../img/site_preselected/qs-premios-sep.png) no-repeat; width: 234px; height: 8px; margin: 15px 0 20px; clear: both;}
.qs-premios-sep-n {background: url(../../img/site_preselected/qs-premios-sep-n.png) no-repeat; width: 234px; height: 8px; margin: 15px 0 20px; clear: both;}
.avatar {margin: 0 10px 50px  0 ;}

#fb-tw { float: right; width: 235px;}

.logo-avatar {margin-right: 10px;}
ul.fans-facebook li {float: left; width: 50px; padding: 2px; font-size: 10px; margin-top: 10px;}

#fb-tw p { width: 200px;}
.tweet-time {color: #05bed1; font-size: 10px; }

/* SECCION FOOTER */

.sombra {background: url(../../img/site_preselected/bg-sombra-footer.png) repeat-x; width: 950px; margin-left: 13px;}
h3 {font-size: 16px; font-family: georgia, times new roman, serif; margin: 0 0 20px; color: #021e34; font-weight: bold;}
#tit-uchile {background: url(../../img/site_preselected/h3-udechile.png) no-repeat; display: block; width: 170px; height: 30px;}
#tit-eventos {background: url(../../img/site_preselected/h3-eventos.png) no-repeat; display: block; width: 307px; height: 30px;}
#tit-conversemos {background: url(../../img/site_preselected/h3-conversemos.png) no-repeat; display: block; width: 147px; height: 32px;}

.logo-uchile {float: left; padding-left: 10px;}
.texto-udechile {float: right; width: 200px;}

.celeste {color: #07bfd1; font-weight: bold;}

.sub-texto {margin: 0 0 15px; float: left; width: 100%;}
.social {float: left;}
.texto-social {float: right; width: 215px;}
.texto-social a{color: #07bfd1; }

input.calpsu {background: url(../../img/site_preselected/bg-btn-general.png) no-repeat; border: none; padding: 8px 12px; font-size: 11px; margin: 20px 30px 0; float: right;  }

/* REGISTRO */
#reg-der .ref {margin: 2px 0 0 0;}

.ref {margin: 5px 0 0 2px;}
textarea#porque {background: url(../../img/site_preselected/bg-porque.png) no-repeat; border: none; width: 335px; margin: 8px auto 0 ; padding: 5px 5px 5px 10px; height: 65px;}

.txt-porque {background: url(../../img/site_preselected/ref-porque.png) no-repeat; margin-top: 3px; padding: 5px; color: #021e34;}

.psu {margin: 8px 0 10px;}

/* SELECCION CARRERA */
#registro .seleccion select { background: url(../../img/site_preselected/bg-select-2.png) no-repeat; margin-top:8px;}
.seleccion select { background: url(../../img/site_preselected/bg-select.png) no-repeat; border:0 none; color:#000; padding: 5px; margin:20px 2px 0; width:205px; outline: 0;}

/* FOOTER */

#footer {color: #fff; font-size: 11px; padding-top: 20px;}
#footer a {text-decoration: none; font-weight: bold; color: #fff;}
.footer-izq {float: left; margin-left: 10px;}
.footer-der {float: right; margin-right: 20px;}

/* NUEVO PARA ZONA DE AVISO SELECCIONADOS */
#reg-aviso {
	width: 945px;
	float: left;
	margin: 10px 20px 0;
}

/*post_daniel*/

.red{
	color:red;
}
#tweet{
	width:216px;
}

/* AQS FILTROS */
#qs-filter {
	float: right;
	height: 40px;
	width: 260px;
	padding-bottom: 5px;
}

#qs-filter ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#qs-filter ul li {
	float: left;
	padding: 1px 1px 3px 1px;
	display: block;
	margin-right: 5px;

	border-radius:         4px;/* CSS3 */
	-ms-border-radius:     4px; /* IE 8 */
	-moz-border-radius:    4px; /* Firefox */
	-webkit-border-radius: 4px; /* WebKit & Safari */
	-khtml-border-radius:  4px;
}

#qs-filter ul li.filter-c {
	background-color: #BFD314;
}

#qs-filter ul li.filter-e {
	background-color: #FFE324;
}

#qs-filter ul li a {
	display: block;
	overflow: hidden;
}

#qs-filter #filter-c a {
	width: 220px;
}

#qs-filter ul li img{
	position: absolute;
	padding: 2px;
}

#qs-filter ul li p{
	margin: 0;
	padding: 0;
	width: 205px;
	height: 40px;
	display: block;
}

/* AUTOCOMPLETE */

input.autocomplete-loading {
	background-image:url(../../img/admin/loading.gif);
	background-position: center right;
	background-repeat:no-repeat;
}
#filter-e-results {
	position: absolute;
	width: 220px;
    background-color: #FFE324;
}
#filter-e-results ul.autocomplete {
    overflow: visible;
    margin: 0px;
    padding-left: 30px;
	z-index: 1000;
    list-style: none;
	display: none;
    color: #000;
}
#filter-e-results ul.autocomplete li {
	padding: 0.3em;
	overflow: hidden;
	cursor: pointer;
    background-color: #FFE324;
	width: 140px;

	border-radius:         0;/* CSS3 */
	-ms-border-radius:     0; /* IE 8 */
	-moz-border-radius:    0; /* Firefox */
	-webkit-border-radius: 0; /* WebKit & Safari */
	-khtml-border-radius:  0;
}
#filter-e-results ul.autocomplete li.selected {
	background: highlight;
	color: #fff;
	width: 140px;
}

/* GANADORES */

.lugar {
float: left;
width: 46px;
height: 65px;
margin-right: 35px;
color: #032742;
padding-right: 0;
padding-left: 0;
}
.texto-qsganador {
width: 290px; float: left;
}
.fotopremio {
float: right;
width: 46px;
height: 65px;
padding: 6px 0;
color: #032742;
margin-right: 30px;
}
.qsganador-bloque {
clear: both; margin: 5px 0 30px; float: left;
}
.texto-qsdesc {
width: 440px;
float: left;
text-align: justify;
margin-top: 10px;
}