/* CSS Document */
@font-face{
	font-family: Lato;
	src:url(../Lato-Reg.ttf) format('truetype');
}
html{
	width:100%;
	height:100%;
	font-size:18px;
}
h2,h3,h4,h5{ margin:0; padding:0}
body{
	font-family:Lato;
	font-size:13px;
	padding:0;
	margin:0;
	width:100%;
	height:100%;
	background-color:#fff;
	font-size:18px;
	overflow-x:hidden;
}
#contenido_chat{
    max-height: 300px;
    padding-right: 25px;
}
#auto_selecc{
    text-align: center;
}
#auto_selecc div{
    margin-top:25px;
    display: inline-block;
}
table{
    font-family:Lato;
}
#cortina_back{
	background-color:#000;
	z-index:10;
	width:100%;
	height:100%;
	position:fixed;
}
#cortina_cont{
	top:5%;
	left:5%;
	right:5%;
	bottom:5%;
	width:90%;
	height:90%;
	position:fixed;
	background-color:#fff;
	z-index:11;
	overflow-y:scroll;
	border-radius:10px;
}
#cortina_cont h1{
	background-color:#232323;
	color:#fff;
	margin-top:0;
	margin-bottom:0;
	margin-left:10px;
	margin-right:10px;
}
/* ui-icon */

.ui-datepicker .ui-datepicker-header{
	background-color:#016cb4;
}
.ui-datepicker .ui-datepicker-header .ui-icon-circle-triangle-e{
	background-color:#f55907;
	border:1px solid #333;
	border-bottom-right-radius:7px;
	border-top-right-radius:7px;
}
.ui-datepicker .ui-datepicker-header .ui-icon-circle-triangle-w{
	background-color:#f55907;
	border:1px solid #333;
	border-bottom-left-radius:7px;
	border-top-left-radius:7px;
}
.ui-datepicker .ui-datepicker-header .ui-icon:hover{
	cursor:pointer;
}
input[type="button"],input[type="submit"]{
	font-size:18px;
	background-color:#016cb4;
	color:#fff;
	font-family:Lato;
}
input[type="button"]:hover,input[type="submit"]:hover{
	background-color:#f55907;
	cursor:pointer;
}
input[type="text"],input[type="password"], option, select, textarea{
        border: 1.5px solid lightblue;
	padding:2px;
	margin:2px;
}
#form_datos_personales{
	width:100%;
}
#form_datos_personales input[type="text"]{
	width:190px;
}
/*
#form_datos_personales input[type="text"], select, option{
	font-size:18px;
}
*/
label:hover,input[type="radio"]:hover{
            cursor:pointer;
        }
        #form_reserva{
            padding:10px;
            width: 250px;
            font-size: 12px;
            background-color: #fff;
            opacity:0.90;
            z-index: 500;
            /* border:1px solid #F25B0A; */
        }
        #form_reserva div{
            font-family:Lato;
        }
        select:hover{
            cursor:pointer;
        }
        .fecha{
            width:90px;
        }
        
        input[type="text"],input[type="password"], select,input[type="button"],input[type="submit"]{
            font-family: Lato;
            font-size: 12px;
        }
        input[type="button"]:hover,input[type="submit"]:hover{
            cursor: pointer;
        }
select:hover{
	cursor:pointer;
}
#titulo1,#titulo3,.titulo_azul{
	margin-top:20px;
	text-align:left;
	width:100%;
	background-color:#006CB5;
}
#fondo_titulo1,#fondo_titulo3,.fondo_azul{
background-color:#ECECEC;
padding:5px;
border-bottom:2px solid #006CB5;
border-bottom-left-radius:5px;
border-bottom-right-radius:5px;
}

#titulo2,#titulo4,.titulo_naranja{
	margin-top:20px;
	text-align:left;
	width:100%;
	background-color:#F75804;
}
#fondo_titulo2,#fondo_titulo4{
background-color:#ECECEC;
padding:5px;
border-bottom:2px solid #F75804;
border-bottom-left-radius:5px;
border-bottom-right-radius:5px;
}
#fondo_titulo1,#fondo_titulo12{
margin-bottom:50px;
}
#fondo{
width:100%;
}
#inferior{
	border-top:2px solid #000;
