@charset "UTF-8";
/* CSS Document */
/*POSICIONES*/
.top{
	position:fixed;
	top:0px;
}
.foot{
	position:fixed;
	left:1%;
	bottom:0px;
	width:98%;
	height:auto;
}
.logo{
	position:fixed;
	top:35px;
	left:35px;
}
.logo_web{
	position:relative;
	top:7px;
	left:20px;
	width:70%;
}
.sociales{
	float:right;
	position:relative;
	top:7px;
	right:25px;
}
.error{	
	position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}
/*TIPOGRAFIA*/
@font-face{
	font-family:DroidSans;
	src:url(../font/DroidSans.ttf);
}
@font-face{
	font-family:Couture;
	src:url(../font/couture.ttf);
}
@font-face{
	font-family:Montserrat;
	src:url(../font/Montserrat.ttf);
}
@font-face{
	font-family:DS-Digib;
	src:url(../font/DS-DIGIB.TTF);
}
.txt-dsdigit19{font:19px DS-Digib, sans-serif;}
.txt-couture10{font:10px Couture, sans-serif;}
.txt-couture13{font:13px Couture, sans-serif;}
.txt-couture15{font:15px Couture, sans-serif;}
.txt-couture17{font:17px Couture, sans-serif;}
.txt-montserrat10{font:10px Montserrat, sans-serif;}
.txt-montserrat11{font:11px Montserrat, sans-serif;}
.txt-montserrat12{font:12px Montserrat, sans-serif;}
.txt-montserrat13{font:13px Montserrat, sans-serif;}
.txt-montserrat15{font:15px Montserrat, sans-serif;}
.txt-droids11{font:11px DroidSans, sans-serif;}
.txt-droids14{font:14px DroidSans, sans-serif;}
.txt-droids16{font:16px DroidSans, sans-serif;}
.txt-droids18{font:18px DroidSans, sans-serif;}
.txt-droids28{font:28px DroidSans, sans-serif;}
.txt-droids58{font:58px DroidSans, sans-serif;}
.txt-droids100{font:100px DroidSans, sans-serif;}
/*LINK*/
a:link{color:#666; text-decoration:none;}
a:visited{color:#666;}
a:hover{color:#FFF; text-decoration:none;}
a:active{color:#666; text-decoration:none;}
/*COLORES*/
.azul{color:#05367f;}
.naranja{color:#f69805;}
.gris-ligth{color:ccc;}
.gris{color:#666;}
.gris-dark{color:#333;}
.blanco{color:#FFF;}
h3 {
	font-family:Couture;
	font-size:37px}
/*MENU*/
nav ul {
  list-style: none;
  padding-left: 60px;
  margin-top: 0;
  margin-bottom: 0;
}
.nav {
  position:absolute;/*POSICION DEL MENU*/
  top:0px;
  right:20px; 
  font:12px montserrat, sans-serif; /*FUENTE DEL MENU*/
}
.nav a {
  display: block;
  line-height: inherit;
  cursor: pointer;
}
.nav__menu {
  	line-height:75px;/*TAMAÑO DE CADA CELDA*/
  	text-transform: uppercase;
	color:#666;
	font-weight:bolder;
}
.nav__menu-item {
  	display: inline-block;
  	position: relative;
	padding: 0 7px;/*SEPARACION ENTRE ITEM*/
}
.first__item{
	padding:0 0 0 20px;
}
.img__menu-item {
  	display: inline-block;
  	position: relative;
}
.nav__menu-item:hover {
  background-color:#f69805;
  color:#FFF;
  transition-duration:.5s;
}
.nav__menu-item:hover .nav__submenu {
  display: block;
}
.contenedor{
	position:absolute;
	top:75px;
	left:0px;
	width:100%;
	height:100px;
}
/*FORM*/
.contacto-form input{
	width:198px;
	height:25px;
	border:1px solid #666;
}
.intro-form input{
	width:205px;
	background:#FFF;
	color:#666;
	height:20px;
	border:1px solid #333;
}
.intro-form select{
	width:210px;
	height:20px;
	border-radius:0px;
	color:#666;
}
button.submit{
	width:435px;
	height:30px;
	font-weight:bolder;
	letter-spacing:2px;
	background:#FFFFFF;
	border:1px solid #666;
	color:#666;
}
button.submit:hover {
	cursor: pointer;
	transition-duration:1.5s;
	background:#f69805;
	color:#FFF;
}
button.submit1{
	width:125px;
	height:30px;
	font-weight:bolder;
	letter-spacing:2px;
	background:#FFFFFF;
	border:1px solid #666;
	color:#666;
}
button.submit1:hover {
	cursor: pointer;
	transition-duration:1.5s;
	background:#f69805;
	color:#FFF;
}
button.submit1f{
	width:100px;
	height:26px;
	letter-spacing:2px;
	background:#f69805;
	border:1px solid #666;
	color:#fff;
}
button.submit1f:hover {
	cursor: pointer;
	transition-duration:1.5s;
	background:#05367f;
	color:#fff;
}
button.submit1a{
	width:50px;
	height:26px;
	font:20px Couture, sans-serif;
	letter-spacing:2px;
	background:#f69805;
	border:1px solid #666;
	color:#fff;
}
button.submit1a:hover {
	cursor: pointer;
	transition-duration:1.5s;
	background:#05367f;
	color:#fff;
}
button.submit2{
	width:400px;
	height:30px;
	font-weight:bolder;
	letter-spacing:2px;
	background:#FFFFFF;
	border:1px solid #666;
	color:#666;
}
button.submit2:hover {
	cursor: pointer;
	transition-duration:1.5s;
	background:#f69805;
	color:#FFF;
}
textarea.contacto{
	resize:none;
	width:400px;
	height:100px;
	border:1px solid #666;
}
/*SLIDER*/
.fore-slider{
	width:100%;
	background-image:url(../img/bf-dot-overlay.png);
}
.back-txtslider{
	width:100%; 
	background-color:rgba(0,0,0,.5);
}
.slider-contenedor{
	position:absolute;
	top:190px;
	left:5%;
	width:90%;
	border:2px double #999;
	-webkit-box-shadow: 0px 0px 25px 3px rgba(102,102,102,0.75);
	-moz-box-shadow: 0px 0px 25px 3px rgba(102,102,102,0.75);
	box-shadow: 0px 0px 25px 10px rgba(102,102,102,0.75);
}	
.container--head{
 	background:#f69805;
	position:relative;
	top:0px;
}
.tooltip-carousel{
    position: absolute;
    z-index: 11;
    border-radius: 50%;
}
.caraousel-tooltip-item{
    display:none;
}
.caraousel-tooltip-item.active{
    display:block;
}
/*NOSOTROS*/
.nosotros{
	position:absolute;
	top:250px;
	width:90%;
	left:5%;
}
.tabla_nosotros{
	border-spacing:20px 10px;
}
/*SERVICIOS*/
.servicios{
	position:absolute;
	top:190px;
	width:90%;
	left:5%;
}
.tabla_servicios{
	border-spacing:50px 15px; 
}
/*PRECIOS*/
.precios{
	position:absolute;
	top:60px;
	right:20px;
}
.precios__gas{
	padding:1px 7px 1px 7px;
	border-radius:5px;
}
/*MAPA*/
#map{
	position:absolute;
	top:190px;
	left:5%;
	width:90%;
	height:300px;
	border:2px double #999;
	-webkit-box-shadow: 0px 0px 25px 3px rgba(102,102,102,0.75);
	-moz-box-shadow: 0px 0px 25px 3px rgba(102,102,102,0.75);
	box-shadow: 0px 0px 25px 10px rgba(102,102,102,0.75);
}
.tabla_estaciones{
	position:absolute;
	top:510px;
	width:90%;
	left:5%;
}
.reporte{
	position:absolute;
	top:0px;
	left:0px;
}
/*DETALLES*/
.bordes{
	padding:5px 5px 5px 5px;
	border:1px solid #05367f;
}
.sombra{
	text-shadow:5px 5px 5px #aaa;
	
}
hr.style2{
    border-top: 3px double #8c8b8b;
}
hr.style3{
	size:60%;
	color:#0F0;
}
hr.style4{
	display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #000;
    margin: 1em 0;
    padding: 0;
}
hr.style5{
   	border-top: 1px solid #CCC;
}
/*REPORTES*/
.reporte-search input{
	width:95px;
	height:25px;
	border:1px solid #666;
}
.reporte-search select{
	width:200px;
	height:20px;
	border-radius:0px;
	color:#666;
}
.factespecial input{
	width:170px;
	height:25px;
	border:1px solid #666;
}
.factespecial select{
	width:170px;
	height:20px;
	border-radius:0px;
	color:#666;
}
button.submit3{
	width:170px;
	height:26px;
	letter-spacing:2px;
	background:#f69805;
	border:1px solid #666;
	color:#fff;
}
button.submit3:hover {
	cursor: pointer;
	transition-duration:1.5s;
	background:#05367f;
	color:#fff;
}
#reporte{
	overflow:hidden; 
	resize:none; 
	width:195px; 
	height:20px; 
	text-transform:uppercase; 
	border:1px solid #666;
}