@charset "utf-8";

/* CSS Document */



body{ 

	background-color:#E2E2E2;

}





body, #principal, #head, #div_motor, #motor, #div_video{

	border:0;

	margin:0;

	padding:0;

}



.a_simple{

	font-family:Arial, Helvetica, sans-serif; 

	font-size:17px; 

	color:#00AFF3;

}

	

.letras{

	font-family:Arial, Helvetica, sans-serif; 

	font-size:17px; 

	color:#000;

}



.texto_error{

	font-family:Arial, Helvetica, sans-serif; 

	font-size:14px; 

	color:#F03;

	margin-left:5%;

	display:none;

}



.letradellenado{

	font-family:Gotham, 'Helvetica Neue', Helvetica, Arial, sans-serif; 

}



.titulos{

	color:#00AFF3; 

	font-family:Arial, Helvetica, sans-serif;

}



.subtitulos{

	color:#00AFF3; 

	font-family:Arial, Helvetica, sans-serif;

	margin-left:5%;

}



.titulos_form{

	font-family:Arial, Helvetica, sans-serif; 

	font-size:20px; 

	color:#00AFF3;

	font-weight:500;

}



.input_form{

	border-radius:5px;

	border-style:solid;

	border-width:thin;

	border-color:#CCC;

	height:20px;

	width:100%;

	padding-left:5px;

	font-family:Arial, Helvetica, sans-serif; 

	font-size:17px; 

	color:#999;	

}



.input_solo{

	border-radius:5px;

	border-style:solid;

	border-width:thin;

	border-color:#CCC;

	height:20px;

	width:60%;

	min-width:200px;

	padding-left:5px;

	font-family:Arial, Helvetica, sans-serif; 

	font-size:17px; 

	color:#999;		

}



.campo_error{

	border-radius:5px;

	border-style:solid;

	border-width:thin;

	border-color:#F03;

	height:20px;

	width:100%;

	padding-left:5px;

	font-family:Arial, Helvetica, sans-serif; 

	font-size:17px; 

	color:#999;	

}



.td_input_form{

	height:20px;

	width:100%;

}



.area_form{

	border-radius:5px;

	border-style:solid;

	border-width:thin;

	border-color:#CCC;

	height:80px;

	width:100%;

	padding-left:5px;

	font-family:Arial, Helvetica, sans-serif; 

	font-size:17px; 

	color:#999;

	

}



.boton_submit{

	color:#FFF;

	background-color:#00AFF3;

	border-radius:5px;

	border-style:hidden;

	

	height:25px;

	cursor:pointer;

	font-family:Arial, Helvetica, sans-serif; 

	font-size:16px; 

}	



.columnas_2{

	float:left;

	width:50%;

	/*padding:10px;*/

}



.doble_espacio{

	float:left;

	width:100%;

	padding-top:30px;



}



.firma{

	color:#00AFF3; 

	margin-top:30px;

}

	

#principal{

	/*position:fixed;*/

	width:100%;

	background-color:#CCC;

	/*overflow:scroll;*/

}



.central{

	width:100%;

	margin:0 auto; 

	padding:0;

	margin:0;

}	





#head{

	position:relative;

	background-image:url(../img/fondo_head.jpg);

	background-repeat:repeat-x;

	background-size:cover;

	width:100%;

	min-height:280px;

	height:auto;

	

	}

	

#div_logo{

	width:100%;

	text-align:center;

}

	

#logo{

	

	/*width:20%;

	margin-left:40%;*/

}





#div_motor{

	/*background:url(../img/fondo_motor.jpg);*/

	

	position:absolute;

	width:100%;

	background-color:#00AEDB;

	bottom:0px;

	height:100px;

	max-height:100px;

	

	/*

	position:fixed;

	top:180px;

	z-index:9;

	*/

}



#panel_motor{

	

}



#motor{

	width:62.75%;

	height:99px;

	position:absolute;

	bottom:0px;

	left:18.625%;

	

}





