/*
  Theme Name: Esces 2009
  Theme URI: http://www.esces.cl
  Version: 1.0
  Author: UvaDesign
  Author URI: http://www.uvadesign.cl
*/


/*--------------------------------*/
/* GENERALES */
/*--------------------------------*/

* {margin: 0; padding: 0;}
html {  overflow-y: scroll;}
body { font-family: Lucida Sans Unicode, Lucida Grande, Lucida Sans, Arial, Sans-Serif;}
.oculto {display: none;}
#sitio {  width: 960px;  margin: 0 auto;}
.clear {clear: both;}
h1 {font-size: 180%; line-height: 100%;}

a {color: #365FAF; text-decoration: none;}
a:visited {text-decoration: underline; color: #465574;}
a:hover {color: #0D2F6F; text-decoration: underline;}

ul {margin-left: 25px;}
ul li {padding: 3px 0;}

/*--------------------------------*/
/* HEADER */
/*--------------------------------*/
#header { height: 430px; margin: 20px 0 0;}
.header-img {margin-top: 20px;}
#logo-otec {float: left; width: 250px;}
#logo-esces {float: right; width: 420px;}
#imagenes-esces-home {width: 960px; height: 245px;}


/* menu */
#menu { background:#465574; color:#fff; height:25px; padding-top:7px; font-size: 13px; text-align: center;}
#menu ul { list-style-type: none; margin: 0; }
#menu ul li {display: inline; padding: 0 12px;}
#menu a {color: #fff; text-decoration: none; text-transform: uppercase;}
#menu a:hover {color: #b6bece;}

/* busqueda */
#busqueda {margin-top: 23px; float: right; }
#buscar {border: 1px solid #DFDFDF; padding:3px; color: #666; font-size: 12px;}
#status{ width:180px; padding:4px; height:16px; outline:none; font-size: 12px;  }
.focusField{ border:solid 1px #73A6FF; background:#EFF5FF; color:#000;}
.idleField{ background:#fff; color: #6F6F6F; border: solid 1px #DFDFDF; }	

/*--------------------------------*/
/* HOME */
/*--------------------------------*/
#box-principal {font-size: 12px; color: #444; line-height: 150%; margin-top: 30px;}
#box-principal h2 {font-size: 14px; margin-bottom: 10px; border-bottom: 1px solid #465574; padding-bottom: 5px;}
#columna-iz {float: left; width: 260px; margin: 0 10px;}
#columna-central {float: left; width: 320px; margin: 0 25px;}
#columna-derecha {float: right; width: 280px; margin: 0 10px;}
#logos ul {list-style-type: none; text-align: center; margin-top: 20px;}
#logos ul li { display: inline; padding: 0 20px;}
.thumbnail {display:block; float:left;  border: 1px solid #999; width:100px; height:100px; margin: 3px 15px 10px 0;}
#columna-central h4 {font-size: 13px; font-weight: normal; color: #000;}
#columna-central p {float: left; width: 200px; margin-top: 8px;}

/*--------------------------------*/
/* PAGINAS */
/*--------------------------------*/
#columna-iz-paginas {float: left; width: 180px; margin: 0 10px;}
#columna-iz-paginas h2 { letter-spacing: -1px; font-size: 20px;}
#columna-iz-paginas h5 { font-size: 11px; text-align: right; font-weight: normal; }
#columna-central-paginas {float: left; width: 735px; margin: 0 0 0 25px; }
#columna-central-paginas img {padding: 0 20px;}
#columna-central-paginas .texto ul {margin: 0;}

#columna-central-paginas h4 { font-size: 16px; margin: 0 0 20px; border-bottom: 1px solid #999; padding: 0 0 10px; }

#columna-central-noticia {float: left; width: 735px; margin: 0 0 30px 15px; }
#columna-central-noticia img {padding: 0 20px 10px 0;}

.noticias h3 {font-size: 10px; font-weight: normal;}
.noticias img {margin-bottom: 10px;}

.titulo-paginas { text-align: right;}
h2.titulo-paginas-cursos { text-align: right; line-height: 120%;}
.titulo-noticia {line-height: 130%; text-align: right;}
.sub-titulo-paginas {letter-spacing: -1px; font-size: 20px; text-align: right; border: none !important;}
.img-cursos {margin: 0 !important; padding: 0 !important;}
.texto ul {list-style-type: none;}
.texto ul li{float: left; width: 305px; padding: 0 30px 35px;}
.texto blockquote {padding: 8px; background: #efefef; border: 1px solid #cfcfcf; margin: 5px 0; font-size: 10px;}

/*--------------------------------*/
/* TABLAS */
/*--------------------------------*/
.post table { margin:10px 0px 15px 0px; font-size:8pt; width:99%; text-align:left; border:1px solid #dfdfdf;}
.post th { border:none ; padding:4px;}
.post td { color:#3D3D3D; padding:4px; vertical-align:top; border:1px solid #9FC0FF;}
.post thead {background: #CFE2FF; font-size: 15px; color: #2C394F; margin: 5px 0;}

/*--------------------------------*/
/* FOOTER */
/*--------------------------------*/

#footer { clear:both; color:#666; font-size:11px; height:20px; padding:40px 0; text-align:center; width:960px; margin: 0 auto;}

/*--------------------------------*/
/* IMG ALINEACION */
/*--------------------------------*/
.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignleft { float: left;}
.alignright { float: right;}