/*
Theme Name: Escuelas para Chile
Theme URI: http://escuelasparachile.cl/
Description: Theme 2010 de Escuelas para Chile
Version: 1.0
Author: Estupendos
Author URI: http://estupendos.net
*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}
html{
    font-family: Arial, sans-serif;
}
/*header*/
#wrapheader{
    height: 105px;
    background: url(i/bghead.png) repeat-x;
    margin-bottom: 15px;
}
#header{
    margin: 0 auto;
    height: 105px;
    width: 982px;
}
#logo {
    width: 237px;
    height: 105px;
    float: left;
    display: inline;
}
#sidehead {
    float: left;
    display: inline;
    width: 745px;
}
#search {
    text-align: right;
    padding-top: 20px;
    margin-left: 605px;
}
#search #s {
    float: left;
    display: inline;
    border: 0;
    background: url(i/search.png) no-repeat;
    width: 111px;
    height: 23px;
}
#search #searchsubmit {
    float: left;
    display: inline;
    height: 23px;
    padding-top: 0;
}
#menu ul {
    float: left;
    display: block;
    height: 24px;
    margin-top: 20px;
}
#menu ul li {
    float: left;
    display: block;
    background: url(i/bgmenu.png);
    border-right: 1px solid #A70014;
}
#menu ul li.menuli1 {
    width: 100px;
}
#menu ul li.menuli2 {
    width: 92px;
}
#menu ul li.menuli3 {
    width: 134px;
}
#menu ul li.menuli4 {
    width: 133px;
}
#menu ul li.menuli5 {
    width: 94px;
}
#menu ul li.menuli6 {
    width: 108px;
}
#menu ul li.menuli7 {
    width: 65px;
}
#menu ul li a {
    color: #fff;
    text-decoration: none;
    font-size: 11px;
    text-shadow: #555 1px -1px 2px;
    height: 21px;
    display: block;
    padding: 11px 11px 0 11px;
    margin: 0;
}
#menu ul li a:hover {
    background: #FB0021;
}
/*home*/
#subdata {
    width: 980px;
    padding-bottom: 10px;
    margin: 10px auto 0 auto;
}
#flickr {
    width: 320px;
    height: 287px;
    float: left;
    display: inline;
    background: url(i/bgflickr.png) no-repeat;
    padding: 5px 8px 0 0;
    border-right: 1px solid #D6D6D6;
    overflow: hidden;
}
#sidebar #flickr{
    background: none;
    border: none;
}
#flickr h3 {
    margin-bottom: 10px;
}
#flickr a img {
    float: left;
    display: inline-block;
}
#flickr #contpic .flickr_badge_image img{
    margin: 0 3px 3px 0;
}
#flickr #contpic #flickr_badge_image4 img,#flickr #contpic #flickr_badge_image8 img,#flickr #contpic #flickr_badge_image12 img{
    margin: 0 1px 3px 0;
}
#contpic {
    float: left;
    display: inline;
    width: 310px;
    border: 1px solid #d6d6d6;
    padding: 1px;
    background: #fff;
    margin-left: 6px;
}
#news {
    padding: 0 9px;
    width: 305px;
    height: 292px;
    float: left;
    display: inline-block;
    background: url(i/bgnews.png) no-repeat;
    overflow: hidden;
}
#sidebar #destacaside{
     padding: 0 9px;
}
#sidebar #destacaside strong{
    font-size: 15px;
    color: #666;
    padding-top: 5px;
    display: block;
    font-weight: bold;
}
#sidebar  #news{
    background: none;
}
#news h2{
    margin: 7px 0 6px 0;
    width: 80px;
    float: left;
}
#news .masnews{
    float: right;
    color: #666;
    font-size: 11px;
    font-weight: bold;
    margin-top: 12px;
}
#news li {
    margin-bottom: 5px;
}
#news li .imgdest{
    border:1px solid #d6d6d6;
    padding: 1px;
    display: block;
    width: 69px;
    height: 52px;
    float: left;
}
#news li .right{
    float: right;
    width: 226px;
}
#news li .date{
    margin-top: 3px;
    color: #ba0016;
    font-size: 10px;
    font-weight: bold;
    float: left;
}
#news li h3{
    margin-left: 3px;
    display: inline;
    line-height: 110%;
}
#news li h3 a{
    color: #666;
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
}
#news li h3 a:hover{
    color: #39378B;
}
#about {
    background: url(i/about_back.jpg) no-repeat;
    height: 292px;
    float: left;
    display: block;
    margin-left: 11px;
    padding-left: 12px;
    width: 303px;
}
#about h3{
    margin: 10px 0 0 0;
}
#about p{
    width: 285px;
    color: #666;
    font-size: 13px;
    margin-top: 15px;
    margin-bottom: 20px;
    line-height: 120%;
}
/*footer*/
#wrapfooter {
    height: 55px;
    border-top: 1px solid #E2001A;
    background: url(/i/bgfoot.png) repeat-x;
}
#footer {
    width: 980px;
    margin: 0 auto;
    height: 55px;
}
#footlogo {
    height: 55px;
    width: 180px;
    float: left;
    display: block;
}
#footmenu {
    height: 55px;
    width: 700px;
    float: left;
    display: inline;
    margin-left: 7px;
    overflow: hidden;
}
#footmenu ul{
    height: 55px;
    display: block;
}
#footmenu ul li{
    height: 55px;
    float: left;
    border-right:1px solid #A70014;
}
#footmenu ul li.last{
    border: none;
}
#footmenu ul li a {
    height: 36px;
    display: inline-block;
    color:white;
    font-size: 11px;
    padding:19px 7px 0 7px;
    line-height: 120%;
    text-decoration: none;
    text-shadow:1px -1px 2px #555555;
}
#footmenu ul li a.active,#footmenu ul li a:hover{
    background: #fb0021;
}
.contenedor{
    background: #BA0016;
    width: 980px;
    margin: 0 auto;
}
.of{
    display: block;
    width: 980px;
    height: 410px;
    overflow: hidden;
}
.imagenes{
    display: block;
    width: 4905px;
    height: 410px;
}
.textos{
    width: 980px;
    height: 78px;
    background: transparent;
    background: #BA0016 url(i/back_texto.jpg) repeat-x;
}
.textos .texto{
    display: block;
    width: 165px;
    height: 42px;
    float: left;
    border-right: 1px solid #a70014;
    padding: 20px 15px 16px 15px;
}
#texto_5{
     border-right: none;
}
.textos .texto a span{
    display: block;
    font-size: 10px;
}
.popajax{
    display: block;
    position: absolute;
    margin-left: -50px;
    width: 450px;
    background: #fff;
    padding: 15px 10px 10px 10px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;

}
.popajax p strong{
    color: #39378b;
    font-size: 20px;
    line-height: 120%;
    display: block;
}
.popajax p span{
    color:#dc001b;
    font-size: 10px;
    display: block;
    line-height: 120%;
    font-weight: bold;
}
.popajax p var{
    color:#333;
    font-size: 13px;
    line-height: 110%;
}
.tri {
    width: 37px;
    height: 15px;
    background: url(i/tri.jpg) no-repeat;
    position: absolute;
    margin-top: -21px;
    z-index: 100;
}
.textos .texto a{
    color: #fff;
    font-size: 13px;
    text-decoration: none;
    font-weight:bold;
}
.imagenes li{
    display: block;
    float: left;
    width: 980px;
    height: 410px;
}
.textos li.active {
    background: #DF001C url(i/back_texto_acti.jpg) repeat-x;
}
/* single */
#page #wrapheader {
    margin-bottom: 0;
}
#page #singlemain {
    width: 985px;
    margin: 0 auto;
}
#page #main {
    float: left;
    display: inline;
    width: 650px;
    border-right: 1px solid #F2F2F2;
    padding-top: 30px;
    margin-top: 2px;
}
#page #main .post h4.titucat, #page #main h1.titucat{
    font-size: 35px;
    color: #df0019;
    text-transform: uppercase;
    margin-bottom: 10px;
}
#page #main h1.titucat{
    margin-left: 20px;
    padding-bottom: 5px;
    border-bottom: 1px solid #c1c1c1;
    margin-bottom: 15px;
}
#page #main ul.tool {
    border-top: 1px solid #C1C1C1;
    border-bottom: 1px solid #C1C1C1;
    width: 630px;
    padding-top: 10px;
    padding-bottom: 10px;
    float: left;
    display: inline;

    margin-bottom: 20px;
}
#page #main ul.tool li {
    float: left;
    display: inline;
    color: #333;
    font-size: 11px;
    font-weight: 800;
    margin-right: 30px;
}
#page #main ul.tool li img {
    margin-left: 5px;
    margin-bottom: -3px;
}
#page #main ul.tool a {
    text-decoration: none;
    color: #333;
}
#page #main .post h2 {
    font-size: 25px;
    color: #e10019;  margin-bottom: 10px;
    width: 630px;
}
#page #main .post ul li.categories h2{
    font-size: 17px;
}
#page #main .post p.postmeta {
    font-size: 10px;
    color: #333;
    border-bottom: 1px solid #EAEAEA;
    padding-bottom: 5px;  margin-bottom: 10px;
    width: 630px;
}
#page #main .post p.postmeta a {
    background: url(i/globo.png) no-repeat;
    color: white;  text-decoration: none;
    padding: 0px 5px 2px 3px;
    margin-left: 10px;
}
#page #main .post .image{
    float:left;
    display: block;
    width: 246px;
}
#page #main .post .titunoti{
    font-size: 18px;
    line-height: 120%;
    font-weight: normal;
    width: 285px;
    margin-left: 15px;
}
#page #main .prensa .titunoti, #page #main .soluciones .titunoti{
    width: 560px;
    margin-bottom:5px;

}
#page #main div.soluciones div.content p{
    width: 590px;
    margin-left: 15px;
}
#page #main div.soluciones div.content{
    background: #f5f5f5;
    padding: 10px 0;
    width: 610px;
}
#page #main div.soluciones div.content ul{
    padding-left: 15px;
}
#page #main div.soluciones div.content ul li{
    background:url("i/ullicont.png") no-repeat 0 3px;
}