position:fixed;
width:100%;
height:50px;
bottom:0;
left:0;
right:0;
background-color:#02252A;
color:#fff;
}
#inferior a{
color:#fff;
}
#inferior a:hover{
color:orange;
}
.titulo{
	color:#fff;
	font-size:24px;
}
#cabecera tr td{
	text-align:center;
}
#superior{
	
	height:157px;
	background-position:bottom right;
	background-repeat:no-repeat;
	background-image:url(../img/cabecera2.jpg);
	background-color:#013565;
	box-sizing:content-box;
	box-shadow: 3px 3px 3px #000;
}
#cabecera a:hover,#cabecera .selec{
	color:orange;
	
}
#superior a{
	color:#fff;
	text-decoration:none;
}
#contenedor{
 width:100%;
 z-index:1;
}
.cont{
	float:left;
	width:80%;
	margin-left:10%;
	margin-right:10%;
}

#botonera{
	height:20px;
	background-color:#F25B0A;
	padding-top:15px;
	padding-bottom:15px;
	border-top:1px solid #fff;
	box-sizing:content-box;
	
	z-index:2;
}
#botonera span{
	font-size:15px;
	color:#fff;
	border:1px solid #fff;
	padding-top:4px;
	padding-bottom:2px;
	padding-left:7px;
	padding-right:7px;
	margin-left:10px;
	margin-right:10px;
	font-weight:bold;
}
#botonera span:hover,#botonera .activo{
	color:#F25B0A;
	border:1px solid #fff;
	cursor:pointer;
	background-color:#FFF;
	font-weight:bold;
}
#sub_botonera{
	height:28px;
	background:#fff;
	padding-top:15px;
	padding-bottom:15px;
	box-sizing:content-box;
	
	z-index:2;
	text-align:center;
}
#separador{
	height:15px;
}
#botonera a{

	background-color:#fff;
	padding:4px;
	margin-left:7px;
	margin-right:7px;
	border:1px solid #333;
	box-shadow:2px 2px 2px #000;
	font-size:19px;
	border-radius:5px;
	opacity:0.90;
	font-weight:700;
}
#sub_botonera a{
	background:linear-gradient(#fff 0px,#E6E4E4 50%, #fff 100%);
	padding:4px;
	margin-left:7px;
	margin-right:7px;
	box-shadow:2px 2px 2px #333;
	font-size:19px;
	opacity:0.90;
	font-weight:700;
	border-radius:10px;
	color:#2F0101;
	
}
#sub_botonera a.activo{
	cursor:pointer;
	opacity:1;
	background:linear-gradient(#F9FB7B 0px,#FDFCBF 50%, #F9FB7B 100%);
	box-shadow:3px 3px 7px darkorange;
	color:#000;
}
#botonera a.activo{
	cursor:pointer;
	opacity:1;
	background-color:#EF9815;
	box-shadow:2px 2px 5px darkorange;
}
#sub_botonera a:hover{
	cursor:pointer;
	opacity:1;
	background-color:#0781DF;
	box-shadow:5px 5px 5px #000;
}
#botonera a:hover{
	cursor:pointer;
	opacity:1;
		background-color:#FFD428;
	box-shadow:5px 5px 5px #000;
}
#sub_botonera a:active{
	background-color:#77C2FB;
}
#botonera a:active{
	background-color:#C43C06;
}
#sucursales img{
	width:20%;
	height:20%;

}
.pagina{

	background-color:#fff;
	min-height:50%;
	padding-left:50px;
	padding-right:50px;
	padding-bottom:25px;
	font-size:19px;
	text-align:center;
	box-sizing:border-box;
}
.explicacion{
	padding-top:7px;
	color:blue;
	font-style:italic;
	font-size:110%;
	font-weight:700;
}
a{
	text-decoration:none;
}
a:hover{
	color:orange;
}
.boton{
	color:blue;
}
.boton:hover{
	cursor:pointer;
	opacity:0.75;
	color:#f55907;
	}
