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

* {
    margin:0;	
    font-family:Arial, Helvetica, sans-serif;
}

html, body{
    height:100%;
}

body {
    margin:0;
    padding:0;
    background:#FFF;	
}

.clear {
    clear:both;	
}

p {
    margin:0;	
}

a {
    color:#39F;
    text-decoration:none;	
}

a:hover {
    color:#333;	
}

#page-wrap{
    width: 960px;
    margin: auto;
    height: auto;
    min-height:100%;
    /*background:#F93;*/ 
}

#page-wrap:after{
    width: 100%;
    height:150px;
    display:block;
    clear:both;
}

/* HEADER */

#header {
    position:relative;
    width:100%;	
    height:auto;
    min-height: 110px;
    /*background:#F5F5F5;*/
}

#logo {
    position:relative;
    padding:10px 10px 10px 0;
    font-size:26px;
    font-weight:bold;
    color:#39F;	

}

#logo_title {
    position:absolute;
    top:74px;
    left:100px;
    font-size:12px;

}

#menu {
    position:absolute;
    top:48px;
    right:0;

}

#menu a {
    padding:8px 15px;
    font-size:16px;
    background:#F5F5F5;
    border-radius:3px;
    font-weight: bold;
}

#btn_menu_crear {
    background: #39F!important;
    color:#FFF;
}

#btn_menu_crear:hover {
    background:#333!important;
}

#crear {
    position:absolute;
    top:20px;
    right:0px;	
}

#crear a {
    padding:10px 20px;
    font-size:20px;
    background:#39F;
    border-radius:3px;
    color:#FFF;
}

#crear a:hover {
    background:#333;
}

#registro_modal {
    display:none;
}

#navigation {
    font-size:11px;
    padding-bottom:5px;
}

#content_header {
    position:relative;
    background: #F5F5F5;
    width:100%;
    padding:5px;
    margin-bottom:5px;
}

#content_header h2 {
    text-indent: 5px;
    font-size:34px;

}
#filtro_div {
    position:absolute;
    top:5px;
    right:5px;   
}

#buscar_prov {
    position:relative;
    top:0px;
    left:1px;
    font-size:10px;
    margin-top:-2px;
}

#buscar_serv {
    position:absolute;
    top:0px;
    left:158px;
    font-size:10px;
    margin-top:-2px;
}

#buscar_text {
    position:absolute;
    top:0px;
    left:335px;
    font-size:10px;
    margin-top:-2px;
}

#filtro_text {
    padding:6px 6px;	
    border:1px solid #DDD;
    padding-right:22px;
}

#filtro_text:focus {
    background:#FAFAFA;	
}

#filtro_prov, #filtro_servicio {
    padding: 5px 4px;
    border:1px solid #DDD;
}

#filtro_buscar {
    /*position:absolute;
    top:0px;
    right:0px;
    width:25px;
    height:25px;

    border:0;
    background:url("../img/buscar.png") 5px 5px no-repeat;*/

    padding: 6px 6px;
    border:0;
    cursor:pointer;
    background:#39F;
    color:#FFF;

}

#filtro_buscar:hover {
    background:#333;

}
#inicio_text {
    padding:10px 0 10px 0;
    font-size:12px;
    text-align:justify;
    margin-bottom: 20px;
}

.inicio_block {
    position:relative;
    display: inline-block;
    width:228px;
    height:200px;
    background: #EEE;
    vertical-align: top;
    -moz-box-shadow: 0 0 4px #AAA;
    -webkit-box-shadow: 0 0 4px #AAA;
    box-shadow: 0 0 4px #AAA;
    margin-left:10px;
}

.inicio_block:first-child {
    margin-left:4px;
}

.inicio_block .block_image {
    padding-top:10px;
    text-align: center;
}

.inicio_block .block_title {
    padding-top:10px;
    text-align: center;
    font-size:18px;
    color: #39F;
}

.inicio_block .block_text {
    padding:10px;
    text-align: center;
    font-size:14px;
    color:#333;
    color:#333;
}

#video {
    position:relative;
    float:left;
    width:680px;
}


#destacados {
    position:relative;
    float:left;
    width:270px;
    margin-left:10px;
}

.destacado {
    position:relative;

}

.destacado img {
    width:121px;
}

.destacado .destacado_info {
    display:inline-block;
    vertical-align: top;
    width:130px;
    font-size:12px;
    padding-top:2px;
    color:#555;
}

