/*******************************Estilos generales************************************/
html, body, iframe, div, p, form, input, ul, li, h1, h2, h3,h4,h5, table, th, td {
    margin: 0px;
    padding: 0px;
}

html{
    background-color: #FFFFFF;
}

body {
    font-family: 'Open Sans',Arial,Helvetica,sans-serif;
    font-size:13px;
    color:#363636;
    background-color: #FFFFFF;
    margin: auto;
}

h1{
    padding: 10px 5px;
    text-align: center;
    font-size: 30px;
    font-weight: 300;
}

@media (max-width: 560px){
    h1 {
        font-size: 22px;
    }
}

@media  (min-width : 561px) and (max-width: 720px){
    h1 {
        font-size: 26px;
    }
}

h2{
    padding: 15px 5px;
    text-align: center;
    font-size: 13px;
    font-weight: bold;
}

li {
    list-style:none;
}

object, iframe, img {
    outline:none;
    border:none;
}

iframe {
    overflow:hidden;
}

i, .hidden {
    display:none;
}

table {
    border:none;
    /*border-collapse:collapse;*/
}

p {
    font-size: 14px;
    line-height: 18px;
    padding: 10px 15px;
    color: #373737;
    text-align: left;
}

@media (max-width: 560px){
    p {
        font-size: 12px;
    }
}

@media  (min-width : 561px) and (max-width: 720px){
    p {
        font-size: 13px;
    }
}

a {
    color: #FFFFFF;
    cursor: pointer;
    outline: medium none;
    text-decoration: none;
}

.clear {
    clear:both;
    display:block;
    height: 0px;
    font-size: 0px;
    line-height: 0px;
}

/*************************Estilos de la barra superior******************************************************/
#barra-titulo-qs {
    background: none repeat scroll 0 0 #1e202f;
    display: block;
    padding: 0;
    width: 100%;
}

#barra-titulo-qs-interna, #barra-titulo-qs-home {
    background: none repeat scroll 0 0 #1e202f;
    display: block;
    height: 50px;
    line-height: 30px;
    margin: 0 auto;
    width: 100%;
}

@media (max-height: 600px){
    #barra-titulo-qs-interna, #barra-titulo-qs-home {
        height: 50px;
    }
    #barra-titulo-qs-interna-logo{
        margin-top: 10px;
    }
}

#barra-titulo-qs-interna-logo, #barra-titulo-qs-home-logo {
    float: left;
    padding-bottom: 5px;
    padding-top: 12px;
    padding-left: 10px;
    text-transform: uppercase;
    color: #FFFFFF;
    font-weight: bold;
    font-size: 20px;
}

#barra-titulo-qs-interna-logo{
    margin-left: 48px;
}

@media (max-height: 600px){
    #barra-titulo-qs-interna-logo, #barra-titulo-qs-home-logo {
        padding-bottom: 2px;
        padding-top: 3px;
    }

    #barra-titulo-qs-interna-logo{
        margin-left: 40px;
    }
}

.LNP2013_share {
    background: none repeat scroll 0 0 #0f1221;
    float: right;
    height: 50px;
}

.LNP2013_share li {
    border-right: 1px solid #1d202f;
    float: left;
    padding: 15px 6px 15px 7px;
}

.LNP2013_share li a {
    display: block;
    height: 20px;
    opacity: 0.6;
    transition: opacity 1s ease 0s;
    width: 20px;
}

.LNP2013_share li a.home {
    background: url("../images/home.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    width: 18px;
    height: 16px;
}

.LNP2013_share li a.facebook {
    background: url("../images/facebook.png") no-repeat scroll center center rgba(0, 0, 0, 0);
    width: 9px;
    height: 18px;
    padding: 0 4px;
}

.LNP2013_share li a.twitter {
    background: url("../images/twitter.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    width: 18px;
    height: 15px;
}

/*************************Estilos del contenedor donde se coloca la cédula para la consulta**********************************************/
#container_especial {
    height: 100%;
}

#container_especial #consulta{
    width: 250px;
    margin: auto;
    z-index: 1000;
    text-align: center;
}

@media (max-height: 600px){
    #container_especial #consulta{
        position: relative;
    }
}


#container_especial #consulta p{
    font-size: 10px;
    color: #ffffff;
    text-align: center;
    padding: 0px;
}

