/* ==========================================================================
   Author's custom styles
   ========================================================================== */

body, html {  min-height:100%; -webkit-font-smoothing: antialiased; }

section { width:100%; min-height:745px; margin:0 auto; }

#mimenu { width:100%; min-height:100%; margin:0 auto;  }
#mimenu a { width:250px; height:50px; background:red; margin:0 auto;  }

.navbar .menu { margin-top:35px; width:auto; font-size:12px; font-family: 'ralewaymedium'; font-size:11px; }
.navbar .menu:hover {   -webkit-font-smoothing: antialiased; font-family: 'ralewayextrabold';  }

.comprometido { position:absolute; right:220px; text-align:right; font-family: 'ralewaymedium';   }
.comprometido:hover { position:absolute; right:220px; text-align:right; font-family: 'ralewaymedium' !important;   }
.boton { max-width:500px !important; margin:25px 0;  }

a { text-decoration:none; }
a:hover { text-decoration:none; }
a.popup { color:#ffd401;  position:relative; height:20px; font-family: 'ralewayextrabold';  font-size:22px; padding:20px 0;}
a.popup:hover { color:white;}

.active_ { font-family: 'ralewayextrabold';  -webkit-font-smoothing: antialiased; font-size:10px !important;  }
.active { font-family: 'ralewayextrabold';  background:url(../img/picka.png) no-repeat; background-position:45% 75%; -webkit-font-smoothing: antialiased; font-size:11px !important;   }

li:hover { font-family: 'ralewayextrabold';   background:url(../img/picka.png) no-repeat; -webkit-font-smoothing: antialiased; font-size:11px !important;  }


.sub { font-family: 'ralewayextrabold'; font-size:14px; opacity:0.8; color:#ffd401;  position:relative; height:10px;  padding:10px 0; }
.sub:hover { color:white;}

.modal-content { max-width:500px; }

#navbar { z-index:999999999; }

.ajuste_lonea_rod { line-height:0px;  }

.btn, .btn-default, .dropdown-toggle { border:none; background:none; position:static; }

.dropdown-menu { position:fixed; margin-left:-180px; top:70px; background:none; box-shadow:none; border:none; font-size:11px !important; }
.dropdown-menu ul li a:hover  { font-weight:normal; font-family: 'ralewayextrabold'; font-size:11px !important;  }

  footer { position:relative; }


.dropdown { position: relative; display: inline-block;  }
.dropdown .dropdown-menu { position: absolute; top: 100%; display: none; margin: 0; list-style: none;  width: 100%; padding: 0; }
.dropdown:hover .dropdown-menu { background:none !important; top:40px;   display: block;}

/** Button Styles **/
.dropdown button {	background:none;    color: black;    border: none;    margin: -2px;  }
/** List Item Styles **/
.dropdown li {   background:none; padding-left:10px; margin-left:-10px !important;      }
.dropdown a { font-family: 'ralewaymedium' !important;   display: block; width:230px !important; font-size:11px !important;  	margin:0;    text-decoration: none;   background:none !important;   color:black; margin-top:-4px; color:black !important; }
/** List Item Hover Styles **/
.dropdown a:hover { font-family: 'ralewayextrabold' !important;  -webkit-font-smoothing: antialiased; color:black;  }

.activo { font-family: 'ralewayextrabold' !important;   background: url(../img/picka.png) no-repeat !important; background-position:2px 7px !important; -webkit-font-smoothing: antialiased; font-weight:bold; }


 .negro { color:black; }
.blanco { color:white; }
.amarillo { color:#ffd401; }

.navbar-fixed-top { background:none !important; height:120px; border:none; padding-top:0;  }
.navbar-brand { color:black !important; font-size:11px; }

.btn, .btn-default, .page-scroll { background:none; }

.btn:hover { background:none; }

#index { background:#ffd401; }

#index_ { background:url(../img/inicio.jpg) no-repeat; height:100%;  background-position:center top; margin-top:-95px; }

.rs { width:200px; height:30px; margin-top:42px; position:absolute; right:0; border-bottom:black solid 2px;  border-top:black solid 2px;  border-left:black solid 2px;  }
.rs .navbar-brand { padding-top:5px; width:auto; padding-left:30px; font-size:10px;  }

.logo { margin-top:0; padding:0 0 0 20px; margin-right:20px;  }

.index_copi1 { font-family: 'gibsonbold'; font-size:34px; color:black; line-height:31px; margin-top:250px; margin-bottom:7%;  }
.mano_ch { position:absolute; z-index:10; margin-left:350px; max-width:691px; }
.pleca_index { height:150px; width:100%; left:0; background:black; border:0; position:absolute; margin-top:220px; }


/* EMPRESA */

.empresa { background:url(../img/empresa1.jpg) no-repeat; background-size:cover; font-weight:normal; margin-top:-50px; }
.empresa2 { background:url(../img/empresa2.jpg) no-repeat; background-size:cover; font-weight:normal; padding-top:200px; box-sizing:border-box; }
.empresa h1 { font-family: 'gibsonbold'; font-size:80px; line-height:50px; margin-bottom:50px; margin-top:200px; color:black; }
.empresa h1 span { font-family: 'gibsonbold'; font-size:40px;    }
.empresa p {font-family: 'gibsonsemibold';font-size:22px; line-height:25px; font-weight:normal;	 }
.empresa_ { background:url(../img/empresa_.jpg) no-repeat;  }

.empresa_copy { font-family: 'gibsonsemibold'; font-size:24px;  line-height:28px; max-width:750px; margin:0 auto; font-weight:normal;	 }
.empresa_copy1 { font-family: 'gibsonregular'; font-size:24px; line-height:25px;   font-weight:normal;	 }
.empresa_copy2 { font-family: 'gibsonlight'; font-size:20px; line-height:22px;   font-weight:normal;	 }
.empresa_copy2 strong { font-family: 'gibsonsemibold'; font-size:20px; line-height:22px;   font-weight:normal;	 }

.empresa_col { font-family: 'gibsonbold'; font-size:21px; line-height:22px; color:black; margin-top:50px; text-transform:uppercase;}
.empresa_col img { margin-bottom:20px;}

.footera_copy { font-family: 'gibsonlight'; font-size:20px; line-height:20px;   font-weight:normal;	 }


/* EMPRESA */

.desc_ { max-width:750px;font-family: 'gibsonsemibold'; font-size:24px; line-height:26px; }


.des_img img { margin:0 auto;  max-width:100% !important; height:auto; margin:20px 10px; }
.des_img_ img { margin:0 auto; margin:20px 10px; border: white solid 10px;  }

.lista { width:600px; font-family: 'gibsonregular'; font-size:16px; text-transform:uppercase; padding-left:60px; box-sizing:border-box;}
.limpio:hover { background:none !important; font-family: 'gibsonregular';  font-size:16px !important;   }
ul li { list-style:none; }
ul li span { list-style:none; color:#ffd401; line-height:none; font-size:20px !important;  }

.comodin { max-width:730px; margin:0 auto; }
.comodin2 { font-family: 'gibsonregular'; font-size:16px; }


.desg_desc { max-width:100%; font-family: 'gibsonlight'; font-size:18px; letter-spacing:-0.5px; margin:15px 0; padding:0; }




/* CONTACTO  */

#contacto { background:white; font-family: 'ralewaymedium'; font-weight:normal !important;  }
#contacto hr {  border:black solid 1px;; margin:40px auto; max-width:760px; }

#contacto h1 { margin-top:80px; font-family: 'gibsonbold'; font-size:80px; line-height:60px;  }
#contacto h1 span { line-height:36px !important; }

#contacto h2 { font-family: 'gibsonbold'; font-size:21px;   }
#contacto h2 span { font-family: 'gibsonbold'; font-size:18px; color:#ffd401; }

#contacto h3 { background:white; font-family: 'ralewaymedium';  }
#contacto span { font-family: 'gibsonbold'; font-size:40px;   }

#tel { font-family: 'gibsonsemibold'; font-size:16px; color:#ffd401;  }
#mejor { font-family: 'gibsonbold'; font-size:18px; color:black; line-height:20px;  }
#correo { font-family: 'gibsonregular'; font-size:18px; color:black; line-height:30px;  }
#correo { padding:10px 0;  }

.copy_index { font-family: 'gibsonlight'; font-size:17px; line-height:20px; margin-top:13px; }

#contacto header { width:100%; min-height:280px; background:#ffd401;  margin-bottom:50px; padding-bottom:40px; }

.remate_hr { width:120px; height:1px; background:#ffd401; margin:5px 0px 5px 0px; }

form { width:100%; }

label { width:150px; font-size:12px; font-weight:normal; font-family: 'gibsonregular'; margin-bottom:5px; }
input { width:230px; min-width:250px;  border:#ffd401 solid 1px; padding:3px; box-sizing:border-box; margin-bottom:5px; }
textarea { max-width:230px; min-width:250px;  border:#ffd401 solid 1px; resize:none; margin-bottom:5px; }
#enviar { width:auto !important; height:40px; background:#ffd401; color:black; font-family: 'gibsonsemibold' }


/* FOOTER */

#footer { width:100%; min-height:150px; background:#ffd401; }
.copy_f { font-family: 'gibsonsemibold'; font-size:20px; }

.treinta { width:auto; height:30px; margin-top:115px; float:left; font-family: 'gibsonbold'; background:url(../img/treinta.png) no-repeat; background-position:left bottom; background-size: contain;  padding-bottom:20px; font-size:17px; }




.aviso { width:auto; float:right; vertical-align:top; font-family: 'ralewaymedium'; font-size:11px !important; }
.aviso1 { width:auto; text-align:right; vertical-align:top; font-family: 'ralewaymedium'; font-size:11px !important; }
.aviso1 img { float:right; margin-left:20px;}
.aviso2 { width:auto; float:right; vertical-align:top; font-family: 'ralewaymedium'; margin-top:100px; background:url(../img/manodechango.png) no-repeat; font-size:11px !important;  }

.burger { position:absolute; right:50px; top:50px; display:none; background:none; border:none; }

.corte2 { position:absolute; top:1000px; right:0px; z-indes:-9999; }
.corte_p { line-height:16px; letter-spacing:-0.5px; }

.corte_col1 { margin-top:-70px; margin-left:-50px; }
.corte_col2 { margin-left:-50px; }





@media screen and (max-width:1080px) {
	
	.comprometido { position:absolute; top:50px; right:40px; width:180px !important;   }
	#index { background:#ffd401; }
    #index_ { background:url(../img/inicio.jpg) no-repeat; height:685px; background-size:100%; background-position:0 120px; margin-top:-95px; }
	
	.index_copi1 { font-family: 'gibsonbold'; font-size:36px; color:black; line-height:33px; margin-top:250px; margin-bottom:90px;  }
	.mano_ch { position:absolute; z-index:10; margin-left:350px; max-width:691px; }
	.pleca_index { height:150px; width:100%; left:0; background:black; border:0; position:absolute; margin-top:220px; }
	.des_img_ img { margin:0 auto; margin:10px 10px 10px -30px; border: white solid 10px; width:280px;  }
	
	.corte1 { margin-left:-25px;  }
	.corte2 { position:absolute; top:1050px; right:0px; z-indes:-9999; width:300px; }
	
	.corte_col1 { margin-top:0px; margin-left:0px; }
    .corte_col2 { margin-left:0px; }
	

}

@media screen and (max-width:900px) {
	
	.comprometido { position:absolute; top:200px; right:100px; }
	.desc_ { padding:0;}
	
	/* INDEX */
	
	#index { background:#ffd401; }
    #index_ { background:url(../img/inicio_.jpg) no-repeat; height:685px; background-size:1400px; background-position:0 -20px; margin-top:-95px; }
		
	.index_copi1 { font-family: 'gibsonbold'; font-size:33px; color:black; line-height:33px; margin-top:250px; margin-bottom:50px;  }


.rs { width:200px; height:40px; margin-top:38px; position:absolute; right:0; border-bottom:black solid 2px;  border-top:black solid 2px;  border-left:black solid 2px;  }
.rs .navbar-brand { padding-top:8px; padding-left:30px; }

.logo { margin-top:0; padding:0; margin-right:48px; }

.index_copi1 { font-family: 'gibsonbold'; font-size:36px; color:black; line-height:33px; margin-top:250px; margin-bottom:90px;  }
.mano_ch { position:absolute; z-index:10; margin-left:350px; max-width:691px; }
.pleca_index { height:150px; width:100%; left:0; background:black; border:0; position:absolute; margin-top:220px; }

	
	
.burger { position:absolute; right:50px; top:50px; display: inline; }
.navbar-collapse {display:none; }
.navbar-toggle {display:none; }

	
	/*.rs { width:100px; height:40px; margin-top:38px; position:absolute; right:0; border-bottom:black solid 2px;  border-top:black solid 2px;  border-left:black solid 2px;  }
.rs .navbar-brand { padding-top:8px; padding-left:30px; }*/
	
	.logo { margin-right:10px; }
	
	#navbar { z-index:999999999; }
	.menu { color:black; display:none;  }
	.navbar-brand { width:230px !important; margin:0;  padding:0; color:#ffd401 !important; }
	.navbar-collapse { margin-top:100px;  padding:10px; z-index:99999; }
	
	.comprometido { position:static; display:none; }
	
	.rs { height:40px; margin-top:38px; position:static; border:none; display:none;  }
    .rs .navbar-brand { padding-top:0px; padding-left:0px; }
	
	.des_img_ img { margin:0 auto; margin:10px 10px 10px -30px; border: white solid 10px; width:280px;  }
	.empresa_col { font-family: 'gibsonbold'; font-size:18px; line-height:22px; color:black; margin-top:50px; text-transform:uppercase;}
	.logo img { width:150px; margin-left:20px;}
	
	.corte1 { margin-left:-25px;  }
	.corte2 { position:absolute; top:950px; right:0px; z-indes:-9999; width:200px; }
	
	.corte_col1 { margin-top:0px; margin-left:0px; }
    .corte_col2 { margin-left:0px; }
	
	.lista { max-width:400px; margin-left:-5px; padding:0; font-size:14px;  }
	.limpio:hover { background:none !important; font-family: 'gibsonregular';  font-size:14px !important;   }
	.lista br{display: none;}
	
	.desg_desc { max-width:80%; font-family: 'gibsonlight'; font-size:18px; letter-spacing:-0.5px; margin:15px 0; padding:0; }
	.rou { max-width:97%;  }
}


@media screen and (max-width: 750px) {
	
	/* INDEX */
	
	#index { background:#ffd401; }
    #index_ { background:url(../img/inicio_.jpg) no-repeat; height:685px; background-size:1400px; background-position:top right; margin-top:-95px; }
		
		
	
	
	.navbar-collapse {display:none; }
	.navbar-toggle {display:none; }
	
	.logo { margin-right:10px; }
	
	#navbar { z-index:999999999; }
	.navbar-brand { width:130px; margin:0; padding:0; color:#ffd401 !important; }
	.navbar-collapse { margin-top:100px; background:black; padding:10px; z-index:99999; }
	
	.comprometido { position:static; display:none; }
	
	.rs {  width:auto; height:40px; margin-top:38px; position:static; border:none; }
    .rs .navbar-brand { padding-top:0px; padding-left:0px; display:none; }
	
	.des_img_ img { margin:0 auto; margin:10px 10px 10px -30px; border: white solid 10px; width:280px;  }
	
	.empresa_col { font-family: 'gibsonbold'; font-size:18px; line-height:22px; color:black; margin-top:50px; text-transform:uppercase;}
	.logo img { width:150px; margin-left:20px;}
	
	.roda_im img { margin:0 auto;  }
	
	.corte_col1 { margin-top:0px; margin-left:0px; }
    .corte_col2 { margin-left:0px; }
	
	.lista { max-width:340px; margin-left:-5px; padding:0; font-size:11px; }
	.limpio:hover { background:none !important; font-family: 'gibsonregular';  font-size:11px !important;   }
	.lista br{display: none;}
	
}


@media screen and (max-width: 550px) {
	
	.navbar-collapse {display:none; }
	.navbar-toggle {display:none; }
	
	#navbar { z-index:999999999; }
	
	.logo img { width:150px; margin-left:20px;}
	
	.index_copi1 br { display:none; }
	
	.navbar-brand { width:130px; margin:0; padding:0; color:#ffd401 !important; }
	.menu { width:100% !important; z-index:99999; }
	.navbar-collapse { margin-top:100px; background:black; padding:10px; z-index:99999; width:100%; height:100%; }
	
	.comprometido { position:static; display:none; }
	
	.rs {  width:auto; height:40px; margin-top:38px; position:static; border:none;  }
    .rs .navbar-brand { padding-top:0px; padding-left:0px; display:none; }
	
	
	/* INDEX */
	
	#index { background:#ffd401; }
    #index_ { background:url(../img/inicio_.jpg) no-repeat;  background-position:0 40px; margin-top:-95px; }
		
	

	.empresa { background:url(../img/empresa1.jpg) no-repeat; font-weight:normal;  }
	.empresa2 { background:url(../img/empresa2.jpg) no-repeat; font-weight:normal; background-size:cover; padding:0;s	 }
	.empresa h1 { font-family: 'gibsonbold'; font-size:50px; line-height:30px; margin-bottom:50px; margin-top:200px; color:black; }
	.empresa h1 span { font-family: 'gibsonbold'; font-size:30px;    }
	.empresa p { font-family: 'gibsonbold'; font-size:18px; font-weight:normal;	 }
	
	.empresa_copy { padding:5%; box-sizing:border-box; margin-top:50px; margin-bottom:-20px; }
	.empresa_copy1 { font-size:18px; font-weight:normal; line-height:20px; margin-top:50px;	 }
	.empresa_col { padding-left:30px; box-sizing:border-box;  }
	
	
	.des_img_ img { margin:0 auto; margin:10px 10px 10px -30px; border: white solid 10px; width:280px;  }




	/* CONTACTO  */
	
	#contacto h1 { /*max-width:750px;*/  font-family: 'gibsonbold'; margin-bottom:20px; font-size:50px; line-height:40px;  }
	#contacto h2 { font-family: 'gibsonbold'; font-size:24px;   }
	#contacto h2 span { font-family: 'gibsonbold'; font-size:18px; color:#ffd401;   }
	
	
	
	.centro { margin-left:15%; }
	.ajuste_lonea_rod { line-height:16px !important; font-size:29px !important;  }
	
	
	.pala { width:130px; }
	
	.roda_im img { margin:0 auto;  }
	
	.corte1 { width:300px; margin-left:0px; margin-bottom:25px; }
	
	.corte_col1 { margin-top:0px; margin-left:0px;  } 
    .corte_col2 { margin-left:0px; }
	
	.lista { max-width:340px; margin-left:-5px; padding:0; font-size:11px; }
	.limpio:hover { background:none !important; font-family: 'gibsonregular';  font-size:11px !important;   }
	.lista br{display: none;}
	
	.footera_copy { font-family: 'gibsonlight'; font-size:15px; line-height:15px;   font-weight:normal;	 }
	#aviso { text-align:left;  }
	
	.desgas_col { margin-left:-40px; }
}