#div_links{

	position:absolute;

	left:4%;

	bottom:10px;	

}



#div_links_2{

	display:none;	

}

	

#titulo_motor{

	position:absolute;

	width:12%;	

	left:20%;

	top:35%;

	font:"Lucida Console", Monaco, monospace;

	font-size:24px;

	color:#FFF;

	outline-color:#00F;

	font-weight:bold;

	font-stretch:wider;

	text-align:center;

}

	

#input_busqueda{

	width:36%;

	height:27%;

	position:absolute;

	left:32%;

	bottom:17%;

	border-radius:15px;

	padding-left:10px;

	border:none;	

}



#lupa{

	position:absolute;

	right:22%;

	top:25px;

	cursor:pointer;

	z-index:10;

}



#tipos_de_busqueda{

	margin-left:22cm; 

	width:2cm; 

	height:1.9cm; 

	margin-top:-1.8cm; 

	position:absolute

}





#img_opcion_abc{

	margin-top:-0.08cm; 

	margin-left:0.7cm;

}



#opcion_ubicacion{

	position:absolute; 

	z-index:3; 

	margin-top:0.3cm

}



img_opcion_ubicacion{

	margin-top:0cm; 

	margin-left:0.7cm;

}



#menu_opciones{

	position: absolute;

	right:5%; 

	bottom:20%;	

	z-index:3; 

}



#menu_inicio_resp{

	display:none;

}



#menu_opciones{

	width:120px;

}



.opciones{

	height:0.7cm;

	border:solid; 

	border-width:2px; 

	border-radius:7px; 

	border-color:#FFFFFF;  

	background-color:#00AEDB; 

	color:#FFFFFF; 

	font-size:17px; 

	padding-left:10px;

	padding-right:5px; 

}





.iraayuda{}





#contenido{

	width:100%;

	position:absolute;

}



#columna_centro{

	float:left;

	width:62%;

	background-color:#FFF;

	padding-top:2%;

	padding-bottom:80px;

	min-height:224px;

}  



.columnas_laterales{

	

	float:left;

	width:19%;

	min-height:330px;

	height:100%;	

}



.menus_laterales{

	position:absolute;

	width:18%;

	height:100%;

	/*min-heigh:500px;*/

	top:0.7%;

	background-color:#FFF;

	border-top-left-radius: 5px;

	border-top-right-radius: 5px;

	padding-top:2%;

}



#menu_izq{

	left:0.5%;	

}



#menu_izq a:hover{

	color: #00AEDB;

	

}



.pagina_actual{

	color: #999;

	cursor: default;

}





#menu_der{

	right:0.5%;

	overflow:hidden;

}



.paneles_laterales{

	

	/*position:fixed;

	top:140px;

	width:inherit;*/

	

	overflow:hidden;



}



#div_video{

	width:66.2%;

	float:left;

	/*margin-top:-21.3%;*/

	padding-left:1%;

	padding-top:0.5%;

	

}



#video_promo{

	width:98%; 

	height:auto; 

}



.img_promos{

	position:relative;

	width:32%;

	float:left;

	padding-left:1%;

	margin:0 auto;

}





.img_promos a img{

	width:100%;

	

}



.div_mica{

	position:absolute;

	width:97%;

	height:98%;

	background-color:#000;

	opacity:0;

}





#img_promo4{

	float:left;

	padding-top:0.5%;

	width:32%;

		

}



#img_promo4 a img{

 	width:100%;

}





#img_promo5{

	width:30%;

	float:left;

	padding-left:1%;

	padding-top:3%;	

	/*border:solid;*/

}





#descripcion_enlaceweb{

	width:100%;

	float:left;

	

}



#descripcion_enlaceweb p{

	padding-left:5%;

	padding-right:5%;

	

}



#descripcion_enlaceweb ul{

	padding-left:14%;

	padding-right:10%;

	

}



#descripcion_enlaceweb form{

	padding-left:5%;

	padding-right:5%;

	

}