#container_especial #consulta input{
    height: 40px;
    border: 1px solid #DCDCDC;
    /* Safari 3-4, iOS 1-3.2, Android 1.6- */
    -webkit-border-radius: 4px;
    /* Firefox 1-3.6 */
    -moz-border-radius: 4px;
    /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
    border-radius: 4px;
    text-align: center;
}

#container_especial #consulta input#identificacion{
    width: 240px;
    margin-top: 30px;
margin-bottom: 10px;
}

#container_especial #consulta #m_submit{
    color: #464646;
    cursor: pointer;
    font-size: 13px;
    font-weight: bold;
    margin: auto;
    padding: 10px 0;
    width: 85px;
    background-color: #f2f2f2;
}

#container_especial #barra_inferior{
    background-color: #dee6ec;
    bottom: 0;
    height: 250px;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 1;

}

@media (max-height: 600px){
    #container_especial #barra_inferior{
        height: 240px;
    }

    }
}


#container_especial #barra_inferior #content{
    width: 100%;
    margin: auto;
    background-color: #f2f2f2;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

#container_especial #presentacion{
    background-color: red;
}

#barra_inferior_lugarvotacion{
    bottom: 0;
    height: 190px;
    left: 0;
    padding: 10px 0;
    position: absolute;
    width: 100%;
    background-color: #FFFFFF;
}

@media (max-height: 600px){
    #barra_inferior_lugarvotacion{
        padding: 5px 0;
        height: 155px;
    } 
}

.text{
    color: #a7a7a7;
}

.text_click{
    color: #000000;
}

/*************************Estilos del contenedor donde se muestra donde se debe de votar**********************************************/
#dv_map{
    width: 100%;
    height: 340px;
    margin: auto;
   
}

/*************************Estilos del contenedor que muestra datos del usuario**********************************************/
#datos{
    height: 35px;
    margin: auto;
    padding: 12px 0;
    width: 100%;
    background-color: #052C4D;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

@media (max-height: 600px){
    #datos{
        padding: 5px 0;    
    } 
}

#datos div{
    text-align: center;
    color: #FFFFFF;
    font-weight: bold;
    font-size: 14px;
    line-height: 18px;
    text-transform: uppercase;
}

@media (max-height: 600px){
    #datos div{
        font-size: 13px;
        line-height: 16px;
    } 
}

#datos div#ced{
    font-weight: normal;
}

/*************************Estilos del contenedor que indica dirección exacta de votación**********************************************/
#location {
    width: 100%;
    background-color:#EEEEEE;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

#location p{
    font-size: 13px;
    text-align: left;
    padding: 10px 5px 20px 5px;
}

@media (max-height: 600px){
    #location p{
        font-size: 12px;
        padding: 10px 5px;
    } 
}


#datos_electorales {
    width: 305px;
    margin: 10px auto;
    background-image: url("../images/arrow_right.jpg");
    background-repeat: no-repeat;
    background-position: 99% center;
    background-color: #f2f2f2;
    border: 1px solid #dcdcdc;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

#datos_electorales div{
    padding: 15px 10px 15px 0;
    text-align: center;
    height: 17px;
    font-size: 13px;
    font-weight: bold;
    cursor: pointer;
    color: #363636;
    width: 295px;
}

@media (max-height: 600px){
    #datos_electorales div{
        padding: 10px 10px 10px 0;
    } 
}

/*#regresar_home {
    width: 170px;
    margin: auto;
    background-image: url("../images/arrow_left.jpg");
    background-repeat: no-repeat;
    background-position: 10% center;
    background-color: #f2f2f2;
    border: 1px solid #dcdcdc;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

#regresar_home div{
    width: 150px;
    margin: auto;
    height: 17px;
    padding: 15px 10px;
    text-align: center;
    font-size: 13px;
    font-weight: bold;
    cursor: pointer;
    color: #363636;
}

@media (max-height: 600px){
    #regresar_home div{
        padding: 10px;
    } 
}

#regresar_home_preg {
    width: 140px;
    margin: auto;
    background-image: url("../images/arrow_left.jpg");
    background-repeat: no-repeat;
    background-position: 10% center;
    background-color: #f2f2f2;
    border: 1px solid #dcdcdc;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

#regresar_home_preg div{
    width: 120px;
    margin: auto;
    height: 20px;
    padding: 10px;
    text-align: center;
    font-size: 13px;
    font-weight: bold;
    cursor: pointer;
    color: #363636;
}*/