#superior table tr td{
	color:#fff;
	font-size:19px;

	z-index:2;
}
.tab span{
    background-color: #006CB5;
}
.tab span:hover{
    background-color: #F25B0A;
    
}
.tab .sel{
    background-color: #F25B0A;
    color:#fff;
    font-weight:bold;
}
h1{
	padding:3px;

	margin:0;
	font-size:16px;
}
h2{
	padding:5px;
	margin:0;
	font-size:105%;
}
#blank_contacto{
    display:inline-block
}
#izquierda{
float:left;
width:50%;
background-color:#fff;
box-sizing:border-box;
background-color: #fff;
}
#derecha{
float:left;
width:50%;
box-sizing:border-box;
background-color: #fff;
text-align:center;
}
h2{
	padding:3px;
}
/* jssor slider arrow navigator skin 05 css */
        /*
        .jssora05l                  (normal)
        .jssora05r                  (normal)
        .jssora05l:hover            (normal mouseover)
        .jssora05r:hover            (normal mouseover)
        .jssora05l.jssora05ldn      (mousedown)
        .jssora05r.jssora05rdn      (mousedown)
        */

        .jssora05l, .jssora05r {
            display: block;
            position: absolute;
            /* size of arrow element */
            width: 40px;
            height: 40px;
            cursor: pointer;
            background: url('../rola/img/a17.png') no-repeat;
            overflow: hidden;
        }
        .jssora05l { background-position: -10px -40px; }
        .jssora05r { background-position: -70px -40px; }
        .jssora05l:hover { background-position: -130px -40px; }
        .jssora05r:hover { background-position: -190px -40px; }
        .jssora05l.jssora05ldn { background-position: -250px -40px; }
        .jssora05r.jssora05rdn { background-position: -310px -40px; }

        /* jssor slider thumbnail navigator skin 01 css */
        /*
        .jssort01 .p            (normal)
        .jssort01 .p:hover      (normal mouseover)
        .jssort01 .p.pav        (active)
        .jssort01 .p.pdn        (mousedown)
        */
		.jssort01{
		width:550px;height:80px;
		}
		#contenedor_imagenes{
		cursor: default; position: relative; top: 0px; left: 0px; width: 550px; height: 517px; overflow: hidden;
		margin-top:80px;
		}
		#loading_rola{
		display:block;background:url('../img/loading.gif') no-repeat center center;top:0px;left:0px;width:100%;height:100%;
		}
		.jsor{
		position: relative; margin: 0 auto; top: 0px; left: 0px; width: 550px; height: 650px; overflow: hidden; visibility: hidden; background-color: #fff;
		
		}
		@media screen and (max-width:1000px){
		.jssort01{
		position:absolute;left:0px;bottom:0px;width:500px;height:65px;
		}
                #form_reserva{
                    font-size:14px;
                }
		#contenedor_imagenes{
		cursor: default; position: relative; top: 0px; left: 0px; width: 550px; height: 300px; overflow: hidden;
		}
		#loading_rola{
		position:absolute;display:block;background:url('img/loading.gif') no-repeat center center;top:0px;left:0px;width:100%;height:100%;
		}
		.jsor{
		position: relative; margin: 0 auto; top: 0px; left: 0px; width: 550px; height: 300px; overflow: hidden; visibility: hidden; background-color: #fff;
		}
		}
		@media screen and (max-width:800px){
		
		.jssort01{
		position:absolute;left:0px;bottom:0px;width:550px;height:58px;
		}
		#contenedor_imagenes{
		cursor: default; position: relative; top: 0px; left: 0px; width: 500px; height: 270px; overflow: hidden;
		}
		#loading_rola{
		position:absolute;display:block;background:url('img/loading.gif') no-repeat center center;top:0px;left:0px;width:100%;height:100%;
		}
		.jsor{
		position: relative; margin: 0 auto; top: 0px; left: 0px; width: 550px; height: 270px; overflow: hidden; visibility: hidden; background-color: #fff;
		}
		}
                
		@media screen and (max-width:670px){
		#contenedor_imagenes{
		cursor: default; position: relative; top: 0px; left: 0px; width: 100%; height: 250px; overflow: hidden;
		}
		#loading_rola{
		position:absolute;display:block;background:url('img/loading.gif') no-repeat center center;top:0px;left:0px;width:100%;height:100%;
		}
		.jsor{
		position: relative; margin: 0 auto; top: 0px; left: 0px; width: 100%; height: 400px; overflow: hidden; visibility: hidden; background-color: #fff;
		}
                
		#izquierda,#derecha{
			width:98%;
			padding-left:25px;
			padding-right:25px;
		}
		
		}
        .jssort01 .p {
            position: absolute;
            top: 0;
            left: 0;
           width: 92px;
            height: 80px;
        }
        
        .jssort01 .t {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            border: none;
        }
        
        .jssort01 .w {
            position: absolute;
            top: 0px;
            left: 0px;
            width: 100%;
            height: 100%;
        }
        
        .jssort01 .c {
            position: absolute;
            top: 0px;
            left: 0px;
            width: 92px;
            height: 80px;
            border: #000 2px solid;
            box-sizing: content-box;
            background: url('../rola/img/t01.png') -750px -750px no-repeat;
            _background: none;
        }
        
        .jssort01 .pav .c {
            top: 2px;
            _top: 0px;
            left: 2px;
            _left: 0px;
           width: 92px;
            height: 80px;
            border: #000 0px solid;
            _border: #fff 2px solid;
            background-position: 50% 50%;
        }
        
        .jssort01 .p:hover .c {
            top: 0px;
            left: 0px;
            width: 92px;
            height: 80px;
            border: #fff 1px solid;
            background-position: 50% 50%;
			cursor:pointer;
        }
        
        .jssort01 .p.pdn .c {
            background-position: 50% 50%;
           width: 92px;
            height: 80px;
            border: #000 2px solid;
        }
		
		
		::-webkit-scrollbar{
  width: 15px;
 
}
#separador_menu{
    display:none
}
#contenedor{
    height:553px;
}
#menu_cel{
    display:none;
    min-height: 50px;
    position:fixed;
    top:0;
    width:100%;
    left:0;
    right:0;
    background-color:#fff;
    opacity:0.95;
    border-bottom: 1px solid #333;
    z-index:2;
}
#menu_cel:active{
    background-color:orange;
}
#menu_cel_botones{
    position:fixed;
    background-color: #fff;
    top:-100%;
    width:100%;
    text-align:center;
    z-index:1;
    border-bottom: 1px solid #333;
    left:0;
    right:0;
}
.desc_suc{
    width:350px;
}
#menu_cel_botones div{
    margin:10px;
    padding:5px;
    border-bottom: 1px solid #ccc;
}
#menu_cel_botones div:active{
    background-color:orange;
}
.automovil{
    background-color: #C4CAE2;
}
.descripcion_auto{
    height:99px;
    overflow-y: scroll;
    padding:7px;
    background-color: #D8DCFE;
    font-size:14px;
}
@media screen and (max-width:900px){
    #contenedor{
        height:495px;
    }
    #titulo1 img,#titulo2 img,#titulo3 img,#titulo4 img,.titulo_azul img,.titulo_naranja img{
        width: 100%;
    }
}
@media screen and (max-width:750px){
    #botonera{
        height:65px
    }
    #separador_menu{
        display:block;
    }
    #contenedor{
        height:275px;
    }
}
@media screen and (max-width:625px){
    #superior{
        display:none
    }
    .cont{
        width:94%;
        margin:3px;
    }
    
}
@media screen and (max-width:500px){
    #contenedor{
        height:250px;
    }
}
@media screen and (max-width:450px){
    img{
        max-width:100%;
    }
    #contenedor{
        height:200px;
    }
    #botonera{
        display: none;
    }
    #menu_cel{
        display:block;
    }
    body{
        margin-top:50px;
    }
    .desc_suc{
    width:90%;
    margin-left: 5%;
    margin-right:5%;
    }
    #blank_contacto{
        display: none;
    }
}
@media screen and (max-width:400px){
    
    #contenedor{
        height:150px;
    }
}
::-webkit-scrollbar-button{
  width:1%;
  height: 5px;
}
::-webkit-scrollbar-track{
  background:#3c454e;
  border:thin solid #1a1f25;
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  -webkit-border-radius: 10px;
  border-radius: 10px;
}
::-webkit-scrollbar-thumb{
  background: -webkit-linear-gradient(top, #3B6AED, #23C5D3);
  -webkit-box-shadow:   inset 0 1px 0 rgba(255,255,225,.5),
                inset 1px 0 0 rgba(255,255,255,.4),
                inset 0 1px 2px rgba(255,255,255,.3);
 
  border:thin solid #232c34;
  border-radius: 10px;
  -webkit-border-radius: 10px;
}
		
		::-webkit-scrollbar-thumb:hover{
   		background: -webkit-linear-gradient(top, #919FF7, #6E9BE4);
		}
		/* Pseudo-clase */
		::-webkit-scrollbar-thumb:window-inactive {
  		background: -webkit-linear-gradient(top, #44E4E1, #A9C9E3);
		}
		
		::-webkit-input-placeholder {
   		color: #333;
		}