/*
Theme Name: Thema Ramiro Rozas
Description: MECANICA IMPORTANCIONES OVERLAND.
Author: Ramiro Rozas
Author URI: http://www.facebook.com/ramiro.rozas
version: 3.1.1
Tags: tema, ramiro
*/
@import url('https://fonts.googleapis.com/css2?family=Abril+Fatface&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans&display=swap');
*{margin:0; padding:0;}

body{font-family: verdana, geneva, sans-serif; font-size: 10.5pt;font-weight: 400;line-height: 24px;color: #777;text-align: justify;}

img{border: none; padding:0; max-width:100%; height:auto;}
img a{border:none;}

.alignleft{float:left;border:none;margin:0 10px 10px 0;}
.alignright{float:right;border:none;margin:0 0 10px 10px;}
.aligncenter{display:block; margin:0 auto 10px;}
.const{background: url(images/const.png) no-repeat center top; padding-top: 175px;text-align: center !important;}

/* links */
a{color:#0066cc; text-decoration:none;}
a:hover{text-decoration: none; color:#000;}

li{list-style: none;}
/*========== meta slider ======*/
.flex-direction-nav .flex-next{    right:4px!important}
.flex-direction-nav .flex-prev{left: 4px!important;}
.metaslider .caption-wrap{background:none!important;bottom: 40%!important;opacity: 1!important;text-align: center;}
.metaslider .caption-wrap h2{font-size: 4.5rem;font-family: 'Abril Fatface', cursive;text-shadow:0px 1px 1px #000}
.metaslider .caption-wrap h3{font-size: 2rem;text-shadow:0px 1px 1px #000;padding-bottom: 20px;}
.metaslider .caption-wrap a{font-size: 20px; color: #fff; background: #0c51a6;padding: 10px 15px; border-radius: 5px;}
.metaslider .caption-wrap a:hover{background: #0c51a6}
/* ===== cabecera =====*/
header .container{padding: 10px 0px;}
.agenda_cita{font-size: 20px;background: #009bd9}
.agenda_cita a{color: #fff!important}
/*==== box horarios=====*/
.informmacion-horario{position: relative;top: -70px;} 
.informmacion-horario .box-horario{background:#009bd9; position: relative;text-align: center;}
.informmacion-horario .box-horario .horario{padding-top: 46px;padding-bottom: 40px;}
.informmacion-horario .box-horario .icono{position: absolute;top: -30px;left: 50%;transform: translateX(-50%);}
.informmacion-horario .box-horario .icono i{font-size: 30px;width: 70px;height: 70px;padding: 20px;border-radius: 50%;color: #fff;background: #00a4e6;}
.informmacion-horario .box-horario p{font-size: 14px;line-height: 1.57143;color: rgba(255, 255, 255, 0.74);margin-bottom: 5px;}
.informmacion-horario .box-horario h4{margin: 0 0 10px;margin-bottom: 0px;color: #fff;font-size: 28px;line-height: 1;font-family: 'Abril Fatface', cursive; letter-spacing: 2px;}
/* top */

#menu ul{margin-bottom: 0px}
#menu ul li{display: inline-block;padding: 5px 1.5%; position:relative}
#menu ul li a{color:#000;font-size:15px;-webkit-transition:color .15s;-moz-transition:color .15s;-o-transition:color .15s;transition:color .15s}
#menu ul li:hover{background: #04519E;color:#fff}
#menu ul li:hover a{color: #fff}

#menu ul li ul{z-index: 1000; opacity:0;visibility:hidden;padding:10px;background-color:#F1F1F1;text-align:left;position:absolute;top:55px;left:50%;margin-left:-130px;width:240px;-webkit-transition:all .3s .1s;-moz-transition:all .3s .1s;-o-transition:all .3s .1s;transition:all .3s .1s;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.4);-moz-box-shadow:0 1px 3px rgba(0,0,0,0.4);box-shadow:0 1px 3px rgba(0,0,0,0.4)}
#menu ul li:hover ul{opacity:1;top:40px;visibility:visible;}
#menu ul li ul:before{content:"";display:block;border-color:transparent transparent #fafafa transparent;border-style:solid;border-width:10px;position:absolute;top:-20px;left:50%;margin-left:-10px}
#menu ul ul li{position:relative;padding: 0;display: block;}
#menu ul ul li a{color:#323232;font-size:13px;padding: 10px;display:block;-webkit-transition:background-color 0.1s;-moz-transition:background-color 0.1s;-o-transition:background-color 0.1s;transition:background-color 0.1s}
#menu ul ul li a:hover{background-color:#232323;color:#FFF}
#menu ul li:hover ul ul{visibility:hidden}
#menu ul li ul ul:before{top: 0;}
#menu ul ul li ul{position:absolute;top:15px;margin: 0; left:100%;background-color:#fafafa;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.4);-moz-box-shadow:0 1px 3px rgba(0,0,0,0.4);box-shadow:0 1px 3px rgba(0,0,0,0.4); z-index: 100;}
#menu ul ul li:hover ul{opacity:1;top:0;visibility:visible}
/*===== servicios de la empresa */
.serv-empresa {background: #edeef0;padding: 40px 0px 10px;}
.titulo-servicio{margin-bottom: 50px;}
.titulo-servicio h2{text-align: center;font-family: 'Open Sans', sans-serif;font-size: 40px;color: #4a4a4a;padding-bottom: 10px;font-weight: bold;}
.titulo-servicio h2::before{content: "";width: 160px;bottom: 0;position: absolute;height: 3px;background: #F9BD14;left: 50%;transform: translateX(-50%);}

.serv-empresa  .servicio{margin-bottom: 30px;    margin-left: 0px;margin-right: 0px;}
.serv-empresa  .servicio h3{font-size: 20px;font-family: 'Open Sans', sans-serif;color: #444;font-weight: bold;}
.serv-empresa .img-servicio{padding: 0px;}
/*==== datos de la empresa=====*/
.empresa{padding: 0px 0 30px;}
/*==== CONTACTOS EMPRESA =======*/
.contacto-empresa{padding: 50px 0;}
#formulario1 h3{font-family: 'Open Sans', sans-serif;color: #fff;padding-top: 15px;font-style: italic;font-size: 23px;}
#formulario1{width: 416px;
    padding-left: 50px;
    padding-bottom: 18px;
    background-color: #009bd9;
    border: 0;    margin: 0 40px 0 5px;
    align-self: flex-start;}
#formulario1 .form{ padding: 37px;margin-right: -40px;border: 1px solid #009bd94a;
height: 100%; background-color: #fff;position: relative;padding-bottom: 10px;}
#formulario1 .form label{font-size: 15px;}
#formulario1 p{margin-bottom: 0px!important;}
.wpcf7 input[type=submit]{border:none;padding:10px 30px;font-size: 20px; cursor:pointer;text-transform: uppercase;float: right;}

.autocaravanas h2{position: relative; text-align: center;font-family: 'Open Sans', sans-serif;font-size: 32px;color: #4a4a4a;padding-bottom: 10px;font-weight: bold;margin-bottom: 15px;padding-top: 16px;}
/*.autocaravanas h2::before{content: "";width: 160px;bottom: 0;position: absolute;height: 3px;background: #F9BD14;left: 50%;transform: translateX(-50%);}*/
.autocaravanas h4{position: relative;font-family: 'Open Sans', sans-serif;font-size: 23px;color: #4a4a4a;padding-bottom: 10px;font-weight: bold;margin-bottom: 15px;padding-top: 16px;}
.autocaravanas h4::before{content: "";width: 160px;bottom: 0;position: absolute;height: 3px;background: #F9BD14;left: 15%;transform: translateX(-50%);}
.autocaravanas h3{text-align: center;
    font-family: 'Open Sans', sans-serif;
    font-size: 24px;
    color: #4a4a4a;
    padding-bottom: 10px;
    font-weight: bold;
    margin-bottom: 15px;
    padding-top: 16px;
    color: #0762a5;
    font-style: italic;
    line-height: 1.5em;}

/* content */
.content{}
.content h1{}
.content h2{}
.content h3{}
.content h4{}
.content p{text-align: justify; padding-bottom: 15px;}
.content ul, .content ol{margin-left: 30px; padding-bottom: 15px;}
.content li{list-style-type: disc;}
.content ol li{list-style: decimal;}

/* Sidebar Left */
.sidebarLeft{float: left; width: 25%;}

/* Sidebar Right */
.sidebarRight{float: left; width: 25%;}

/* footer */
footer {background: #2b2f34;color: #b4b4b4;padding: 60px 0px}
footer .datosFoot{border-bottom:1px solid #4f5153;padding-bottom:30px}
footer h3{font-size: 50px;
    text-align: center;
    font-style: italic;
    font-family: cursive;
    color: #fff;}
footer p{padding:14px 0;margin: 0; color: #b4b4b4; text-align:center;  font-size: 20px;line-height:    40px}
footer p strong{color: #009bd9;
    font-size: 85px;
    font-family: sans-serif;padding-bottom: 30px}

/* contact form 7 */
.wpcf7{margin:24px 0 !important;font-size:11px;}
.wpcf7 input{border:1px solid #ccc;padding:4px;-moz-border-radius: 6px;-khtml-border-radius: 6px;-webkit-border-radius: 6px;border-radius: 6px;}
.wpcf7 textarea{padding:4px;border:1px solid #ccc;-moz-border-radius: 6px;-khtml-border-radius: 6px;-webkit-border-radius: 6px;border-radius: 6px;}

.copyRight{    text-align: center;
    display: block;
    width: 100%;
    padding-top: 20px;
    font-style: italic;
    color: #939191;}
@media(max-width:768px){
    .alignleft, .alignright{display: block; margin: auto auto 10px;float: none;}
    .informmacion-horario{display: block;position: inherit;top: inherit;}
    .metaslider .caption-wrap{display: none!important;}
    #formulario1{width: inherit!important;}
    .serv-empresa .servicio{text-align: center;}
    .logo_header img{    max-width: 100%;
    height: auto;
    width: 100px;
    text-align: center;
    margin: 0 auto;}
    #menu ul li{    display: block;
    text-align: center;
    line-height: 15px;}
    footer p {font-size: 16px}
    footer h3{font-size: 30px}
    footer p strong {font-size: 40px}
    #formulario1{padding-left:25px}
    #formulario1 h3 {font-size: 20px}

}
@media(max-width:480px){
}