#destacados h4, #video h4 {
    position:relative;
    top:-8px;
}

/* Estructura */

#grid {
    position:relative;
    width:100%;
    min-height:500px;

    padding-bottom:100px; /* Footer */
}

#left {
    position:relative;
    float:left;
    width:250px;
    min-height:500px;
    background:#0CC;
}

#right {
    position:relative;
    float:right;
    width:710px;
    min-height:500px;
    background:#F93;
}

#content {
    position:relative;
    width:100%;
    min-height:500px;
    /*background:#F9F9F9;*/
}

.error_msg {
    font-size:12px;
    border:1px dashed #C00;
    padding:5px 10px;
    color:#333;	

}

.info_msg {
    width:100%;
    padding:10px;
    border: 1px dashed #CCC;
    margin-top:10px;
}

/* Clasificacion */

#clasificacion {
    border-spacing:0;
    border-collapse:collapse;
    width:100%;
}

#clasificacion tr th {
    border:1px solid #CCC;
    padding:5px 8px;
    background:#EEE;
}


#clasificacion tr td {
    border:1px solid #CCC;
    padding:5px 8px;
}

/* Listado garajes */

.garaje_list {
    position:relative;
    width:100%;
    height:120px;
    background:#FAFAFA;	
    margin:2px 0;
    padding:5px;
    cursor:pointer;
}

.garaje_list:nth-child(even) {
    background:#F5F5F5;	
}

.garaje_list:hover {
    background:#EEE;	
}

.garaje_list_image {
    float:left;
    width:166px;
    height:120px;
    background:#CCC;
    margin-right:10px;
}

.garaje_list_nombre {
    font-size:18px;

}

.garaje_list_servicio {
    position:absolute;
    top:10px;
    right:10px;	
}

.garaje_list_metros {
    position:absolute;
    bottom:10px;
    right:10px;	
}

.garaje_list_puntos {
    position:absolute;
    top:10px;
    right:300px;	
    font-size:19px;
}

.garaje_list_comentarios {
    position:absolute;
    top:50px;
    right:310px;
    font-size:12px;
}

.garaje_list_tipo {
    position:absolute;
    bottom:10px;
    left:180px;
    font-size:12px;	
}

/* Pagina garaje */

.garaje_image {
    position:relative;
    float:left;
    width:415px;
    height:300px;
    background:#CCC;
    margin-right:10px;
}

.garaje_option {
    display:inline-block;
    padding:2px 5px;
    border:1px solid #CCC;	
    font-size:12px;
    color:#CCC;
}

.garaje_option_on {
    border:1px solid #093;	
    color:#093;
}

#more_fotos {
    display:none;
}

#crear_garaje .required:before {
    content: "*";
}

#crear_garaje .required {
    position:absolute;
    top:2px;
    right:-4px;
    width:16px;
    height:16px;
    /*background: url("../img/required.png");*/
    color: #C03;
    cursor:default;
}

.comentario {
    position:relative;
    width:420px;
    padding:10px 10px;
    background:#EEE;
    border-radius:3px;	
    border-left:3px solid #CCC;
    margin:5px 0;
    font-size:13px;
}

.comentario .usuario {
    font-size:12px;
    font-weight: bold;   
}

.comentario .fecha {
    position:absolute;
    top:5px;
    right:10px;
    font-size:10px;   
}

#detalle_garaje {
    min-height: 130px;
}

#options_garaje {
    position:relative;
    margin-top:10px;
}

#modal_images {
    display:none;
}

#show_images {
    background: url("../img/fotos.png") no-repeat 3px center #F5F5F5;
    bottom:-10px;
    left:170px;
}

.garaje_image a {
    color: #000!important;
}

.show_info {
    position:absolute;

    height:16px;
    width:auto;
    text-indent:18px;
    padding:5px;
    font-size:13px;
    border-radius:3px;
    cursor:pointer;
    margin-right:10px;
}

#show_tlf {
    background: url("../img/tlf.png") no-repeat 3px center #F5F5F5;
    top:0px;
    right:20px;
}

#show_email {
    background: url("../img/email.png") no-repeat 3px center #F5F5F5;
    top:0px;
    right:120px;
}

#btn_share {
     background: url("../img/fb.png") no-repeat 3px center #F5F5F5;
     top:0px;
     right:210px;
}

#btn_share a {
     color:#000;
}