#page #main .prensa p.postmeta{
    border-bottom:none;
    margin-left: 15px;
    margin-bottom: 0;
}
#page #main .prensa p.teaser{
    width: 590px;
    margin-left: 15px;
    border-bottom: 1px solid #fff;
    padding-bottom: 10px;
    margin-bottom: 5px;
}
#page #main .content img,#page #main .post .image img {
    padding: 1px;
    border: 1px solid #D6D6D6;
}
#page #main .prensa .downpdf{
    color:#e10019;
    font-size: 13px;
    text-decoration: none;
    margin-left: 15px;
    vertical-align: middle;
    line-height: 120%;
    display: block;
    height: 20px;
    padding-top: 3px;
    background: url(i/pdf.jpg) no-repeat 0 0;
    padding-left: 18px;
}
#page #main .prensa .downpdf img{
    border:none;
}
#page #main .post .titunoti a, #page #main .noti .content a{
    color: #e10019;
    text-decoration: none;
}
#page #main .noti .content{
    float: left;
    width: 370px;
}
#page #main .noti{
    margin-left: 20px;
    margin-bottom: 10px;
    border-bottom:1px dotted #acacac;
    width: 620px;
    padding-bottom: 10px;
}

#page #main .prensa{
    background: url(i/prensa.jpg) repeat-x;
    margin-left: 20px;
    margin-bottom: 10px;
    border-bottom:none;
    width: 620px;
    padding: 10px 0;
}

