/*
Theme Name: Tupper
Theme URI: http://www.pslabs.cl/cei
Description: Tema para Cei.cl
Author: Juan Correa
Author URI: http://www.pslabs.cl
Version: 0-alpha
*/

/*
  En esta página se usa 960.gs. [(40 px por cuadro+10 de margen a cada lado) * 16]
*/
body{
    background: #468c10 url('imagenes/fondo.png') repeat-y center;
}
#contenedor{
    background: #fff !important;
    margin: 0 auto;
    border: 1px #000 solid;
    border-width: 0 2px;
}

/* Header */
#logo{
    height: 160px;
}
#header{
    margin-bottom: 75px;
}
#header h1, #header h2{
    text-indent: -9000px;
}
#header h1 a{
    display: block;
    height: 160px;
    background: url('imagenes/header2.jpg') no-repeat center;
}
/* Menú */
#menu-div{
    overflow: hidden !important;
    background: #141352 url('imagenes/menu_bg.gif') repeat-x bottom;
    -moz-border-radius-bottomright: 20px; -webkit-border-bottom-right-radius: 20px;
}
ul#menu, ul#menu li{
    list-style: none;
    display: inline;
}
ul#menu li{
    font-size: 1.2em;
}
ul#menu li a{
    display: block;
    float: left;
    padding: 5px 10px 8px;
    color: #fff;
    font-weight: bold;
    text-decoration: none; 
}
ul#menu li a:hover{
    background: #603913;
    text-decoration: underline;
}
div#buscador legend{
    display: none;
}
div#buscador input#s{
    height: 30px;
    font-size: 1.7em;
}
div#buscador input#searchsubmit{
    width: 65px;
    height: 30px;
    border: 2px solid #000;
    font-size: 1.2em;
    padding-left: 0;
}

/* Contenido home */
#destacados h3{
    display: none;
}
#desta ol{
    max-height: 215px;
    overflow: hidden;
}
#desta li{
    list-style: none;
    height: 215px;
}
#desta li img{
    float: left;
    margin-right: 10px;
    margin-bottom: 20px;
}
#desta p{
    margin-bottom: 1px;
    width:630px;
}
#desta .leer-mas{
    display: block;
    text-align: right;
    font-size: 1.2em;
}
#destacados-control{
    margin-bottom: 50px;
}
#destacados-control a{
    list-style: none;
    display: inline;
    width: 30px;
    padding: 3px 14px;
    font-size: 1.4em;
    border:2px solid #000;
    border-width: 2px 0 2px 2px;
}
#destacados-control a.last{
    border-right:2px solid #000;
}
#destacados-control a, #destacados-control a:visited{
    color: #754c24;
    text-decoration: none;
}
#destacados-control a:hover, #destacados-control a:focus{
    text-decoration: underline;
}
#destacados-control a.activeSlide{
    background: #99e45f;
}
#banners-main li{
    list-style: none;
    display: inline;
    margin: 10px 15px 10px 16px;
}
#notis-cei{
    margin-bottom: 20px;
}
#notis-cei h3{
    font-size: 24px;
    margin-bottom: 15px;
}
#notis-cei ol{
    margin-left: 10px;
    list-style: disc inside;
    font-size: 1.1em;
}
#notis-cei li{
    margin: 5px 0;
}
#notis-cei h4{
    display: inline;
    font-size: 15px;
}
#notis-cei li p{
    display: inline;
}
#notis-cei ol a, #notis-cei ol a:visited{
    color: #000;
    text-decoration: none;
}
#notis-cei ol a:hover, #notis-cei ol a:focus{
    text-decoration: underline;
}

/* Agenda */
#actividades{
    margin-bottom: 40px;
}
#actividades h3{
    font-size: 24px;
    margin-bottom: 15px;
}
#act-box{
    margin-bottom: 10px;
}
#act-box h4{
    margin-bottom: 10px;
}
#act-box ol{
    list-style: inside circle;
}
#act-box img{
    float: right;
}
#act-hoy, #act-tomorrow{
    border: 3px #000 solid;
    padding: 1px 10px 5px;
    min-height: 154px;
}
#act-hoy{
    background: #fde9ae;
}
#act-tomorrow{
    background: #eecb63;
    border-width: 3px 3px 3px 0;
}
#act-later h4, #act-later ul, #act-later ul li{
    display: inline;
}
#act-later h4{
    margin-right: 1em;
    font-size: 18px;
}
#act-later li{
    margin-left: 20px;
    font-size: 15px;
}
.more-button{
    display: block;
    margin-top: 15px;
    text-align: right;
    font-size: 1.4em;
    border-top: 1px solid #ccc;
}
.more-button span{
    background: #f0ecec;
    padding: 0 10px 5px 10px;
    border: 1px solid #ccc;
    border-top: 2px solid #f0ecec;
}
a.more-button span:hover{
    text-decoration: underline !important;
}
/* Qué ondi en Ñoñ... la Facultad */
#notis-facultad h3{
    font-size: 24px;
    margin-bottom: 15px;
}
#notis-facultad ul{
    list-style: inside square;
}

