@charset "utf-8";
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: 'Oxygen', sans-serif;;
	background-image: url(../images/bg.png);
	background-repeat: repeat-y;
	background-position: center top;
}
.bd {
	width: 972px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}

h1{
	display:block;
	font-size:36px;
	font-weight:700;
	margin-bottom:40px;	
	letter-spacing: -2px;
	padding-top:0px;
	color:#333333;
	font-style:italic;
	}
h2{
	display:block;
	text-align:left;
	font-size:17px;
	margin-bottom:10PX;
	color:#666666;
	font-weight:100;

	}	

h3 {
	font-family: 'OxygenBold', Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #FFF;
	margin-left: 15px;
	font-weight: normal;
}
h4 {
	font-family: 'OxygenBold', Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #000000;
	text-align: right;
	margin-right: 70px;
	font-weight: normal;
	padding-top: 10px;
}
p{
	color:#666666;
	text-align:justify;
	font-size:13px;	
}	
	
ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#bd .slider .precios ul li {
	margin-bottom: 10px;
	background-color: #FFF;
	height: 30px;
	font-size: 18px;
	text-align: right;
	padding-top: 8px;
	font-weight: bold;
	padding-right: 10px;

}
#bd .slider .precios ul li{
	font-size:20px;
	text-align:right;
	font-family:'OxygenBold', Arial, Helvetica, sans-serif;
	font-weight:700;
	
	}
#bd .slider .precios ul .magna {
	background-image: url(../images/ima_magna.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#bd .slider .precios ul .premium {
	background-image: url(../images/ima_premium.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#bd .slider .precios ul .diesel {
	background-image: url(../images/ima_diesel.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#header {
	position: relative;
}
#header .bd {
	padding-right: 30px;
	padding-left: 30px;
	background-color: #FFF;
	width: 847px;
	height: 90px;
}
#header .slogan {
	margin-top: 30px;
}
#header .logo {
	position: absolute;
	z-index: 10;
	top: 10px;
	right: 30px;
}
#header .tel {
	background-image: url(../images/bg_tel_verde.png);
	background-repeat: repeat-x;
	height: 40px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	width: 972px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}
#header .tel .telimg {
	-webkit-border-radius: 8px 0px 0px 8px;
	-moz-border-radius: 8px 0px 0px 8px;
	border-radius: 8px 0px 0px 8px;
}
/*Menu Header*/
.menu_index li{
	padding-top:2px;
	}	
.menu_index li a{
	font-size:14px;
	margin-left:25px;
	text-decoration:none;
	cursor:pointer;
	display:block;
	color:#000000;
	}
.menu_index li.home {
	text-decoration:none;
	margin-bottom:3px;
	background:url(../images/bt_inicio_off.png);
	background-repeat:no-repeat;
	cursor:pointer;
		}
.menu_index li.home:hover{
	background:url(../images/bt_inicio_on.png);
	background-repeat:no-repeat;	
	}

		
.menu_index li.nos {
	text-decoration:none;
	margin-bottom:3px;
	background:url(../images/bt_empresa_off.png);
	background-repeat:no-repeat;
	cursor:pointer;
		}
.menu_index li.nos:hover{
	background:url(../images/bt_empresa_on.png);
	background-repeat:no-repeat;	
	}	
.menu_index li.cont {
	text-decoration:none;
	margin-bottom:3px;
	background:url(../images/bt_contacto_off.png);
	background-repeat:no-repeat;
	cursor:pointer;
		}
.menu_index li.cont:hover{
	background:url(../images/bt_contacto_on.png);
	background-repeat:no-repeat;	
	}	
.activelink{
	color:#ff6600;	
	}	
/*Termina Menu Header*/	
#bd .bd {
	margin-top: 20px;
}
#bd .slider {
	width: 907px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	height: 270px;
	margin-bottom: 0px;
}
#bd .slider .precios {
	height: 271px;
	width: 230px;
	position: absolute;
	z-index: 100;
	top: 0px;
	right: 20px;
	background-image: url(../images/bg_transparencia.png);
	background-repeat: repeat;
}
#bd .main_menu{
	position:relative;
	text-align:center;
	margin-top:20px;		
	} 