#page #main .content img.alignleft {
    float: left;
    margin-right: 15px;
    margin-bottom: 5px;
}
#page #main .content img.alignright {
    float: right;
    margin-left: 15px;
    margin-bottom: 5px;
}
#page #main .content p {
    font-family: georgia, serif;
    font-size: 14px;
    line-height: 120%;
    margin-bottom: 20px;
    color: #333;
    width: 630px;
}

#page #main .noti .content p{
    font-size: 12px;
    color:#333;
    width: 350px;
    margin-left: 15px;
    margin-bottom: 0;
}
#page #main .content p strong {
    font-weight: 800;
}
#page #main .content p em {
    font-style: italic;
}
#page #main .content h3 {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 800;
    color: #e00019;
    border-top: 1px solid #EAEAEA;
    width: 630px;
    padding-top: 10px;
    padding-bottom: 20px;
}
#page #main .content object {
    margin: 0 auto;
    text-align: center;
}
#page #main .content {
    margin-bottom: 30px;
}
#page #main .noti .content {
    margin-bottom: 10px;
}
#page #main  .comentarios h4 {
    font-size: 18px;
    text-transform: uppercase;
    color: #e00019;
    border-top: 1px solid #C1C1C1;
    padding-top: 10px;
}
#page #main .content ul{
    font-style: italic;
    color: #666;
    font-size: 13px;
    line-height: 150%;
}
#page #main .content ul a{
    font-style: normal;
    color: #333;
    font-size: 12px;
    line-height: 150%;
    text-decoration: none;
}
#page #main .content ul h2{
        font-style: normal;
}
#page #main .content ul a:hover{
    color: #666;
    text-decoration: underline;
}
#page #main .content ul li {
    background: url(i/ullicont.jpg) no-repeat 0 3px;
    padding-left: 15px;
}

