/* 
    Document   : principal
    Created on : 12/03/2010, 10:05:24 AM
    Author     : alex
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/
body{
    background: url(../images/interface/bkgrnd.png);
    margin: 0 auto;
}

*{
    font-family: Arial, Helvetica;
    font-size: 12px;
    font-weight: normal;
    color: #363737;
}

.centrarprincipal{
    margin: 0 auto;
    width: 901px;
    padding-left: 39px;
    overflow: auto;
    /*border: solid thin #F00;*/
}

#header{
    float: left;
    background: url(../images/interface/logo_pincel.png) no-repeat left top;
    width: 852px;
    min-height: 300px;
    /*border: 1px solid red;*/
    margin-left: 25px;
    margin-bottom: 5px;
}

#logo_50{
    float: right;
    background: url(../images/interface/logo_50.png) no-repeat left top;
    width: 66px;
    min-height: 66px;
    /*border: 1px solid red;
    margin-left: 400px;*/
    margin-right: 120px;
    margin-bottom: 5px;
    margin-top: 10px;
}

#iconos{
    float: left;
    margin: 0px 20px 0px 580px;
}

#banner_ppal{
    float: left;
    background: url(../images/interface/banner_principal.png) no-repeat center;
    width: 852px;
    height: 283px;
    margin-top:10px;
}

#buscador{
    width:553px;
    height:41px;
    float:right;
    clear:both;
    margin-top: 10px;
}

#campoBuscar{
    width:90px; /*98*/
    height:30px;
    float:left;
    clear:right;
    background:url(../images/interface/campo_google.png) no-repeat;
    padding-left:3px;
    padding-right:5px;
    margin-right: 5px;
}

#iconoGoogle{
    width:71px;
    height:30px;
    float:left;
    clear:right;
    margin-left: 5px;
    margin-top: 5px;
    background:url(../images/interface/logo_google.png) no-repeat center;
}

#p_izq{
    width: 230px;
    margin-left: 30px;
    min-height: 200px;
    float: left;
    overflow: auto;
    /*border: solid thin #F00;*/
}

#p_der{
    width: 620px;
    min-height: 200px;
    float: left;
    /*border: solid thin #00F;*/
}

.mbottom{
    margin-bottom: 10px;
}

.con_arriba{
    width: 595px; /*615*/
    height: 67px;
    padding: 0 10px;
    background: url(../images/interface/ventana_general_arriba.png) no-repeat;
    float: left;
    /*border: solid thin #00F;*/
}

.con_centro{
    width: 575px; /*615*/
    min-height: 100px;
    padding: 0 20px 0 20px;
    background: url(../images/interface/ventana_general_medio.png) repeat-y;
    float: left;
    /* border: solid thin #00F; */
}

.con_abajo{
    width: 615px;
    height: 16px;
    background: url(../images/interface/ventana_general_abajo.png) no-repeat;
    float: left;
    /*border: solid thin #00F;*/
    margin-top: -12px;
}

#eltiempo{
    width: 575px; /*615*/
    height: 271px; /*291*/
    padding: 10px 20px;
    background: url(../images/interface/ventana_tiempo.png) no-repeat;
    overflow: auto;
    /* border: solid thin #00F; */
}

.con_portales{
    width: 605px; /*615*/
    height: 151px; /*161*/
    padding: 5px;
    background: url(../images/interface/ventana_portales.png) no-repeat;
    overflow: hidden;
    /*border: solid thin #00F;*/
}

.galeria{
    width: 280px; /*300*/
    height:  260px; /*280*/
    padding: 10px;
    float: left;
    clear: right;
    background: url(../images/interface/ventana_galerias.png) no-repeat;
}

.videos{
    width: 280px; /*300*/
    height:  260px; /*280*/
    padding: 10px;
    float: left;
    clear: right;
    background: url(../images/interface/ventana_galerias.png) no-repeat;
}

.audios{
    width: 575px; /*615*/
    height:  120px; /*200*/
    padding: 70px 20px 10px;
    float: left;
    clear: right;
    background: url(../images/interface/ventana_audio.png) no-repeat;
    z-index: 0;
}