#bd .main_menu ul li{
	display:inline-block;
	width:140px;
	position:relative;
	margin-left:30px;		
	}
#bd .main_menu ul li a{
	display:block;
	height:25px;
	background-color:#ff6600;
	text-decoration:none;
	color:#FFFFFF;
	-webkit-border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-topright: 8px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	font-family:'Oxygen', sans-serif;
	padding-top:5px;
	font-weight:bold;
	}	
#bd .main_menu ul li a:hover{
	background-color:#000000;}	
#bd .main_menu ul li img{
	position:relative;	
	}

#bd .options ul li {
	background-color:#ff6600;
	-webkit-border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-topright: 8px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	font-family:'Oxygen', sans-serif;;
	display:inline-block;
	font-weight:bold;
	margin-top: 20px; /*sube rojo*/
	margin-left: 45px;	
	padding-top: 5px;
	padding-right: 0px;
	padding-left:0px;
	padding-bottom: 5px; /*distancia entre imagen y opcion del menu*/
	width:141px;	
}

#bd .options ul li a{
	display:block;
	text-decoration:none;
	cursor:pointer;
	color:#FFFFFF;
	text-align:center;
	}
	
/** Hovers! */
#bd .options ul li:hover  {
	background-color:#000000;
	background-repeat: no-repeat;
}

/*Nosotros*/
#bd .options_noindex ul li {
	background-color:#ff6600;
	-webkit-border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-topright: 8px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	font-family:'Oxygen', sans-serif;;
	font-weight:bold;
	margin-left: 45px;	
	padding-top: 5px;
	padding-right: 0px;
	padding-left:0px;
	padding-bottom: 5px; /*distancia entre imagen y opcion del menu*/
	width:141px;
	position:relative;
	display:inline-block;
}
#bd .options_noindex ul li a{
	display:block;
	text-decoration:none;
	cursor:pointer;
	color:#FFFFFF;
	text-align:center;
	}

/** Hovers! */
#bd .options_noindex ul li:hover  {
	background-color:#000000;
	background-repeat: no-repeat;
}

/**/
#bd .menu .menu2 {
	background-color: #5da317;
	padding-left: 15px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8;
	border-radius: 8px;

}

#bd .menu .menu2 img {
	float: left;
	margin-right: 30px;
}

#bd .links {
	height: 70px;
	width: 972px;
	margin-top: 30px;
	margin-bottom: 20px;

}
#bd .links .factura {
	height: 67px;
	width: 348px;
	margin-left: 50px;
}
#bd .links .social {
	background-color: #1a1a1a;
	float: none;
	height: 57px;
	width: 348px;
	margin-left: 370px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8;
	border-radius: 8px;
	position: absolute;
	left: 71px;
	margin-top: -60px;
}

#bd .links .social .icons{
	margin-right: 20px;
	margin-top: -47px;
	float: right;
		
	}

#bd .links .btn{	
	float: right;
	height: 38px;
	width: 141px;
	}

#bd .info {
	background-color: #fff;
	height: 232px;
	width: 465px;
	margin-right: auto;
	margin-left: 0px;
	z-index: 470;
	margin-top: 35px;
}
#bd .mapa  {
	height: 232px;
	width: 450px;
	z-index: 100;
	margin-top: -232px;
	margin-left: 460px;
}

.page_content{
	width:93%;	
	height:auto; 
	margin:auto auto; 
	background-color:#FFFFFF;
	}
	
.left_page_content{
	float:left; width:68%;
	padding:0px 0px 10px 35px;
	background-color:#FFF;
	}	

.right_page_content{
	float:right; width:28%; padding:0px 0px 10px 0px; background-color:#CCCCCC;
	}	
.right_page_services_content{
	float:right; width:28%; padding:0px 0px 78px 0px; background-color:#CCCCCC;
	}	
.right_page_products_content{
	float:right; width:28%; padding:0px 0px 25px 0px; background-color:#CCCCCC;
	}				
.info_content{
	position:relative;
	width:65%; 
	float:left;
	}
.img_info_content{
	width:30%; 
	float:right; 
	margin-top:25%; 
	}	
.factura_yax{
	margin-top:30px;
	width:100%;
	background-color:#ff6600; 
	height:200px;
	text-align:center
	}