#page #main .content ul li.categories{
    background: none;
    margin-top: 10px;
    padding-left: 5px;
}
#page #main .content ul li strong {
    color: #e0001a;
}
#page #sidebar {
    float: left;
    display: block;
    background: url(i/back_side.jpg) repeat-y;
    width: 330px;
    margin-top: 2px;
}
#page .comentarios ul {
    margin-top: 30px;
}
#page .comentarios ul.children{
    margin: 0;
}
#page .comentarios ul li{
    background: url(i/comment-cola.jpg) no-repeat 111px 17px;
}
#page .comentarios ul li .children .texto{
    width: 414px;
}
#page .comentarios .cajaavatar{
    display: block;
    float: left;
    width: 102px;
    text-align: right;
}
#page .comentarios .texto .avatarin{
    float: right;
}
#page .comentarios .texto {
    background: #f2f2f2;
    margin-bottom: 16px;
    padding: 10px;
    color: #333;
    float: right;
    font-size: 11.5px;
    line-height: 120%;
    background:-webkit-gradient(linear,left top,left bottom, from(#f9f9f9),to(#e5e5e5));
    width: 445px;
    margin-right: 52px;
}
#page .comentarios .texto .p{
    margin-bottom: 5px;
}
#page .children .depth-2 .p .left{
    float: left;
    width: 360px;

}
#page .comentarios .texto .meta{
    font-size: 9.5px;
}
#page .comentarios .texto .meta .comment-reply-link{
    display: block;
    width: 75px;
    float: right;
    margin-left: 10px;
    font-size: 9.5px;
}
#page .comentarios .texto a{
    color:#de0000;
    font-size: 12px;
    text-decoration: none;
    font-weight: bold;

}
#page .comentarios .texto a:hover{    
    color:#39398c;
}
#page .comentarios #respond #cancel-comment-reply a{
    margin-left: 53px;
    width: 140px;
    height: 20px;
    background: #e10019;
    color: #fff;
    display: block;
    padding: 10px;
    text-decoration: none;
}
#page .comentarios #respond #commentform, .wpcf7-form{
    margin: 25px auto;
    width: 544px;
    height: 324px;
    border-top: 1px solid #d6d6d6;
    background: url(i/commentform.png) no-repeat;
}
#page .comentarios #respond #commentform h3{
    display: block;
    width: 200px;
    color:#e10019;
    font-size: 14px;
    font-weight: bold;
    margin: 0 0 10px 45px;
    padding-top: 20px;
}
#page .comentarios #respond #commentform .center, .wpcf7-form .center{
    width: 450px;
    margin: 0 auto;
}
#page .comentarios #respond #commentform label, .wpcf7-form label{
    font-size:11px;
    color:#333;
    font-weight: bold;
    margin-bottom: 10px;
    display: block;
}
#page .comentarios #respond #commentform label em, .wpcf7-form label em{
    font-style: normal;
    color:#666;
    font-weight: normal;
}
#page .comentarios #respond #commentform input, #page .comentarios #respond #commentform textarea, .wpcf7-form input, .wpcf7-form textarea{
    border: 2px solid #ccc;
    color: #666;
}
#page .comentarios #respond #commentform textarea, #page #main .content .wpcf7-form textarea{
    width: 420px;
}
#page .comentarios #respond #commentform .textarea label, #page #main .content .wpcf7-form .textarea label{
    display: block;
    clear: both;


}
#page .comentarios #respond #commentform .enviar, .wpcf7-form .enviar{
    text-align: center;
}
#page .comentarios #respond #commentform input#submit, .wpcf7-form input#submit{
    border:none;
    background: url(i/enviar.png) no-repeat;
    text-indent: -10000px;
    width: 104px;
    height: 32px;
}
#page .comentarios #respond #commentform .forml, #page #main .content .wpcf7-form p.forml{
    width: 135px;
    height: 41px;
    float: left;
    margin-right: 15px;
}
#page #main .content .wpcf7-form p.forml{
        width: 200px;
}
#page #main .content div.wpcf7 {
    margin-top:85px;
}
 #page #main .content .wpcf7-form p.formall{
    clear: both;
}
#page .comentarios #respond #commentform .textarea, #page #main .content .wpcf7-form p.textarea{
    clear: both;
    width: 450px;
    margin: 20px auto 15px auto;
}
.cf:after {
    clear: both;
    content:' ';
    display: block;
    font-size: 0;
    line-height: 0;
    visibility: hidden;
    width: 0;
    height: 0;
}
.cf {
    display: inline-block;
}
* html .cf {
    height: 1%;
}
.cf {
    display: block;
}
/*
Default style for WP-PageNavi plugin

http://wordpress.org/extend/plugins/wp-pagenavi/
*/

