@charset "UTF-8";
/* CSS Document */

@font-face {
	font-family: 'Conv_BOOKOS';
	src: url('fonts/BOOKOS.eot');
	src: local('☺'), url('fonts/BOOKOS.woff') format('woff'), url('fonts/BOOKOS.ttf') format('truetype'), url('fonts/BOOKOS.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}


h1{
	padding:0px;
	margin:0px;
	padding-bottom:10px;
	padding-top:15px;
}
body{
	margin-bottom:0px;
	margin-left:0px;
	margin-right:0px;
	margin-top:0px;	
	background-color:#030101;
}


.abajo{
	font-family: Arial, Helvetica, sans-serif;
	color: #f0eeaf;
	text-decoration:none;
	font-size:14px;	
}

.tits{
	font-family: 'Conv_BOOKOS';
	color: #f9f8dd;
	text-decoration:none;
	font-size:30px;	
	padding-bottom: 5px;
}

.titulos2{
	font-family: 'Conv_BOOKOS';
	color: #442a19;
	text-decoration:none;
	font-size:30px;	
	padding-bottom: 5px;
}

.subtitulos{
	font-family: 'Conv_BOOKOS';
	color: #442a19;
	text-decoration:none;
	font-size:24px;	
	padding-bottom: 5px;
}

.tits_home{
	font-family: 'Conv_BOOKOS';
	color: #fff;
	text-decoration:none;
	font-size:62px;	
	text-shadow: 2px 2px 1px #000000;
}

.blanco_menu{
	font-family: 'Conv_BOOKOS';
	color: #f9f8dd;
	text-decoration:none;
	font-size:16px;	
	padding:20px 8px 20px 8px;
	background-color: transparent;
	transition: all ease;
}

.blanco_menu:hover{
	background-color:  rgba(166,73,25,.47);
	
}

.blanco_menu_over{
	font-family: 'Conv_BOOKOS';
	color: #f9f8dd;
	text-decoration:none;
	font-size:16px;	
	padding:20px 8px 20px 8px;
	background-color:  rgba(166,73,25,.47);
}

.contenido_grande{
	font-family: 'Conv_BOOKOS';
	color: #715e4a;
	text-decoration:none;
	font-size:24px;	
}

.contenido{
	font-family: 'Conv_BOOKOS';
	color: #715e4a;
	text-decoration:none;
	font-size:18px;	
}

.contenido_medio{
	font-family: 'Conv_BOOKOS';
	color: #715e4a;
	text-decoration:none;
	font-size:16px;	
}


.contenido_link{
	font-family: 'Conv_BOOKOS';
	color: #715e4a;
	text-decoration:none;
	font-size:16px;	
}
.contenido_link:hover{
	font-family: 'Conv_BOOKOS';
	color: #715e4a;
	text-decoration:underline;
	font-size:16px;	
}

.contenido_tit{
	font-family: 'Conv_BOOKOS';
	color: #715e4a;
	text-decoration:none;
	font-size:18px;	
}

.contenido_blanco{
	font-family: 'Conv_BOOKOS';
	color: #fbfae8;
	text-decoration:none;
	font-size:16px;	
}

.cajas_envio{
	background-color: rgba(0,0,0,.4);
	font-family: 'Conv_BOOKOS';
	font-size:18px;	
	text-decoration :none;
	padding: 10px;
	border:0px solid;
	width:100%;
	
	color:#fbfae8;
	
	border-radius:5px;
   -moz-border-radius:5px;
   -webkit-border-radius:5px;

   margin-top: 5px;
   margin-bottom: 10px;

    box-sizing: border-box;
  
	
}

.cajas_envio_com{
	background-color: rgba(0,0,0,.4);
	font-family: 'Conv_BOOKOS';
	font-size:16px;	
	text-decoration :none;
	height:24px;
	border:0px solid;
	width:100%;
	padding-left: 3px;
	padding-right: 3px;
	color:#fbfae8;
	
	border-radius:5px;
   -moz-border-radius:5px;
   -webkit-border-radius:5px;

    margin-top: 5px;
   margin-bottom: 10px;

    box-sizing: border-box;

}

.btn_enviar {
	background:#f0eeaf;
	font-family: 'Conv_BOOKOS';
	font-size:16px;
	overflow:visible;
	padding:3px 15px 3px 15px;
	border: 0px solid;
	color:#442a19;

	border-radius:0px ;
	-moz-border-radius:0px ;
	-webkit-border-radius:0px;

	text-decoration: none;

	-moz-box-shadow: 1px 2px 0px #000000; 
	-webkit-box-shadow: 1px 2px 0px #000000;
	box-shadow: 1px 2px 0px #000000;
	
}

.btn_grande {
	background:#f0eeaf;
	font-family: 'Conv_BOOKOS';
	font-size:20px;
	overflow:visible;
	padding:3px 15px 3px 15px;
	border: 0px solid;
	color:#442a19;

	border-radius:0px ;
	-moz-border-radius:0px ;
	-webkit-border-radius:0px;

	text-decoration: none;

	-moz-box-shadow: 1px 2px 0px #000000; 
	-webkit-box-shadow: 1px 2px 0px #000000;
	box-shadow: 1px 2px 0px #000000;
	
}


.foto_grande {
	border: 10px solid #f0f0de;	
	
	-moz-box-shadow: 0px 2px 10px #000000; 
	-webkit-box-shadow: 0px 2px 10px #000000;
	box-shadow: 0px 2px 10px #000000;
	

}

#menu {
	width:100%; height:145px; 
	background-color:#f1efb3; background-image:url(../images/fondo_home.jpg); 
	background-repeat:repeat-y; 
	background-position:center top; 
	moz-box-shadow: 1px 2px 4px #333; 
	-webkit-box-shadow: 1px 2px 4px #333; box-shadow: 1px 2px 3px #333;
	z-index:4; 
	position:fixed;
}

#menu_normal {

	width: 1000px;
	height: 145px;
	display: inherit;

}