/************************Top container de página de candidato que piensa como yo**************************************************/
#top_container{
    width: 100%;
    height: 100px;
    margin: auto;
    background-color: #052c4c;
}

@media (max-width: 560px){
    #top_container{
        height: 80px;
    }
}

@media  (min-width : 561px) and (max-width: 720px){
    #top_container{
        height: 90px;
    }
}

#top_container h1{
    color: #FFFFFF;
    font-weight: bold;
    line-height: 30px;
    font-size: 24px;
}

@media (max-width: 560px){
    #top_container h1{
        line-height: 26px;
        font-size: 20px;
    }
}

@media  (min-width : 561px) and (max-width: 720px){
    #top_container h1{
        line-height: 28px;
        font-size: 22px;
    }

}
#container_especial #barra_inferior #content{
margin-right: 30px;
margin-left: 30px;
background-color: white;
min-height: 200px;
}
#container_especial #barra_inferior #content #candidato_votar{
margin: auto;
padding-top: 20px;
position: relative;
width: 175px;
color: #656a6e;
font-size: 21px;
text-align: center;
background-color: white;
}
#container_especial #presentacion{
height: 222px;
background-color: #dee6ec;
position: absolute;
width: 100%;
height: 60%;
}
#container_especial #presentacion #content {
margin-right: 30px;
margin-left: 30px;
margin-top: 5px;
background-color: white;
min-height: 180px;
}
#container_especial #presentacion #donde_votar{
    margin: auto;
padding-top: 20px;
position: relative;
width: 260px;
color: #656a6e;
font-size: 20px;
text-align: center;
cursor: pointer;
}
#container_especial #ingreso_informacion{
height: 222px;
position: absolute;
width: 100%;
margin-right: 30px;
}
#container_especial #ingreso_informacion #datos_votar{
opacity: 0.9;
background-color: black;
margin-right: 30px;
margin-left: 30px;
margin-top: 5px;
min-height: 180px;
}
#container_especial .img_portada{

    margin-bottom: 12px;
}
#top_container .titulo_celeste{
    color: #3b87ba;
    font-weight: bold;
    font-size: 28px;
}

#set_preguntas {
    background-image: url("../images/cargando.gif");
    background-repeat: no-repeat;
    background-position: center center;
}

#set_preguntas .pregunta{
    background-color: #eeeeee;
    padding: 5px 0;
}

@media (max-width: 560px){
    #set_preguntas .pregunta{
        padding: 1px 0;
    }
}

@media  (min-width : 561px) and (max-width: 720px){
    #set_preguntas .pregunta{
        padding: 3px 0;
    }
}

#set_preguntas table{
    height: 15px;
    margin: 10px 15px;
    width: auto;
}

@media (max-width: 560px){
    #set_preguntas table{
        margin: 5px 5px;
    }
}

@media  (min-width : 561px) and (max-width: 720px){
    #set_preguntas table{
        margin: 8px 10px;
    }
}

#set_preguntas table div{
    float: left;
}

#set_preguntas table .opciones{
    text-align: left;
    padding-left: 5px;
    padding-right: 10px;
}

@media (max-width: 560px) {
    #set_preguntas table .opciones{
        padding-left: 1px;
        padding-right: 5px;
    }
}

@media  (min-width : 561px) and (max-width: 720px){
    #set_preguntas table .opciones{
        padding-left: 3px;
        padding-right: 8px;
    }
}


#set_preguntas table .checkbox{
    width: 18px;
    height: 18px;
    border: 1px solid #dcdcdc;
    background-color: #f3f3f3;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    cursor: pointer;
    float: right;
}

@media (max-width: 560px){
    #set_preguntas table .checkbox{
        width: 10px;
        height: 10px;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
    }
}

@media  (min-width : 561px) and (max-width: 720px){
    #set_preguntas table .checkbox{
        width: 16px;
        height: 16px;
    }
}
@media  (min-height:  291px) {
    #container_especial #barra_inferior {
        display: block;
    }
}
#set_preguntas table .checked{
    background-color: #3b87ba;
}


#set_preguntas form{
    height: 224px;
    text-align: center;
    visibility: hidden;
}

#set_preguntas form input {
    border: 1px solid #DCDCDC;
    border-radius: 4px;
    text-align: center;
}