.wp-pagenavi {
	clear: both;
        width: 403px;
        margin: 0 auto;
        font-size: 15px;
        font-weight: bold;
        height: 29px;
        background: url(i/pagenavi.jpg) no-repeat 75px 0px;
}

.wp-pagenavi .numbers a, .wp-pagenavi .numbers span, .wp-pagenavi .extend,.wp-pagenavi .large a{
	text-decoration: none;
        padding: 5px 0 0 5px;
        height: 24px;
        width: 20px;
        float: left;
        display: block;
        background: url(i/number.jpg) no-repeat;
        color: #818181;
}
.wp-pagenavi span.current, .wp-pagenavi .numbers a:hover, .wp-pagenavi .large a:hover{
    background: url(i/current.jpg) no-repeat;
    color: #fff;
}

.wp-pagenavi .previouspostslink_inactive,.wp-pagenavi .previouspostslink, .wp-pagenavi .extend{
    float: left;
}
.wp-pagenavi .previouspostslink_inactive,.wp-pagenavi .previouspostslink{
    background: url(i/anterior.jpg) no-repeat;
    text-indent: -10000px;
    width: 74px;
    height: 29px;
    padding: 3px 5px;
}
.wp-pagenavi .nextpostslink, .wp-pagenavi .nextpostslink_inactive{
    background: url(i/siguiente.jpg) no-repeat;
    text-indent: -10000px;
    width: 89px;
    height: 29px;
}
.wp-pagenavi .nextpostslink, .wp-pagenavi .large{
    float:right;
}
.wp-pagenavi span.current {
	font-weight: bold;
}
#map_canvas{
    clear: both;
    height: 500px;
    width: 630px;
    border-top: 1px solid red;
    border-right: 1px solid red;
}
#page.page #main .post .content .listados ul li a {
    color: #E0001A
}
#page.page #main .post .content #wrapmapa{
    border: 1px solid red;
    clear: both;
    width: 630px;
    border-top:none;
    border-right: none;
    margin-top: 10px;
}
#page.page #main .post .content #wrapmapa ul li{
    float: left;
    display: block;
    width: 70px;
    height: 20px;
    background: none;
    padding: 5px;
}
#page.page #main .post .content .leyenda{
	text-indent: -10000px;
	background: url(img/leyenda.jpg) no-repeat;
	height: 33px;
	clear: both;
        margin-bottom: 15px;
}
#page.page #main .post .content .leyenda ul{
	display: none;
}
#page.page #main .post .content #wrapmapa ul li a{
	color:red;
	font-weight: bold;
}
#page.page #main .post .content #wrapmapa ul li.acti{
	color:#fff;
	font-weight: bold;
	background: red;
}
#page.page #main .post .content #wrapmapa ul li.acti a{
	color:#fff;
}
#page.page #main .post .content #wrapmapa ul li{
    text-align: center;
}
#page.page #main .post .content #wrapmapa ul li.regi{
    width: 68px;
    border-top: 1px solid red;
    font-style: normal;
    font-size: 11px;
    color:#333;
    font-weight: bold;
}
#page.page #main .post .content #wrapmapa ul li.metr{
    width: 126px;
    border-left: 1px solid red;
    border-top: 1px solid red;
}
#page.page #main .post .content #wrapmapa ul li.sept{
    width: 68px;
    border-left: 1px solid red;
    border-top: 1px solid red;
}
#page.page #main .post .content #wrapmapa ul li.octa{
    width: 68px;
    border-left: 1px solid red;
    border-right: 1px solid red;
    border-top: 1px solid red;
}
#page.page #main .post .content #wrapmapa ul li.filtro{
    width: 245px;
    text-align: right;
}
#page.page #main .post .content h5{
    padding: 10px 0;
}
#page.page #main .post .content .disclaimer{
    background: #FFFFDC;
    font-size: 13px;
    color: #666;
    border: 1px solid #FEF400;
    width: 600px;
    padding:10px;
}