div.factura_yax a{
    color: #fff;
    text-decoration: none;
}
.factura_yax .text1{
	padding-top:25px; 
	margin-bottom:20px;
	margin-left:0px; 
	margin-top:30px
	}	
.factura_yax .proximamente{
	 background-color:#007F00; 
	 margin-top:30px; 
	 padding-top:10px; 
	 padding-bottom:10px;
	 font-size:18px
	}	
	
#bd .factura_yax{
	color:#FFFFFF;
	font-family: 'Oxygen', sans-serif;
	font-style:italic;
	font-size:12px;	
	}
#bd .factura_yax_top{
	padding-left:15px;
	padding-right:0px;
	padding-top:15px;
	padding-bottom:0px; 
	}
#bd .menu_factura{
	background-color:#5DA317;
	margin-top:10px;
	margin-bottom:10px;
	padding-top:10px;
	padding-bottom:10px;	
	font-family: 'Oxygen', sans-serif;
	}	
#bd .menu_factura ul li{
	/*float: left;*/
	cursor:pointer;	
	display:inline;
	padding-right: 10px;
	margin-left: 10px;
	}	
/*SERVICIOS.PHP*/	

#bd .optionser ul li{
	float: left;
	margin-top: 90px; /*sube rojo*/
	padding-top: 50px;
	padding-right: 108px;
	margin-left: 0px;
	padding-bottom: 30px; /*distancia entre imagen y opcion del menu*/
}
#bd .optionser ul .estacionamiento  {
	background-image:url(../images/servicios/ico_banos_regaderas.png);
	background-repeat: no-repeat;
}
#bd .optionser ul .regaderas {
	background-image:url(../images/servicios/ico_estacionamiento.png);
	background-repeat: no-repeat;
}

#bd .optionser ul .tienda_conveniencia {
	background-image:url(../images/servicios/ico_tienda.png);
	background-repeat: no-repeat;
}
#bd .optionser ul .vigilancia {
	background-image:url(../images/servicios/ico_vigilancia.png);
	background-repeat: no-repeat;
}
#bd .optionser ul .pension {
	background-image:url(../images/servicios/ico_pension.png);
	background-repeat: no-repeat;
}
#bd .optionser_text{
	padding-top:10px;
	padding-bottom:10px;	
	}
#bd .optionser_text ul li{
	float: left;
	margin-top: 0px; /*sube rojo*/
	padding-top: 0px;
	padding-right: 48px;
	margin-left: 0px;
	margin-bottom:0px;
	padding-bottom: 0px; /*distancia entre imagen y opcion del menu*/
	font-family:'Oxygen', sans-serif;
	font-size:9px;
	text-align:center
}
.tarjetas {
	text-decoration:none;
	margin-bottom:15px;
	margin-top:200px;
	color:#FFFFFF;
	position:relative;
	}
.redes_sociales .text_top{
	background-color:#333333; 
	text-align:center; 
	color:#FFFFFF; 
	margin-bottom:0px; 
	margin-top:100px; 
	padding-top:20px; 
	padding-bottom:20px;
	}	
.facebook a {
    width:  100%;
	height:56px;
    display: block;
    background-image: url('../images/servicios/bt_facebook_off.png');
}
.facebook a:hover {
    background-image: url('../images/servicios/bt_facebook_on.png');
}
.twitter a {
    width:  100%;
		height:56px;
    display: block;
    background-image: url('../images/servicios/bt_twitter_off.png');
}
.twitter a:hover {
    background-image: url('../images/servicios/bt_twitter_on.png');
}
	
.redes_sociales a{
	padding-top: 0px;
	padding-right: 0px;
	padding-left:0px;
	padding-bottom: 0px; /*distancia entre imagen y opcion del menu*/	
	text-decoration:none;
	color:#FFFFFF;
	}
.redes_sociales .facebook a:hover{
	background-color:#000000;
	}
/*TERMINA SERVICIOS.PHP*/	
/*GASOLINERA.PHP*/
#bd .img_sli{
	position:absolute;
	padding-bottom:1px;
	padding-left:553px;
	padding-right:1px;
	padding-top:0px;
	margin-top:0px;
	margin-bottom:1px;
	}			
table{
	width:100%;
	}	