#submenu_normal{
	display: inherit;
	width:100%; background-color:#442a19; z-index:20; position:relative; height:34px;
}



#logo_mobil{

	position: relative;
	width: 200px;
	height: 50px;
	top: 10px;
	display: none;
}

#rayas{
	position: absolute;
	top: 34px;
	left: 20px;
	display: none;
}

#menu_mobil{
	position: absolute;
	background-color: #3f1a08;
	padding-top: 30px;
	padding-bottom: 30px;
	top:80px;
	width: 100%;
	display: none;


	/*background-color: #4a1f0a;*/
	
	background-image: url("../images/rocky-wall.png");
	background-size: auto;
	background-position: 50% 50%;

	-webkit-box-shadow: 0px 2px 7px -1px rgba(0,0,0,0.68);
	-moz-box-shadow: 0px 2px 7px -1px rgba(0,0,0,0.68);
	box-shadow: 0px 2px 7px -1px rgba(0,0,0,0.68);

}

.blanco_menu_mobil{
	font-family: 'Conv_BOOKOS';
	color: #f9f8dd;
	text-decoration:none;
	font-size:16px;	

 	transition: all 0.5s ease;
}

.blanco_menu_mobil:hover{
	text-decoration: underline;	
}

.blanco_menu_mobil_over{
	font-family: 'Conv_BOOKOS';
	color: #f9f8dd;
	text-decoration:none;
	font-size:16px;	
	text-decoration: underline;
}

.grande_menu_mobil{
	font-family: 'Conv_BOOKOS';
	color: #fff;
	text-decoration:none;
	font-size:18px;	

	transition: all 0.5s ease;
}

.grande_menu_mobil_nada{
	font-family: 'Conv_BOOKOS';
	color: #fff;
	text-decoration:none;
	font-size:18px;	

}

.grande_menu_mobil:hover{
	text-decoration: underline;	
}

.grande_menu_mobil_over{
	font-family: 'Conv_BOOKOS';
	color: #f9f8dd;
	text-decoration:none;
	font-size:18px;	
	text-decoration: underline;
}

#abajo_normal{
	width:100% padding-top:10px; padding-bottom:10px; text-align:center;
	display: inherit;
}

#abajo_mobil{
	width:100% padding-top:10px; padding-bottom:10px; text-align:center;
	display: none;
}

#tabla_centro{
	width: 876px;
}

#mover{
	width: 906px;
	overflow:hidden;position:relative;
}

#slideshow{
	width: 100%;
	position: relative; 
	overflow: hidden; 
	height: 33vw;
	z-index:2;
}

#bienvenido{
	width:100%;  position:absolute; z-index:20;
}

#map_canvas{
	width:100%; 
	height:340px;
	position: relative;
}

#contenido_contacto{
	background-color: #4a1f0a;
	height: auto;
	padding-top: 30px;
	padding-bottom: 40px;
	height: auto;
	background-image: url("../images/rocky-wall.png");
	background-size: auto;
	background-position: 50% 50%;

}

#sub_contentido_contacto{
	max-width: 740px;
	min-width: 290px;
	padding-left: 15px;
	padding-right: 15px;
}

#contacto_1{ 
	position: relative;float: left; display: inline; width: 340px;
	text-align: left;
}

#contacto_2{ 
	position: relative;float: left; display: inline; width: 400px;
	text-align: left;
}

#fotota_pic{
	background-color:#000; background-position:center top; background-repeat:no-repeat;width:100%; height:421px; position:relative; z-index:2;
	background-image: url('../images/contacto.jpg');
}

#contenido_espacios{
	max-width:960px; 
	background-color:#f9f8dd;
	min-width: 290px;
	padding-left: 15px;
	padding-right: 15px;
}