#flecha_azul{

	display:none;

	

}  





#menu_inicio{

	padding-left:10%;

	margin:0;

	list-style-type:none;

	

	

}



#menu_inicio li {

	padding-bottom:8%;

}



#menu_inicio a {

	color:#000;

	font-weight:bold;

	text-decoration:none;



}



#pie{

	position:absolute;

	bottom:-56px;

	left:0px;

	width:100%;

	/*background:#000;*/

	background-color:#00AEDB;

	color:#FFF;

	z-index:100;

}



#pie p{

	width:100%;

	text-align:center;

	vertical-align:central;

}



#pie a{

	color:#FFF;

	text-decoration:none;

}



.formularios table{

	width:80%;

	text-align:right;

}





.temas_ayuda{

	display:none;		

}



.cual{

	display:none;

}



.sangria{

	width:90%;

	margin-left:5%;

	text-align:justify;

}





/*Registro para Usuarios*/



#boton_agregar{

	height:20px; 

	margin-top:5px; 

	margin-left:10px; 

	cursor:pointer;

}



/* Registo para Empresas */



#paso_1{



}



.tarjetas{
	width:80%; 
	max-width:400px; 
	height:180px; 
	padding-top:15px; 
	border-radius:10px;
	cursor: pointer;

}



.banda{

	width:100%; 

	height:25px;   

	color:#FFF;

	overflow:hidden;

}



#banda_1{

	background-color:#FC0;

}



#banda_2{

	background-color:#7ac043;	

}



#banda_3{

	background-color:#14b5eb;		

}



#banda_4{

	background-color:#666666;	

}



.n_paquete{

	width:auto; 

	float:left; 

	font-size:20px; 

	font-family: 'Bevan', cursive; 

	margin-top:-2px; 

	margin-left:15px;

}



.ico_paquete{

	float:left; 

	margin-left:20px;

}







.d_paquete{

	width:auto; 

	float:left; 

	font-size:30px; 

	font-family: 'Bevan', cursive; 

	margin-top:-9px; 

	margin-left:30px;	

}



.p_paquete{

	width:auto; 

	float:right; 

	font-size:20px; 

	font-family: 'Bevan', cursive; 

	margin-top:-2px; 

	margin-right:15px; 

}



.c_paquete{
	width:100%; 
	float:left; 
	padding-left:8%; 
	text-align:left; 
	color:#B6B6B6;

}



.c_paquete_b{

	width:100%; 
	float:left;
	padding-left:8%; 
	text-align:left; 
	color:#FFF;

}





.sombra_1{

	-webkit-box-shadow: 3px 4px 6px 1px #9D9D9D;

    -moz-box-shadow: 3px 4px 6px 1px #9D9D9D;

    box-shadow: 3px 4px 6px 1px #9D9D9D;

}



.sombra_2{

	position:relative;      

    

	-webkit-box-shadow:0 0px 4px #777, 0 0 20px #CCC inset;

    -moz-box-shadow:0 0px 4px #777, 0 0 20px #CCC inset;

    box-shadow:0 0px 4px #777, 0 0 20px #CCC inset;

}



/*MAPA*/



#mapCanvas {

	position:relative;

    height:300px;

 	width:80%;

	margin-left:10%;

}



#map_canvas, #map-canvas {

	position:absolute;

 	height:100%;

 	width:100%;

}



#infoPanel {

	display:none;

}



#infoPanel div {



}



coord_panel{

	/*display:none;*/

}



/*Plantilla Empresas*/

#tarjeta_empresa{
	width:90%; 
	margin-left:5%; 
	height:200px; 
	padding-top:15px; 
	border-radius:10px;	
}

#datos_empresa{
	height:98%;
}


#logo_empresa{ 
	width:23%;
	height:90%;
	background-image: url(../iconos_paquetes/PAQUETES/icono_empresa.png);
	background-size:contain;
	background-repeat:no-repeat; 
	margin-left:5%; 
	border:solid;   
	margin-top:0.2cm; 
	border-radius:0.2cm;
    border-color:#E1E1E1; 
    border-width:0px;
	z-index:20; 
}