#set_preguntas form input#submit{
    background-color: #F2F2F2;
    color: #464646;
    cursor: pointer;
    font-size: 13px;
    font-weight: bold;
    margin: auto;
    padding: 10px 20px 10px 0;
    width: 140px;
    height: 40px;
    background-image: url("../images/arrow_right.jpg");
    background-repeat: no-repeat;
    background-position: 96% center;
}

/************************Estilos de página de resultados de candidato que piensa como yo**************************************************/
#titulo_resultados{
    position: relative;
}

#titulo_resultados h1{
    color:#353535;
    padding: 0px;
    font-size: 24px;
    font-weight: 300;
}

#titulo_resultados h2{
    color:#353535;
    font-weight: bold;
    padding: 0px 5px;
    font-size: 14px;
}

#abstencionismo{
    margin: 0px 20px;
}

@media (max-width: 560px){
    #abstencionismo{
        margin: 0px 10px;
    }
}

@media  (min-width : 561px) and (max-width: 720px){
    #abstencionismo{
        margin: 0px 15px;
    }
}

#partidoPolitico{
    margin: 0px 20px;
}

@media (max-width: 560px){
    #partidoPolitico{
        margin: 0px 10px;
    }
}

@media  (min-width : 561px) and (max-width: 720px){
    #partidoPolitico{
        margin: 0px 15px;
    }
}

#ficha{
    margin: 20px 20px 0px 20px;
    background-color: #eeeeee;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

@media (max-width: 560px){
    #ficha{
        margin: 20px 10px 0px 10px;
    }
}

@media  (min-width : 561px) and (max-width: 720px){
    #ficha{
        margin: 20px 15px 0px 15px;
    }
}

#ficha #separador{
   color: #d1d1d1;
   margin: 0px 20px;
}

@media (max-width: 560px){
    #ficha #separador{
        margin: 0px 10px;
    }
}

@media  (min-width : 561px) and (max-width: 720px){
    #ficha #separador{
        margin: 0px 15px;
    }
}

#titulo_resultados #regresar_preguntas, #barra-titulo-qs #regresar_preguntas{
    width: 35px;
    height: 32px;
    position: absolute;
    background-image: url("../images/back.png");
    background-repeat: no-repeat;
    background-color: #FFFFFF;
    background-position: center;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #cdcdcd;
    left: 5px;
    top: 7px;
}

@media (max-height: 600px){
    #titulo_resultados #regresar_preguntas, #barra-titulo-qs #regresar_preguntas{
        width: 28px;
        height: 25px;
        top: 5px;
    }
}

#resultados{
   background-image: url("../images/cargando.gif");
    background-repeat: no-repeat;
    background-position: center center;
    height: 224px;
}

.candidatos{
    display: none;
    height: 0;
    background-color: #eeeeee;
    margin: 0px;
    padding: 0px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.enunciados{
    display: none;
    height: 0;
    margin: 0px;
    padding: 0px;   
}

.candidatos #header{
    border-bottom: 1px solid #d1d1d1;
    height: 85px;
}

.candidatos #header #foto{
    float: left;
    width: 75px;
}

.candidatos #header #foto img{
    border: 2px solid #cbcbcb;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.candidatos #header #datos_candidato{
    float: left;
    padding: 0px 10px;
}

.candidatos #header #datos_candidato h1{
    font-size: 14px;
    text-align: left;
    padding: 10px 0 0;
    font-weight: bold;
    line-height: 15px;
}

.candidatos #header #datos_candidato h2{
    font-size: 12px;
    text-align: left;
    padding: 0px;
    font-weight: normal;
}


.candidatos #header #datos_candidato .barra{
    width: 0px;
    background-color: #1e202f;
    height: 15px;
    float: left;
    margin-top: 5px;
}

.candidatos #header #datos_candidato .porcentajes{
    float: left;
    font-weight: bold;
    margin-top: 4px;
}

.candidatos #content{
    border-bottom: 1px solid #d1d1d1;
}

.candidatos #content p{
    padding: 10px 0px;
}

.candidatos #bottom td{
    padding: 20px 0 10px;
    text-align: center;
}

