body{
	background:url(fondo.jpg);
	background-size:100% 100%;
	width:100%;
	font-family: 'Indie Flower', cursive;
}
A:link {color: black;  text-decoration: none }
A:hover {color: black; text-decoration: none }
A:visited {color: black; text-decoration: none }
#menuses{
	background:rgba(225,225,225,1);
	border-radius:10px;
	margin:60px 40px ;
	width:80px;
	box-shadow:2px 2px 2px 2px black;
	height:30px;
	overflow:hidden;
	transition:all 1s;
	position:fixed;

}
.menu{	
	font-size:18pt;
	text-shadow: 1px 1px 2px grey;
	background:rgba(225,225,225,1);
	
	margin:1px;
	color:black;
	padding:0px 0px 0px 12px;
	cursor:pointer;
}

#uno,#dos,#tres,#cuatro,#cinco,#seis,#nueve, #diez{
	width:100%; 
	height:100%;
}
#siete,#ocho{
	width:85%; 
	height:100%;
	background:rgba(1,1,1,0.1); 
	border-radius:20px;  
	margin-left:10%;
	margin-right:10%;
}
.fondocliente{
background:rgba(220,220,220,1);}
.fondosesiones{
background:white;}
.menu:hover{
	color:black;
	font-weight:bold;
}

#menuses > div{
	
}

h4{
text-align:center;
margin:50px 0px 0px 0px;
text-transform: uppercase;
text-shadow: 1px 1px 2px grey, 1px 1px 2px white;
padding-bottom:0px;
}
#cliente, .for{
height:40px;
width:300px;
text-align:center;
float:left;
margin:10px 30px 0px 20px ;
border-radius:10px;

}	
#fcli{
height:200px;
width:500px;
text-align:center;

text-align:center;
font-size:20pt;
color:black;
text-shadow:1px 1px black;
margin:10px 50px 30px 200px ;
padding:0px;
font-weight: bold;
float:left;
}
#salir{
	background:rgba(225,225,225,1);
	border-radius:10px;
	margin:100px 40px ;
	font-size:12pt;
	width:60px;
	box-shadow:2px 2px 2px 2px black;
	padding:5px 0px 5px 15px;
	height:20px;
	overflow:hidden;
	transition:all 1s;
	position:fixed;
	color:black;
	cursor:pointer;
	font-weight:bold;
}
	
.fotla{
	width:250px;
	height:250px;
float:left;
margin:0px 35px 35px 35px;
padding:0px;
border-radius:7px;
background:url(img/fotla.jpg);
background-size:100% 100%;
}
#fthistoria{
	width:650px;
	height:325px;
	float:left;
		margin-left:15%;
		margin-top:0px;
}

#txthistoria{
	width:1000px;
	font-size:14pt;
	clear:both;
	text-align:justify;
	margin-left:15%;
	padding:0px 5px 5px 5px;
	font-weight: bold;

}
#sesion{
	width:85%;
	height:100%;

	margin-left:10%;
	margin-right:10%;

}
.fotos{
	width:350px;
	height:200px;
	float:left;
	border-radius:10px;
	box-shadow:1px 1px 1px black;
	margin:14.5px;
	
}
.foticos{
	width:200px;
	height:125px;
	float:left;
	border-radius:10px;
	box-shadow:1px 1px 1px black;
	margin:25px 10px;
	background:url(img/fondo.jpg);
	background-size:100% 100%;
	
}

.foticos>img{
	width:200px;
	height:125px;
border-radius:10px;
}
.fotos>img{
	width:350px;
	height:200px;
border-radius:10px;
}
.foticos>p{
	padding:0px;
	margin:0px;
	text-align:right;
}
.artpre{
	width:360px;
	height:300px;
	background:rgba(225,225,225,1);
	box-shadow:1px 1px 1px 2px black;
	border-radius:30px;
	margin:10px;
	float:left;
}
h3{
	text-align:center;
	font-size:20pt;
	padding-top:3px;
	
}
li{
text-align:justify;
padding-bottom:6px;
font-weight:bold;
}
.precio{
	
	text-align:center;
	font-size:40px;
	padding:0px;
text-shadow:3px 3px 4px white;
	font-weight:bold;
}
#precios{
	width:85%;
	height:80%;
	
	margin-left:20%;
	margin-right:10%;
	
}
#packs{
	width:85%;
	height:800px;
	
	margin-left:10%;
	margin-right:10%;

}
.artpac{
	width:550px;
	height:350px;
	background:rgba(225,225,225,1);
	box-shadow:1px 1px 1px 2px black;
	border-radius:30px;
	margin:11px;
	float:left;
}
#artnew{
	width:650px;
	height:350px;
	background:rgba(225,225,225,1);
	box-shadow:1px 1px 1px 2px black;
	border-radius:30px;
	padding-right:5px;
	margin:11px 0px 0px 220px;
	float:left;
}
#iformu{
	text-align:center;
	font-size:15pt;
	color:black; 
	float:left; 
	margin-right:100px;
}
.inform{
	width:100px;
	margin:5px; 
	border-radius:10px;
	height:30px;
	box-shadow:2px 2px 3px 2px black;
}
dt{
	font-weight: bold;
}
#datos{
	float:left;
}
#face{
	float:left;
	margin:30px 60px;
}
iframe{ box-shadow:2px 2px 3px 2px black; border-radius:10px;}
.maps{
	float:left;
WIDTH:45%;
height:300px;
	border:1px solid black;
	float:left;
	margin:2.5%;
}
.mapst{
	float:left;
	WIDTH:45%;
	height:120px;
	padding:0px;
	box-shadow:1px 1px 2px 1px black;
	float:left;
	margin:2.5%;
	border-radius:10px;
	background:rgba(225,225,225,1);
	color:black;
	font-size:15pt;
	font-weight:bolt;
	text-align:center;
	
}