#menu{
    border: none;
}

#usuario2{
    width: 188px; /*208*/
    height: 92px; /*172*/
    padding: 70px 10px 10px;
    margin-top: 400px;
    overflow: hidden;
    background: url(../images/interface/ventana_usuario.png) no-repeat;
    /*border: dotted thin #00F;*/
}

#encuesta{
    width: 180px; /*208*/
    height: 145px; /*210*/
    padding: 55px 14px 10px;
    background: url(../images/interface/ventana_encuesta.png) no-repeat;
    overflow-x: hidden;
    /*border: dotted thin #00F;*/
}

.txt_blanco{
    color: #fffefe;
}

#encuesta_cont{
    height: 145px;
    overflow-y: scroll;
}

#agenda{
    width: 188px; /*208*/
    height: 146px; /*226*/
    padding: 70px 10px 10px;
    background: url(../images/interface/ventana_agenda.png) no-repeat;
    /*border: dotted thin #00F;*/
}

#visitantes{
    width: 190px; /*210*/
    height: 52px; /*132*/
    padding: 70px 10px 10px;
    background: url(../images/interface/ventana_visitantes.png) no-repeat;
    /*border: dotted thin #00F;*/
}

#gobierno{
    width: 195px; /*210*/
    height: 147px; /*272*/
    padding: 115px 5px 10px 10px;
    overflow: hidden;
    background: url(../images/interface/ventana_gobierno.png) no-repeat;
    /*border: dotted thin #00F;*/
}


#item_gobierno{
    list-style: none;
    margin-left: -35px;
}

#gobierno2{
    width: 594px; /*614*/
    height: 299px; /*319*/
    padding: 10px;
    overflow: hidden;
    background: url(../images/interface/ventana_gobierno2.png) no-repeat;
    /*border: dotted thin #00F;*/
}

#gobierno2 img{
    margin-top: 20px;
    margin-left: 10px;
}

img{
    border:none;
}

#bgFooter{
    width: 150px;
    margin-top: 20px;
    text-align: center;
    float: right;
}

#infoFooter{
    font-size: 10px;
    text-align: center;
    margin-top: 135px;
}

#gobierno a:link, #gobierno a:visited{
    font-family: Helvetica, Arial;
    font-weight: normal;
    font-size: 10px;
    text-decoration: none;
    color: #6e6f65;
    /*line-height: 5px;*/
}

#gobierno a:hover{
    text-decoration: underline;
}

.tit_principal{
    font-family: Helvetica, Arial;
    font-size: 24px;
    font-weight: normal;
    color: #0870b7;
    text-shadow: 0px 2px 3px #000;
    -webkit-text-stroke: 1px #fffefe;
    padding-top: 15px;
    /*margin-left: 10px;*/
}

.tit_secundario{
    font-family: Arial, Helvetica;
    font-size: 14px;
    font-weight: bold;
    color: #097bb8;
}

.fecha{
    font-family: Arial, Helvetica;
    font-size: 12px;
    font-weight: normal;
    font-style: italic;
    color: #9b9c90;
}

.text_contenido{
    font-family: Arial, Helvetica;
    font-size: 12px;
    font-weight: normal;
    color: #363737;
    text-align: justify;
}

.vermas a, a{
    font-family: Arial, Helvetica;
    font-size: 12px;
    font-weight: bold;
    color: #6e6f65;
    text-decoration: none;
}

.vermas a{
    /*position: relative;
    left: 300px;*/
    float: left;
}

.eti_registro{
    float:left; 
    clear:right;
    width:80px;
    font-family: Helvetica, Arial;
    font-weight: normal;
    font-size: 13px;
    color: #FFF;
    text-shadow: 0px 1px 2px #000;
}

#agenda td.item_agenda{
    border-bottom: 1px dotted #931C76;
    font-family: Helvetica, Arial;
    font-size: 11px;
}

.fecha_agenda{
    color:#FFF;
    font-weight:bold;
    text-shadow: 0px 2px 2px #000;
}