.div_contenido{
	position: relative;
	max-width: 1200px;
	min-width: 290px;
	padding-left: 15px;
	padding-right: 15px;
	height: auto;
	/*background-color: #eaeaea;*/
}
.div_contenido2{
	position: relative;
	max-width:800px;
	min-width: 290px;
	padding-left: 15px;
	padding-right: 15px;
	height: auto;
	/*background-color: #eaeaea;*/
}

.contenido_1{
	position: relative;
	display: inline;
	float: left;
	height: auto;
	width: 40%;
	text-align: left;
}

.contenido_2{
	position: relative;
	display: inline;
	float: left;
	height: auto;
	width: 60%;
	text-align: left;
}

.contenido_3{
	position: relative;
	display: inline;
	float: left;
	height: auto;
	width: 50%;
	text-align: left;
}

.contenido_4{
	position: relative;
	display: inline;
	float: left;
	height: auto;
	width: 50%;
	text-align: left;
}

.espaciados_contenido{
	height: 35px;
}

#espaciado{
	height: 145px;
}

#flecha_arriba{
	position: absolute;
	top: 12px;
	right: 60px;
}

#contenido_texto{
	max-width:960px;
	min-width: 290px;
	position:relative;
	padding-right: 15px;
	padding-left: 15px;
	text-align: left;
	padding-top: 30px;
}

#contenido_servicios{
	width:960px;  
	position:relative;
	padding-right: 15px;
	padding-left: 15px;
	height: auto;
}

.icono_servicio{
	width: 320px;
	height: auto;
	display: inline;
	float: left;
	text-align: left;
	position: relative;
	height: 400px;

}

#logo{
	padding-top: 15px;
	padding-bottom: 2px;
}

.menu{
	margin-left: 5px;
	margin-right: 5px;
	padding: 0px 0px 9px 0px;

	font-family: 'Conv_BOOKOS';
	font-weight: bold;
	color: #442a19;
	text-decoration:none;
	font-size:16px;	
	
	border-bottom: 8px solid transparent;
	transition: all ease;
	
}

.menu:hover{
	border-bottom: 8px solid #a64919;
}

.menu_over{
	margin-left: 5px;
	margin-right: 5px;
	padding: 0px 0px 9px 0px;

	font-family: 'Conv_BOOKOS';
	font-weight: bold;
	color: #442a19;
	text-decoration:none;
	font-size:16px;	
	border-bottom: 8px solid #a64919;
}

#elem_flotantes{
	position: fixed;
	bottom: 20px;
	right: 10px;
	z-index: 3000;
}

.video_real{
	width:853px;
	height:480px;
}

.icono_flotante{
	height: 40px;
}

#prox_rest_mobil{
	display: none;
}

.foto_central{
	width: 350px;
}

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

	#prox_rest_mobil{
		display: inherit;
	}

	.icono_servicio{
		height: auto;
	}

	#contenido_servicios{
		width:290px;
	}

	#flecha_arriba{
		top: 32px;
		right: 10px;
	}

	.espaciados_contenido{
		height: 5px;
	}

	.contenido_1{
		
		width: 100%;
		text-align: center;
	}

	.contenido_2{
		
		width: 100%;
		text-align: left;
	}

	.contenido_3{
		
		width: 100%;
		text-align: center;
	}

	.contenido_4{
		
		width: 100%;
		text-align: left;
	}


	.tits{
		
		font-size:22px;	
	}

	.titulos2{
		
		font-size:22px;	
	}

	#fotota_pic{
		background-position:25% top; 
	}

	#contacto_1{ 
		width: 100%;
		text-align: center;
	}

	#contacto_2{ 
		width: 100%;
		text-align: center;
	}

	#map_canvas{
		height:220px; 
		
	}

	#slideshow{
		height:400px;
		z-index:2;
	}

	#menu{

		height: 80px;
	}

	#espaciado{
		height: 80px;
	}

	#menu_normal {
		display: none;
	}

	#submenu_normal{
		display: none;
	}

	#logo_mobil{
		display: inherit;
	}

	#rayas{
		display: inherit;
	}

	.abajo{
		font-family: Arial, Helvetica, sans-serif;
		color: #f0eeaf;
		text-decoration:none;
		font-size:12px;	
	}

	#abajo_normal{
		display: none;
	}

	#abajo_mobil{
		width:100% padding-top:10px; padding-bottom:10px; text-align:center;
		display: inherit;
	}

	#tabla_centro{
		width: 302px;
	}

	#mover{
		width: 302px;
	}

	.tits_home{
		font-size:24px;	
	}

}

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

	.foto_central{
	width: 290px;
}

	.btn_grande {
		font-size:16px;
		
	}

	.contenido_grande{
		font-size:18px;	
	}

	.contenido{
		
		font-size:14px;	
	}

	.contenido_medio{
		font-family: 'Conv_BOOKOS';
		color: #715e4a;
		text-decoration:none;
		font-size:14px;	
	}


	.video_real{
		width:290px;
		height:163px;
	}

	#elem_flotantes{
		bottom: 15px;
		right: 10px;

	}

	.icono_flotante{
		height: 30px;
	}

}