#info_tarjeta_empresa{
	width:61%; 
	height:100%; 
	border:solid;
	border-width:thin; 
	float:right;
	margin-left:0px; 
	margin-top:-5cm; 
	border-top:none; 
	border-bottom:none; 
	border-right:none; 
	border-left-width:thick; 
	border-color:#999; 
	overflow:auto; 
	padding-left:3%; 
	padding-right:3%; 
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; 
	font-size:17px; 
	text-align:justify;
	z-index:19; 
}


#nombre_tarjeta{
	text-align:center;
	font-size:24px;
}


#desc_tarjeta{
	color:#666; 
	font-size:17px; 
	text-align: justify; 
	padding-right:0.35cm;
}


#ico_info_empresa{
	text-align:center;
}


.ico_img{
	cursor:pointer;
	
}

.esp_ico_img{
	margin-right:4%;
	
}


.info_empresa{
	width:80%;
	min-height:5cm;
	margin-left:10%;
	background-color:#00AEDB;
	border-radius:5px;
	color:#FFF;
	padding-top:5px;
	padding-bottom:5px;
	display:none;
}


.mapa_empresa{
	width:80%;
	height:300px;
	margin-left:10%;
	display:none;
	/*border-radius:5px;*/
	
}


.mapa_empresa_b{
	
	/*border-radius:5px;*/
	
}


#tel_empresa{
	width:99%;
	vertical-align:top;
	padding:0;
	margin:0;
	border:0;
}


.div_oculto{
	float:left;
	width:99%;
	display:none;
	
}



@media only screen and (max-width: 950px) {

	

	#motor{

		/*width:112%;

		left:-6%;*/

		width:100%;

		left:0;

    }

	

	#div_links{

		display:none;	

	}

	

	#div_links_2{

		display:inherit;

		position:absolute;

		left:5%;

		bottom:7px;	

	}

	

	#titulo_motor{

		width:100px;	

		left:3%;

	}

	

	#input_busqueda{

		width:60%;

		left:20%;

		

	}

	

	

	#lupa{

		right:8%;



	}

	

	

	#menu_inicio_resp{

	display:inherit;	

	position: absolute;

	top: -30px;

	left:1%; 

	width:120px;

	z-index:3; 

	

	}

	

	#menu_opciones{

		position:absolute;

		top: -30px;

		right:1%;

		

	}





	#tipos_de_busqueda{

		

	}

	





	#img_opcion_abc{

		

	}



	#opcion_ubicacion{

		

	}



	img_opcion_ubicacion{

		

	}

	

	

	

	#contenido{

		width:100%;

		position:absolute;

	}

	

	

	#columna_centro{

		width:99%;

		margin-left:0.5%;

	}  

	

	.columnas_laterales{

		display:none;	

	}

	

}





@media only screen and (max-width: 750px) {



	#titulo_motor{

		display:none;

	}

	

	#input_busqueda{

		width:75%;

		left:5%;	

	}

	

	#lupa{

		right:4%;

	}



}





@media only screen and (max-width: 580px) {



	#logo{

		width: 275px;	

	}

	

	#lupa{

		right:1%;

	}

	

	/*#menu_inicio_resp{

		top: -3px;

		left:1%;

	}

	

	#menu_opciones{

		top: -3px;

		right: 74%;

	}*/

	

	#div_video{

		width:98%;

	}



	.img_promos{

		width:98%;

		

	}



	#img_promo4{

 		width:98%;

	}

		

	

	#div_links_2{

		position:relative;

		width:100%;

		left:0px;

		bottom:inherit; 

		top:10px;

		text-align:center;

		/*left:5%;

		bottom:7px;	*/

	}

	

	.formularios table{

		width:95%;

	}





}





@media only screen and (max-width: 450px) {

	#lupa{
		right:0%;
	}
}