@charset "UTF-8";
/* CSS Document */

/*Estilos Pagina principal, form de carga de información*/

*{
    margin:0px;
    padding:0px;
    font-fmily:helvetica Neue;
    font-weight:lighter;
}


form{
background:#f7f7f7;
background:-moz-linear-gradient(90deg, #ccc, #fff); /*
Firefox */
background:-webkit-gradient(linear, left top, left bottom,
from(#fff), to(#ccc)); /* Webkit */
border:1px solid #aaa;
-moz-border-radius:10px;
-webkit-border-radius:10px;
-moz-box-shadow:0 0 15px #aaa;
-webkit-box-shadow:0 0 15px #aaa;
margin:60px auto 0;
padding:40px;
width:700px;
}


h1{
border-bottom:1px solid #ccc;
font-size:15px;
font-weight:bold;
letter-spacing:2px;
margin-bottom:20px;
text-transform:uppercase;
}

h1.titulo{
    color: crimson;
    font-size: 25px;
    
}

h2{
border-bottom:1px solid #ccc;
font-size:10px;
font-weight:bold;
letter-spacing:2px;
margin-bottom:10px;
text-transform:uppercase;
}

label{
cursor:pointer;
display:block;
float:left;
font-size:13px;
font-weight:bold;
line-height:28px;
margin-bottom:5px;
width:200px;
}

form p:hover label{
color:#0459b7;
}

form p:hover label:after{
content:"»";
}

input
{
background: rgba(255, 255, 255, 0.9);
background:-moz-linear-gradient(90deg, #fff, #eee); /*
Firefox */
background:-webkit-gradient(linear, left top, left bottom,
from(#eee), to(#fff), color-stop(0.2, #fff)); /* Webkit */
border:1px solid #aaa;
-moz-border-radius:3px;
-webkit-border-radius:3px;
-moz-box-shadow:0 0 3px #aaa;
-webkit-box-shadow:0 0 3px #aaa;
padding:5px;
}


select{
cursor:pointer;
padding:3px;
-moz-box-shadow:0 0 3px #aaa;
-webkit-box-shadow:0 0 3px #aaa;
}

select:active,
select:focus{
border:1px solid #093c75;
-moz-box-shadow:0 0 3px #0459b7;
-webkit-box-shadow:0 0 3px #0459b7;
outline:none;
}

input[type=submit],
a.boton_resultado{
background:#ddd;
background:-moz-linear-gradient(90deg, #0459b7, #08adff);
/* Firefox */
background:-webkit-gradient(linear, left top, left bottom,
from(#08adff), to(#0459b7)); /* Webkit */
border:1px solid #093c75;
-moz-border-radius:3px;
-webkit-border-radius:3px;
-moz-box-shadow:0 1px 0 #fff;
-webkit-box-shadow:0 1px 0 #fff;
color:#fff;
cursor:pointer;
font-family:Arial,sans-serif;
font-size:12px;
font-weight:bold;
margin-left:10px;
margin-top: 70px;
padding:5px 10px;
text-decoration:none;
text-shadow:0 1px 1px #333;
text-transform:uppercase;
}

input[type=submit],
a.boton_resultado{
background:#ddd;
background:-moz-linear-gradient(90deg, #0459b7, #08adff);
/* Firefox */
background:-webkit-gradient(linear, left top, left bottom,
from(#08adff), to(#0459b7)); /* Webkit */
border:1px solid #093c75;
-moz-border-radius:3px;
-webkit-border-radius:3px;
-moz-box-shadow:0 1px 0 #fff;
-webkit-box-shadow:0 1px 0 #fff;
color:#fff;
cursor:pointer;
font-family:Arial,sans-serif;
font-size:12px;
font-weight:bold;
margin-left:40px;
margin-top: 70px;
padding:5px 10px;
text-decoration:none;
text-shadow:0 1px 1px #333;
text-transform:uppercase;
}

a.boton_resultado{
background:#ddd;
background:-moz-linear-gradient(90deg, #0459b7, #08adff);
/* Firefox */
background:-webkit-gradient(linear, left top, left bottom,
from(#08adff), to(#0459b7)); /* Webkit */
border:1px solid #093c75;
-moz-border-radius:3px;
-webkit-border-radius:3px;
-moz-box-shadow:0 1px 0 #fff;
-webkit-box-shadow:0 1px 0 #fff;
color:#fff;
cursor:pointer;
font-family:Arial,sans-serif;
font-size:12px;
font-weight:bold;
margin-left:20px;
margin-top: 70px;
padding:5px 10px;
text-decoration:none;
text-shadow:0 1px 1px #333;
text-transform:uppercase;
}

input[type=submit]:hover,
a.boton_resultado:hover{
background:#eee;
background:-moz-linear-gradient(90deg, #067cd3, #0bcdff);
background:-webkit-gradient(linear, left top, left bottom,
from(#0bcdff), to(#067cd3));
border-color:#093c75;
text-decoration:none;
}

input[type=submit]:active,
input[type=submit]:focus,
a.boton_resultado:active,
a.boton_resultado:focus{
background:#ccc;
background:-moz-linear-gradient(90deg, #0bcdff, #067cd3);
background:-webkit-gradient(linear, left top, left bottom,
from(#067cd3), to(#0bcdff));
border-color:#093c75;
outline:none;
}

.cbp-mc-column {
width: 45%;
padding: 15px 25px;
float: left;
}

.cbp-mc-column1 {
width: 33%;
padding: 10px 20px;
padding-left: 60px;
float: left;
}

/*estilo para columna registro municipio*/
.for-col{
    width: 33%;
    padding: 5px 20px;
    float: left;
    
}

.msg{
    color: red;
    font-family: serif;
    font-size: 10px;
    
}