/* -----------
 *  CONTENIDO SECCION
 * ----------- */

#header-home-seccion {
    height: auto !important;
    background: #eeeeee;
    text-align:center;
}

#header-home-seccion img {
    width: 80%;
    max-width: 750px;
    margin-top:50px;
    margin-bottom:50px;
}

#contenido-pasos {
    height: auto;
    background: #eeeeee;
    width: 100%;
    max-width: 100%;
    text-align:center;
}

#contenido-pasos .contenedor-sitio{

    width: 100%;
    max-width:100%;
    margin-left: auto;
    margin-right: auto;
    padding-bottom:50px;
}

    #contenido-pasos .contenedor-sitio img {
        width: 80%;
        max-width: 680px;
        
    }


#contenido-pasos .contenedor-sitio ul{
    margin:unset;
}

    #contenido-pasos li {
        width: 20%;
        float: left;
        display: block;
        text-align: center;
        background: #a783c4;
    }



#contenido-pasos li span{
    font-size: 18px;
    font-weight:100;
    text-transform: uppercase;
    padding: 24px 0;
    display: block;
    color: white;
}

    #contenido-pasos .activo {
        font-size: 18px;
        font-weight: bold;
        background: #7D5A9A;
        color: white;
    }

#footer-atencioncomunidad {
    width: 100%;
    min-width: 100%;
    text-align: center;
    background-color: #663B8B;
}
#footer-atencioncomunidad img {
    width:100%;
    max-width: 800px;
}


#contenido-seccion{
    width:100%;
    background: white;
    overflow: hidden;
	padding-bottom: 40px;
}

#contenido-seccion main{
    width: 900px;
    float: left;
    margin-right: 40px;
}

#contenido-seccion select{
    width:100%;
    max-width: 500px;
    height:35px; 
    font-size:18px;   
}

#contenido-seccion textarea{
    height:300px; 
    font-size:18px;   
}

#contenido-seccion input{
    height:35px; 
    font-size:18px;   
}

#contenido-seccion input[type=button]{
    height:35px; 
    font-size:18px;   
}

#contenido-seccion aside{
    width: 268px;
    float: left;
    padding-bottom: 60px;
}

#contenido-mapas
{
    background: #e1e1e1; 
    width:100%;
    max-width:100%;
    float:left;
}

#contenido-botones
{
    width:100%;
    max-width:100%;
    text-align:center;
}

#contenido-botones-right
{
    width:50%;
    max-width:100%;
    float:right;
}

#contenido-botones-left
{
    width:50%;
    max-width:100%;
    float:left;
}

@media(max-width:768px){

    #contenido-seccion main{
        width: 100%;
        margin-right: 0;
        float: none;
    }
    #contenido-seccion aside{
        width: 100%;
        float: none;
    }
}

/* -----------
 *  COMPONENTES TEXO
 * ----------- */
.button {
    background-color: #7D5A9A;
    border-color: #7D5A9A;
    color: #FFFFFF;
    margin-top: 40px;
    width: 150px;
    max-width: 90%;
    border-style: solid;
    height: 50px !important;
    font-size: 18px;
    border-radius: 8px;
    cursor: pointer;
    text-align: center;
}

    .button:Hover {
        background-color: rgba(105, 66, 162, 0.80);
        border-color: rgba(105, 66, 162, 0.80);
        cursor: hand;
    }

.titulo {
    margin: 0;
    color: rgba(105, 66, 162, 0.80);
    font-size: 25px;
    font-weight: 400;
    text-transform: uppercase;
    margin-top: 40px;
    line-height: 30px;
}

.error{
  background-color: #f64963;
  color: #ffffff !important;
  font-size:16px;
}

#modalQuestion
{
    height: 520px;
    width: 33%;
    min-width: 320px;
    background-color:  white;
    font-weight:normal;
    text-align: left;
    display:none;
    
}
    #modalQuestion .contenedor-sitio {
        width: 100%;
    }

    #modalQuestion img {
        min-width: 320px;
    }

#map_canvas
{
    height:100%;
    min-height:1024px;
    width:100%;
    background-color: white;
}

.autocomplete-w1 { 
    position:absolute; top:0px; left:0px; margin:6px 0 0 6px;
     /* IE6 fix: */ _background:none;   _margin:1px 0 0 0; 
}

.autocomplete {
    border: 1px solid rgba(105, 66, 162, 0.80);
    color: rgba(105, 66, 162, 0.80);
    background: #FFF;
    cursor: default;
    text-align: left;
    max-height: 350px;
    max-width: 100%;
    overflow: auto;
    margin: -4px 0 6px -6px; /* IE6 specific: */
    _height: 350px;
    _margin: 0;
    _overflow-x: hidden;
} 

.autocomplete .selected { 
    background:#F0F0F0; 
} 

.autocomplete div { 
    
    padding:2px 5px; 
    white-space:nowrap; 
    overflow:hidden; 
    max-width:100%;
} 

.autocomplete strong { 
    color: rgb(29, 34, 4); } 

.gobierno .titulo{color: #bed600;}
.ciudad .titulo{color: #f64963;}
.servicios .titulo{color:#09a8a2}
.noticias .titulo{color: #ffa100;}

.bajada{
    margin: 0;
    color: #363534;
    font-size: 18px;
    font-weight: 400;
    font-family: Source Sans Pro;
    margin-top: 28px;
    line-height: 23px;
}
.subtitulo {
    margin: 0;
    color: rgba(105, 66, 162, 0.80);
    font-size: 18px;
    font-weight: 400;
    margin-top: 40px;
    text-transform:none !important;
}


.texto {
    color: #7D5A9A;
    font-size: 16px;
    font-weight: 300;
    font-family: Source Sans Pro;
    margin: 20px 0 25px;
}
.texto strong{font-weight: 600;}