.item_portales{
    color:#fffefe;
    font-weight: bold;
    padding-left: 10px;
    text-shadow: 0px 0px 1px #FFF;
}

#eltiempo ul li{
    list-style:outside;
    margin: 0px;
    padding: 0px;
}

#fecha{
    width: 221px; /*241*/
    height: 21px; /*41*/
    padding: 10px;
    overflow: hidden;
    margin-left: 10px;
    background: url(../images/interface/campo_fecha.png) no-repeat;
}

.fecha_ppal{
    font-family: Helvetica, Arial;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: -1px;
    color: #0870b7;
    /* text-shadow: 0px 1px 4px #000;
    -webkit-text-stroke: 1px #fffefe;*/
}

.barra_galeria{
    background: url(../images/interface/barra_galeria.png) no-repeat;
    width: 186px;
    height: 18px; /*23*/
    padding-top: 5px;
    float: left;
}

.agendaizq{
    float: left;
    clear: both;
    margin: 5px auto;

    padding-bottom: 3px;
    border-bottom: ridge 2px #FFF;
}

.seccion p{
    text-align: justify;
}

/* PROYECTOS REGIONALES _____________________________________________________ */

.tit_proyectos{
    background: url(../images/interface/titulos/titulo_proyectos-regionales.png) no-repeat;
    width: 224px;
    height: 27px;
    float: right;
    margin-right: 70px;
    margin-top: -30px;
}

#noticias{
    float: left;
}
#multimedia{
    float: left;
}

#ventana_proyectos{
    background: url(../images/interface/ventana_proyectos.png) no-repeat;
    width: 628px;
    height: 511px;
    float: left;
    padding-top: 50px;
    margin-top: 15px;
    margin-left: -15px;
    margin-bottom: 15px;
}

.barra_proyecto_delgada{
    background: url(../images/interface/barra_delgada_proyectos.png) no-repeat;
    width: 611px;
    height: 75px;
}

.barra_proyecto_ancha{
    background: url(../images/interface/barra_delgada_proyectos.png) no-repeat;
    width: 612px;
    height: 134px;
}

.tit_comunidad{
    background: url(../images/interface/titulos/titulo_comunidad.png) no-repeat;
    width: 91px;
    height: 19px;
    margin-left: 40px;
}

.tit_educacion{
    background: url(../images/interface/titulos/titulo_educacion.png) no-repeat;
    width: 82px;
    height: 18px;
    margin-top: 10px;
    margin-left: 40px;
}

.tit_salud{
    background: url(../images/interface/titulos/titulo_salud.png) no-repeat;
    width: 46px;
    height: 18px;
    margin-left: 40px;
}

.tit_productivo{
    background: url(../images/interface/titulos/titulo_productivo.png) no-repeat;
    width: 84px;
    height: 18px;
    float: right;
    margin-top: -17px;
    margin-right: 350px;
}

.tit_gobierno{
    background: url(../images/interface/titulos/titulo_gobierno.png) no-repeat;
    width: 73px;
    height: 18px;
    margin-left: 40px;
    margin-top: -5px;
}

.icono_proyecto{
    float: left;
    margin-left: 20px;
}

/* ALIADOS ESTRATÉGICOS ______________________________________________________ */

#aliados{
    background: url(../images/interface/ventana_aliados.png) no-repeat;
    width: 614px;
    height: 158px;
    float: left;
}

.tit_galerias{
    background: url(../images/interface/titulos/fotos.png) no-repeat;
    width: 160px;
    height: 25px;
    float: right;
    margin-top: 5px;
    margin-right: 60px;
    margin-bottom: 20px;
}

.tit_videos{
    background: url(../images/interface/titulos/videos.png) no-repeat;
    width: 68px;
    height: 25px;
    float: right;
    margin-top: 5px;
    margin-right: 60px;
    margin-bottom: 20px;
}



.boton_calendario2{
    background: url('../images/boton_calendario.png');
    width: 211px;
    height: 57px;
    margin-bottom: 2px;
    margin-left: 2px;
}

.boton_calendario2:hover{
    background-position: 0px -57px;
}