#bd .menu .menu2_servicios {
	background-color: #5AA01C;
	padding-top: 1px;
	padding-left: 50px;
	padding-bottom: 30px;
	height: 180px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8;
	border-radius: 8px;
	margin-top: 0px;
}	
#bd .menu .menu2_servicios .sub h4{
	text-align:left;	
	color:#FFFFFF;
	}
#bd .menu .menu2_servicios p{
	text-align:left;
	color:#FFFFFF;	
	}
#bd .p_ser{
	padding-bottom:1px;
	padding-left:1px;
	padding-right:1px;
	padding-top:0px;	
	}	
	
#contenedorFormulario {
 display: inline-block;
 width:400px;
 padding:20px 50px;
 margin-bottom:30px;
 background:rgba(255, 255, 255, 0.7);
 box-shadow:3px 0px 8px rgba(0, 0, 0, 0.4);
 border-radius: 0 1px 1px 0;
}
.campoTexto {
 display: block;
 background:rgba(243,243,243, 0.9);
 border:1px solid #e5e5e5;
 border-radius: 1px;
 color:#aaa;
 font-size: small;
 margin: 0 0 10px 0;
 padding:1px 4px;
 height:20px;
 outline:none;
 width:330px;
 transition:0.4s width ease-in;
 -webkit-transition:0.4s width ease-in-out;
 -moz-transition:0.4s width ease-in-out;
 -o-transition:0.4s width ease-in-out;
}
.campoTexto:focus {
 width:400px;
 background:#f9f9f9;
 box-shadow: 0px 0px 12px rgb(255, 255, 255);
}
 
textarea {
 background:rgba(244, 244, 244, 0.8);
 border:1px solid #ddd;
 border-radius: 1px;
 display: block;
 padding:5px 5px;
 max-width:100%;
 max-height:150px;
 width:100%;
 height:50px;
 font-size: inherit;
 font-family: 'Oxygen', sans-serif;
 outline:inherit;
}
 
input[type="submit"] {
	text-align:center;
	color:#FFFFFF;
 opacity: 0.7;
 width:200px;
 height:50px;
 border:none;
 margin: 10px 0;
 font-size: 18px;
 background: #5DA317;
 border-radius: 2px;
 cursor:pointer;
 transition:0.2s all ease-in;
 -webkit-transition:0.2s all ease-in-out;
 -moz-transition:0.2s all ease-in-out;
 -o-transition:0.2s all ease-in-out;
}
 
input[type="submit"]:hover {
 background:#6FC21C;
}
 
input[type="submit"]:active {
 box-shadow: inset 0px 2px 4px #2c7c9f;
 transition:0.04s all ease-in-out;
 -webkit-transition:0.04s all ease-in-out;
 -moz-transition:0.04s all ease-in-out;
 -o-transition:0.04s all ease-in-out;
}
/*TERMINA GASOLINERA.PHP*/	
#footer{
	position:relative;
	}
#footer .bd {
	padding-right: 30px;
	padding-left: 30px;
	background-color: #1A1A1A;
	width: 972px;
	height: 90px;
	padding-top: 10px;
}
#footer .bd .p1{
	font-family: 'Oxygen', sans-serif;
	font-size: 14px;
	color: #fff;
	text-align: left;
	font-weight: normal;
	margin-top: 10px;
	width: 200px;
}
#footer .bd .p2{
	font-family: 'Oxygen', sans-serif;
	font-size: 14px;
	color: #fff;
	font-weight: normal;
	text-align: center;
	width: 500px;
	margin-left: 110px;
	margin-top: -40px;
}
#footer .bd .p3{
	font-family: 'Oxygen', sans-serif;
	font-size: 14px;
	color: #fff  !important;
	font-weight: normal;
	text-align: center;
	width: 500px;
	margin-left: 370px;
	margin-top: -35px;
}
#footer .bd .p3 a:visited{
	color: #fff !important;
}
#footer .bd .p3 a:hover{
	color: #fff !important;
}
#footer .bd .p4{
	font-family: 'Oxygen', sans-serif;
	font-size: 14px;
	color: #939393;
	text-align: right;
	font-weight: normal;
	width: 200px;
	margin-left: 760px;
	margin-top: -42px;
}