body, html{
    margin:0px; 
    /*font-family: Verdana, Geneva, sans-serif;*/
    font-family: 'antonioregular', Arial, sans-serif;
    /*background-color: #E7E8E9;*/
}

input, select {
    margin: 10px;
}
.seccion_index_geo {
    background:url("/ideam-snif-web/javax.faces.resource/images/imagen_bosque.png.xhtml");
    background-repeat: repeat;
    width:100%; /*width of your image*/
    height:180px;
    
}

select {
    -webkit-appearance: button;
    -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
    -webkit-padding-end: 20px;
    -webkit-padding-start: 2px;
    -webkit-user-select: none;
    background-position: 97% center;
    background-repeat: no-repeat;
    border: 1px solid #AAA;
    font-size: 0.7em;
    overflow: hidden;
    padding: 5px 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 200px;
    color: #000;
    background-image: url(http://i62.tinypic.com/15xvbd5.png), -webkit-linear-gradient(#ffffff, #f1f1f1 40%, #e8e8e8);
    background-color: #ebebeb;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    padding-left: 15px;
    float: left;
}

input {
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 3px;
    padding-bottom: 3px;
    /* text-shadow: 1px 1px 1px #aaa; */
    border-radius: 2px;
    border: 1px solid #aaa;
    font-size: 0.8em;
    background: white;
    -o-box-shadow: 0 2px 8px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255, 255, 255, 0.33), inset 0 10px 20px rgba(202, 202, 202, 0.4), inset 0 -15px 30px rgba(255, 255, 255, 0);
    /* -webkit-box-shadow: 0 3px 2px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255, 255, 255, 0.33), inset 0 10px 20px rgba(202, 202, 202, 0.4), inset 0 -10px 30px rgba(255, 255, 255, 0); */
    -moz-box-shadow: 0 2px 8px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255, 255, 255, 0.33), inset 0 10px 20px rgba(202, 202, 202, 0.4), inset 0 -15px 30px rgba(255, 255, 255, 0);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255, 255, 255, 0.33), inset 0 10px 20px rgba(202, 202, 202, 0.4), inset 0 -10px 30px rgba(255, 255, 255, 0);
    margin-bottom: 10px;
    float: left;
}

input[type="text"] {
    width: 357px;
}

input[type="button"] {
    color: #000000;
    text-align: center;
    font-size: 0.8em;
    font-weight: bold;
    padding: 5px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -o-box-shadow: 0 2px 8px rgba(0,0,0,0.1), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.6), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);
    -webkit-box-shadow: 0 3px 2px rgba(0,0,0,0.1), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.6), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -10px 30px rgba(0,0,0,0.3);
    -moz-box-shadow: 0 2px 8px rgba(0,0,0,0.1), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.6), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);
    box-shadow: 0 1px 1px rgba(0,0,0,0.1), /* Exterior Shadow */ inset 0 1px rgba(255,255,255,0.3), /* Top light Line */ inset 0 10px rgba(255,255,255,0.6), /* Top Light Shadow */ inset 0 10px 20px rgba(255,255,255,0.25), /* Sides Light Shadow */ inset 0 -10px 30px rgba(0,0,0,0.3);
    display: inline-block;
    width: 10px;
    width: 18px;
    margin-left: 0px;
}

.boton {
    width: 90px !important;
    margin-left: 10px !important;
}

.input_fecha {
    width: 75px !important;
}

.div_mensaje_campo {
    display: inline-block;
    font-size: 0.7em;
    margin-left: 10px;
}

.div_fecha {
    width: 190px;
    display: table-caption;
    float: left;
}

.div_boton {
    width: 125px;
    float: left;
}

.div_select {
    float: left;
}

.div_combo_select {
    display: table-caption;
}