.candidatos #bottom span{
    margin: auto;
    height: 20px;
    padding: 10px;
    text-align: center;
    font-size: 13px;
    font-weight: bold;
    cursor: pointer;
    color: #363636;
    background-color: #F2F2F2;
    border: 1px solid #DCDCDC;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin: auto;
    width: 260px;
}

/*DATOS ELECTORALES*/
/*datos electorales*/
.absDiv {
    padding-bottom: 2px;
    height: 27px;
    margin-left: 1px;
}
.barra{
   height: 25px;
   float: left;  
   margin-right: 5px;
}

#datos_electorales h3{
    display: block;
    font-size: 13px;
    color: #464646;
    width: 110px;
    float: left;
}
#graficosAbs{
    display: inline-block;
    width: 614px;
    border-left: solid 1px #d1d1d1;
}

#abs2006 .barra {   
    background-color:#84d915;
}
#abs2010 .barra {
    background-color:#3f9f10;
}

.barraPAC{
    background-color: #ffc000;
}
.barraPLN{
    background-color: #00a651;
}
.barraML{
    background-color: #c02e32;
}

#graficosPartido{
    display: inline-block;
    width: 614px;
    border-left: solid 1px #d1d1d1;
}

#graficosPartido2010{
    margin-top: 10px;
}

#partidoPolitico{
    margin-top: 10px;
}
.candidato{
    float: left;
    width: 80px;
    margin-right: 10px;
    margin-bottom: 10px;
}
.diputadoD{
    float: left;
    padding-top: 23px;
}
#LNA_elecciones2014_derechos{
    background-color: white;
bottom: 0;
height: 15px;
left: 0;
padding: 10px 0;
position: absolute;
width: 100%;
z-index: 1;
text-align: center;
}

#fotos{
    margin-top: 10px;
}
#titulo{
    text-align: left;
    font-size: 15px;
}

.ui-select {
    margin: 0.5em auto;
    width: 75%;  
}

.ui-page-theme-a .ui-btn, html .ui-bar-a .ui-btn, html .ui-body-a .ui-btn, html body .ui-group-theme-a .ui-btn, html head + body .ui-btn.ui-btn-a, .ui-page-theme-a .ui-btn:visited, 
html .ui-bar-a .ui-btn:visited, html .ui-body-a .ui-btn:visited, html body .ui-group-theme-a .ui-btn:visited, html head + body .ui-btn.ui-btn-a:visited{
    color: #464646 !important;
}

@media (min-height: 601px){
    #container_especial #barra_inferior{
        height: 50%;
    }
    #container_especial #presentacion{
        height: 50%;
    }
    #container_especial #presentacion #content{
        height: 80%;
    }
    #container_especial #ingreso_informacion {
        height: 80%;
    }
    #container_especial #ingreso_informacion{
         height: 80%;
    }
    #container_especial #consulta{
        padding-top: 1%;
    }
    #container_especial #ingreso_informacion #datos_votar{
        height: 80%;
    }
    #container_especial #barra_inferior #content{
        height: 80%;
    }
    #container_especial #presentacion #donde_votar{
        padding-top: 4%;
    }
    #container_especial #barra_inferior #content #candidato_votar{
        padding-top: 4%;
    }

}

@media (max-height: 430px){
    #container_especial .img_portada{
        height: 55px;
    }
    #container_especial #barra_inferior #content #candidato_votar{
        font-size: 14px;
    }
    #container_especial #presentacion #donde_votar{
        font-size: 14px;
    }
    #container_especial #barra_inferior {
        height:200px;

    }


}
@media (max-height: 380px){
   #container_especial #consulta input#identificacion {
    margin-top: 3px;
    margin-bottom: 0px;
   }
      #espacio{
    display: none;
   }




}
@media (max-height: 182px){
   #container_especial #consulta input#identificacion {
    margin-top: 3px;
    margin-bottom: 0px;
   }
   #espacio{
    display: none;
   }


}
@media (max-height: 340px){
    #container_especial #barra_inferior{
        display: none;
    }
}


.menuInferior{
    display: block;
background-color: #F2F2F2;
color: #464646;
cursor: pointer;
font-size: 13px;
font-weight: bold;
margin: auto;
padding: 10px 10px 10px 10px;
width: 87px;
height: 20px;
border: 1px solid #DCDCDC;
border-radius: 4px;
text-align: center;
margin-right: 5px;
float: left;
}
#divInferior{
    margin: auto;
width: 260px;
}