body{
    color: #666666;
    font-family: "Helvetica Neue","Helvetica","Arial",sans-serif;
    margin:0;
    font-size:16px !important;
    color: #666666;
}

#contenedor_aplicacion{
    position: relative;
/*    height:30em;
    width:670px;*/
}

#main{
/*    height:700px;
    width:670px; */
    width:100%;
    position: absolute;
    margin-top:20px;
}

#overlay{
    height:100%;
    width:100%;
    position: absolute;
    left: 50%; 
    margin-left: -335px;
    display:none;
    background-image:url('../images/step1.png');
    background-repeat:no-repeat;
    z-index:105;
    margin-top: 20px;
}

#ok{
    background-image:url('../images/ok.png');
    background-repeat:no-repeat;
    left:580px;
    top:380px;
    position:relative;
    width:82px;
    height:83px;
}

#ok:hover{
    background-image:url('../images/okpress.png');
}

#contenedor_datos{
    position: relative;
    /*height:300px; 
    width:750px;*/
}

#morelia{
    float:left;
    /*height:502px;*/
    width:100%;
}

#mapa{
    float:left;
    height:600px;
    width:100%;
}

#buscar{
    float:left;
    width:380px;
    margin-right:2px;
    font-size:14px;
    display:block;
    height:34px;
}

.notfound {
    border: 2px solid rgba(255, 0, 0, 0.4);
}

.form-group{
    margin-bottom: 5px !important;
}

.error{
    color:red;
}

#formulario-body{
    height:360px;
    overflow-y: auto;
    overflow-x: hidden;
}

#formulario-body label{
    margin-bottom: 0px !important;
    font-size: 12px;
}

#asunto{
    margin-bottom: 4px;
    height: 34px;
    max-width: 560px;
    min-width: 560px;
    min-height: 34px;
}

#referencia{
    margin-bottom: 4px;
    height: 34px;
    max-width: 560px;
    min-width: 560px;
    min-height: 34px;
}

#s2id_IdColonia{
    height:34px;
    font-size: 12px;
}

#s2id_IdColonia a{
    height:34px !important;
}

#s2id_IdColonia a span{
    margin-top:3px !important;
}

#s2id_IdCalle{
    height:34px;
    font-size: 12px;
}

#s2id_IdCalle a{
    height:34px !important;
}

#s2id_IdCalle a span{
    margin-top:3px !important;
}

#s2id_IdCalle1{
    height:34px;
    font-size: 12px;
}

#s2id_IdCalle1 a{
    height:34px !important;
}

#s2id_IdCalle1 a span{
    margin-top:3px !important;
}

#s2id_IdCalle2{
    height:34px;
    font-size: 12px;
}

#s2id_IdCalle2 a{
    height:34px !important;
}

#s2id_IdCalle2 a span{
    margin-top:3px !important;
}

#top{
    float:left;
    height:102px;
    width:100%;
    overflow-y:hidden;
    overflow-x:scroll;
}

#servicios{
    position:relative;
    height:100%;
    width:748px;
}

.herramientas { 
    list-style-type: none; 
    margin: 0; 
    padding: 0; 
    float:left;
    height:74px;
}

.herramientas li { 
    margin: 2px; 
    padding: 2px; 
    font-size: 1em; 
    height: 75px; 
    width:92px; 
    float:left;
    color:#444;
    background:#f8f8f8;
    opacity:0.8;
    border-color:black !important;
    border-radius: 8px 8px 8px 8px;
}

.herramientas li:hover{ 
    background:#111 !important;
    color:white!important;
    opacity:0.9!important;
    border-color:white !important;
    box-shadow: 15px 15px 10px #444!important;
}

.herramientas img:hover{ 
    cursor: pointer;
}

.titulo{
    float:left;
    height:27px;
    width:88px;
    margin-left:3px;
    text-align: center;
    font-size: 0.62em;
    overflow-y:hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none; 
}

.tipo{
    float:left;
    height:30px;
    width:88px;
    margin-left:3px;
    margin-top:3px;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
}

.icono{
    float:left;
    height:50px;
    width:88px;
    margin-left:3px;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
}

.tipos{
    float:left;
    width:155px;
    margin:0;
    font-size:1.2em;
    -webkit-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
}

.ui-autocomplete {
    max-height: 200px;
    overflow-y: auto;
    overflow-x: hidden;
    max-width: 370px;
    font-size: 0.8em !important;
    z-index:101;
}

.ui-datepicker{
    font-size: 0.8em;
}

.ui-slider .ui-slider-handle{
    height: 1em !important;
}

#radio {
    position: relative;
    width: 34px;
    height: 34px;
    background: url(images/select.png);
    float:left;
}
#radio div {
    position: absolute;
    top: 5px;
    left: 5px;
    width: 24px;
    height: 24px;
    background: url(images/select.png) center;
}

#margen {
    position: relative;
    width:34px;
    height: 34px;
    background: url(images/select2.png);
    float:left;
}
#margen div {
    position: absolute;
    top: 5px;
    left: 5px;
    width: 24px;
    height: 24px;
    background: url(images/select2.png) center;
}

#radiosize{
    float: left;
    width: 100px;
    margin-left: 10px;
    margin-top: 5px;
    height:10px;
}

#radiosize .ui-slider-range { 
    background: #ef2929; 
}

#radiosize .ui-slider-handle { 
    border-color: #ef2929; 
}

#radiosize a{
    text-decoration: none;
}

#radiosize a span{
    font-size: 0.6em;
    margin-left: 2px;
    position: relative;
    top: -5px;
}

#comboTipoServicio {
    display: none;
}

#descripcionServicio {
    display: none;
}