.show_info:hover {
    background-color:#DDD!important;
}



#votar {
    position:absolute;
    top:0px;
    right:450px;
}

/* Crear garaje */

#crear_garaje {
    width:900px;
    margin:0 auto;
    padding-top:10px;
}

#form_left {
    float:left;	
    width:460px;
}

#form_right{
    float:left;	
    width:200px;
}

.campo {
    position:relative;
    width:420px;
    padding:10px 10px;
    background:#EEE;
    border-radius:3px;	
    border-left:3px solid #CCC;
    margin:5px 0;
}

.normal_label {
    float:left;
    font-size:15px;
    width:180px;
}

.label_checkbox{
    font-size:15px;
}

.campo .sub_label {
    font-size:11px;
    color:#666;
}

.campo input, .campo select, .campo textarea  {
    padding:5px 3px;
    width:200px;
    font-size:12px;
}

.input_checkbox {
    width:auto!important;
}

.campo label a {
    color:#39F;
    text-decoration:none;	
}

.campo label a:hover {
    color:#333;	
}

.campo input[type=file] {
    background:#FFF;
    border:1px solid #999;
}

.campo .ui-button {
    width:auto!important;
    background:#FFF;
    color:#999;
}

.campo .ui-button-text {
    font-size:14px;
}

.campo .ui-state-active {
    background:#9CF;
    color:#333;
}

.campo .checkbox_dias .ui-button-text {
    font-size:11px!important;	
}

.campo .checkbox_tlf .ui-button-text {
    font-size:11px!important;	
}

.campo .btn_crear {
    background:#FFF;
    border:1px solid #999;
    font-size:16px;
    cursor:pointer;
    color:#333;
    font-weight:bold;
}
.campo .btn_crear:hover {
    background:#39F;
    color:#FFF;
}

.campo #btn_crear_garaje {
    position:absolute;
    padding:10px;
    top:25px;
    left:100px;
}

.campo .error {
    clear:both;
    color:#C03;	
    font-size:11px;
}

#detalle {
    height:290px;
}

/* Login */

#login {
    position:absolute;
    display:none;
    top:80px;
    right:0px;
    background: #FEFEFE;
    padding:8px;
    border-radius:3px;
    border:1px solid #EEE;
    box-shadow: 1px 3px 3px #AAA;
    z-index:7;
}

.campo_mini {
    width:auto;
    font-size:12px;
    padding:5px;
    margin-right:5px;
}

.campo_mini label {
    display: inline-block;
    width:90px;
}

.campo_mini input {
    width:100px;
    padding:3px 5px;
}

.mini_submit {
    border:0;
    font-size:14px;
    cursor:pointer;
    color:#333;
    font-weight:bold;
    background:#EEE;
    border-radius:3px;	
    border-left:3px solid #CCC;
    padding:4px 5px;
}

.mini_submit:hover, .mini_submit:hover a {
    background: #39F;
    color:#FFF;
}

.logout a {
    display:inline-block;
    padding: 5px;
    width:90px;
}

#login_info {
    position:absolute;
    top:15px;
    right:5px;
    font-size:12px;
    color:#C00;
}

/* Contactar */

#form_contactar .normal_label {
    margin-right:15px;	
}

#form_contactar #btn_contactar {
    position:relative;
    padding:6px;
    top:0px;
    left:100px;
}

/* Footer */

#footer{
    width: 960px;
    height: 100px;
    margin: -100px auto 0;
    background:#EEE;
    font-size:13px;
    color:#333;
    margin-bottom:5px;
    z-index:10!important;
}

.footer_block {
    position:relative;
    display:inline-block;
    width:230px;
    height: 90px;
    padding:0px 0px 0px 80px;
    border-right: 2px dashed #CCC;
    margin-top:5px;
    vertical-align: top;
}

.footer_block.noborder {
    border: 0!important;
}

.footer_block img {
    margin-top:15px;
}

.footer_title {
    font-weight: bold;
    font-size:16px;
}

.footer_block ul {
    padding-top:5px;
    padding-left:20px;
}

#footer a {
    color:#333!important;

}

#footer a:hover {
    color: #39F!important;
}

#footer_derechos {
    font-size:11px;
    text-align: right;
    padding-top:8px;
    padding-bottom:4px;
}

.legal h3 {
    padding: 5px 10px;
}

.legal p {
    padding: 15px 10px;
}