/* Sidebar Home*/
#sidebar{
    background: #ebdcaa;
    border: 0 #000 solid;
    border-width: 4px 0 4px 4px;
    width: 286px;
    padding-left: 10px;
    -moz-border-radius-topleft: 20px; -webkit-border-top-left-radius: 20px;
    -moz-border-radius-bottomleft: 20px; -webkit-border-bottom-left-radius: 20px;
}
#sidebar #banners{
    margin-top: 20px;
    list-style: none;
    text-align: center;
}
#banners li{
    margin: 10px 0 25px;
}
#videos{
    margin-bottom: 30px;
}
#lista-videos{
    text-align: center;
    margin: 15px 0;
    list-style: none;
}
#lista-videos li{
    display: inline;
    margin-right: 10px;
    text-align: center;
}
#lista-videos li span{
    display: none;
}
#capsulas-audio{
    margin-bottom: 20px;
}
#lista-fotos{
    list-style: none;
    font-size: 1.3em;
}
#lista-fotos li{
    margin: 10px 0 10px;
    padding-bottom: 10px;
    border-bottom: 1px #666 solid;
}
#lista-fotos li.last{
    border-bottom: none;
}
#lista-fotos img{
    float: left;
    vertical-align: middle;
    margin-right: 10px;
    margin-bottom: 10px;
}
#lista-fotos a, #lista-fotos a:visited{
    text-decoration: none;
    color: #000;
}
#lista-fotos a:hover, #lista-fotos a:focus{
    text-decoration: underline;
}
#lista-fotos span{
    display: block;
    padding-top: 1em;
}

/* Selector */
#selector{
    margin-top: 50px;
}
#selector div{
    width: 960px;
}
#selector h3{
    padding: 10px 0 0 5px;
}
#selector ul{
    list-style: none;
    display: inline;
    margin-top: 5px;
}
#selector li{
    display: inline;
    margin-right: 15px;
}
#selector li img{
    padding-top: 10px;
}
#selector li span{
    display: none;
}
#centros-estudiantes{
    background: #609a34;
    color: #fff;
}
#grupos-organizados{
    background: #eecb63;
    color: #343200;
}

/* Noticias */
.blog div#destacadas{
    border: 3px solid #eecc64;
    padding: 5px 0 10px 5px;
    margin-bottom: 25px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 5px;
}
.blog #destacadas ol{
    list-style: inside disc;
}
#destacadas li.primero{
    list-style: none;
    margin-bottom: 5px;
}
#destacadas li.primero img{
    float: left;
    margin: 0 7px 10px 0;
}
#destacadas li.primero p{
    margin-bottom: 13px;
}
#destacadas a.leer-mas{
    display: block;
    text-align: right;
    font-size: 1.2em;
    margin-right: 1em;
}
#destacadas li h4{
    display: inline;
}
#destacadas li.primero h4{
    display: inherit;
}
.blog ul#lista-noticias{
    list-style: inside;
}
.page ul#lista-noticias{
    margin-left: 15px;
    padding: 0 10px;
    width: 400px;
    list-style: none;
    border: #F0F0F0 solid 2px;
    border-width: 2px 2px 0 2px;
}
#lista-noticias li{
    padding: 10px 0;
    border-bottom: 2px solid #f0f0f0;
}
#lista-noticias li h4{
    display: inline;
    font-size: 16px;
    margin-bottom: 10px;
}
#lista-noticias p{
    margin: 10px 0 5px 20px;
    text-indent: 15px;
}
#lista-noticias .leer-mas{
    display: block;
    text-align: right;
    font-size: 14px;
    margin-right: 1em;
    padding-right: 8px;
    height: 24px;
    background: url('imagenes/mas-bg.gif') no-repeat top right;
    text-decoration: none;
}
#lista-noticias .leer-mas:hover{
    text-decoration: underline;
    background: url('imagenes/mas-bg.gif') no-repeat bottom right;
}

/* Single */
.single-post h2{
    font-size: 30px;
}
/* Footer */
#footer{
    background: #16156e;
    color: #fff;
    margin-top: 50px;
}
#footer a, #footer a:visited{
    color: #fff;
    text-decoration: none;
}
#footer a:hover, #footer a:focus{
    text-decoration: underline;
}
#footer #cei-footer{
    display: block;
    text-indent: -9000px;
    padding-left: 20px;
    width: 96px;
    height: 103px;
    margin-top: -12px;
    background: url('imagenes/cei_footer.png') no-repeat center;
}
#colofon{
    margin: 50px 0 30px;
}
#colofon .titulo{
    font-size: 1.2em;
    line-height: 1.1em;
    font-weight: bold;
}
#quicklinks{
    margin-top: 15px;
}
#pslabs a{
    display: block;
    text-indent: -9999px;
    width: 100px;
    height: 30px;
    background: url('imagenes/pslabs_footer.png') no-repeat center;
    position: relative;
    top: 130px;
}

/*dev*/
.printer{
    display: none;
}
.c{
    border: 1px #f00 solid;
}