@charset "utf-8";
/* CSS Document */
body{
	 font-family:Arial, Helvetica, sans-serif;
	  background-image:url(img/fondo2.jpg);
	  background-repeat:no-repeat;
	  background-attachment:fixed;
	  font-size:15px;
	  color:#555555;
}

#principal
{
	background: url(img/luces.jpg) left repeat-y, 
                url(img/luces.jpg) right repeat-y;
	background-color:#FFF;
	padding-left: 33px;
	padding-right: 33px;
}

#header
{
	background-image:url(img/header.gif);
	height:404px;
	padding:10px;
	background-position:-65px;
}
.txt1
{
	color:#62A43F;
}
.txt2
{
	color:#267BC5;	
}
.txt3
{
	color:#FFF;
}
.txt4
{
	color:#036;
}
#tit1
{
	color:#FFF;
	text-align:center;
	margin-top:120px;
	
}
.liga_mail, .liga_mail a
{
	color:#62A43F;	
}
.liga, .liga a
{
	color:#00ACCB;
	font-size:15px;	
	
}
#pie
{
	background-color:#FF8000;
	color:#FFF;
	padding:20px;
}
.ligas
{
	font-size:20px;
	padding:25px;
}
.ligas a
{
	color:#FFF;
}
.iconos
{
	padding:10px;
}
#logo
{
	vertical-align:middle;
}
#menu
{
	height:515px;
}
#centro
{
	margin:130px 0 0 0;
}
#boton1
{
	position:absolute;
	top:15px;
	left:500px;
}
#boton2
{
	position:absolute;
	top:75px;
	left:650px;
}
#boton3
{
	position:absolute;
	top:230px;
	left:710px;
}
#boton4
{
	position:absolute;
	top:370px;
	left:655px;
}
#boton5
{
	position:absolute;
	top:430px;
	left:500px;
}
#boton6
{
	position:absolute;
	top:370px;
	left:350px;
}
#boton7
{
	position:absolute;
	top:230px;
	left:295px;
}
#boton8
{
	position:absolute;
	top:75px;
	left:350px;
}
.separador
{
	border-bottom: dashed 2px #CCC;
	width:300px;
}
.space
{
	height:30px;
}
.space2
{
	padding:5px;
}
.space3
{
	padding:40px;
}
{
	padding:10px;
}
.contenido
{
	padding:0 30px 0 30px;
}
.contenido2
{
	padding:30px 30px 50px 30px;
}
.contenido3
{
	padding:30px;
}
.cont_face
{
	padding:10px 10px 30px 10px;
}
.boton_book
{
	float:left;
	padding-left:7px;
}
.boton
{
	float:left;
}
#b1
{
	background-color:#00A3D9;
	color:#FFF;
}
#b2
{
	background-color:#FF0000;
	color:#FFF;
}
#b3
{
	background-color:#FF8000;
	color:#FFF;
}
#b4
{
	background-color:#FFC926;
	color:#FFF;
}
#b5
{
	background-color:#85B200;
	color:#FFF;
}
#b6
{
	background-color:#008C69;
	color:#FFF;
}
#b7
{
	background-color:#5C26FF;
	color:#FFF;
}
#b8
{
	background-color:#FF00FF;
	color:#FFF;
}
.tit1
{
	color:#FF0000;
}
.tit2
{
	color:#85B200;
}
.tit3
{
	color:#5C26FF;
}
.tit4
{
	color:#00A3DA;
}
.tit5
{
	color:#D900D9;
}
.tit6
{
	color:#FF8000;
}
.tit7
{
	color:#00D9D9;
}

.ligas2, a
{
	font-size:18px;
	color:#06C;
}
.ligas3, a
{
	color:#444444;
}
.ligas4 
{
	font-size:24px;
	font-weight:bold;
	text-align:center;
	color:#06C;
}
.liga_menu a
{
	color:#036;
}
.pac
{
	height:370px;
}
.pac2
{
	height:305px;
}

.price_add
{
	height:250px;
}
.alinear
{
	top:150px;
}
.thumbnail
{
	border:none;
}
.reviews
{
	padding:10px 0 10px 0;
	border-bottom:1px dashed #CCCCCC;
	width:300px;
}
.book
{
	background-image:url(img/book.gif);
	width:62px;
	height:27px;
}
.phone
{
	font-size:25px;
	font-weight:bold;
	color:#39F;
}
.fon1
{
	background-color:#FFF0FF;
	padding:10px;
}
.txt_pq
{
	font-size:15px;
}


@media (min-width: 768px) and (max-width: 980px)
{
	#boton1
	{
	top:15px;
	left:290px;
	}
	
	#boton2
	{
	top:80px;
	left:435px;
	}
	
	#boton3
	{
	top:230px;
	left:490px;
	}
	
	#boton4
	{
	position:absolute;
	top:370px;
	left:430px;
	}
	
	#boton5
	{
	top:430px;
	left:270px;
	}
	
	#boton6
	{
	top:370px;
	left:140px;
	}	
	
	#boton7
	{
	top:230px;
	left:90px;
	}	
	
	#boton8
	{
	top:80px;
	left:140px;
	}
	
	#menu2
	{
	font-size:9px;
	margin:-30px 0 0 0;
	}
	
	#header, h3
	{
	background-position:-280px;
	font-size:20px;
	}
}

@media (min-width: 985px) and (max-width: 1200px)
{
	#boton1
	{
	top:15px;
	left:410px;
	}
	
	#boton2
	{
	top:80px;
	left:550px;
	}
	
	#boton3
	{
	top:230px;
	left:600px;
	}
	
	#boton4
	{
	position:absolute;
	top:370px;
	left:540px;
	}
	
	#boton5
	{
	top:430px;
	left:400px;
	}
	
	#boton6
	{
	top:370px;
	left:250px;
	}	
	
	#boton7
	{
	top:230px;
	left:200px;
	}	
	
	#boton8
	{
	top:80px;
	left:250px;
	}
	
	#menu2
	{
	font-size:9px;
	margin:-30px 0 0 0;
	}
	
	#header, h3
	{
	background-position:-280px;
	font-size:20px;
	}
}


@media (min-width: 360px) and (max-width: 750px)
{
	#header
	{
	background-position:-470px;
	}
	
	#boton1
	{
	position:absolute;
	top:-50px;
	left:120px;
	width:80px;
	height:80px;
	}	
	
	#boton2
	{
	top:-10px;
	left:220px;
	width:80px;
	height:80px;
	}
	
	#boton3
	{
	top:85px;
	left:240px;
	width:80px;
	height:80px;
	}
	
	#boton4
	{
	top:170px;
	left:200px;
	width:80px;
	height:80px;
	}
	
	#boton5
	{
	top:215px;
	left:120px;
	width:80px;
	height:80px;
	}
	
	#boton6
	{
	top:180px;
	left:30px;
	width:80px;
	height:80px;
	}
	
	#boton7
	{
	top:85px;
	left:10px;
	width:80px;
	height:80px;
	}
	
	#boton8
	{
	top:-10px;
	left:20px;
	width:80px;
	height:80px;
	}
}

@media (min-width: 360px) and (max-width: 750px)
{
	#header
	{
	background-position:-470px;
	}
	
	#boton1
	{
	position:absolute;
	top:-50px;
	left:120px;
	width:80px;
	height:80px;
	}	
	
	#boton2
	{
	top:-10px;
	left:220px;
	width:80px;
	height:80px;
	}
	
	#boton3
	{
	top:85px;
	left:240px;
	width:80px;
	height:80px;
	}
	
	#boton4
	{
	top:170px;
	left:200px;
	width:80px;
	height:80px;
	}
	
	#boton5
	{
	top:215px;
	left:120px;
	width:80px;
	height:80px;
	}
	
	#boton6
	{
	top:180px;
	left:30px;
	width:80px;
	height:80px;
	}
	
	#boton7
	{
	top:85px;
	left:10px;
	width:80px;
	height:80px;
	}
	
	#boton8
	{
	top:-10px;
	left:20px;
	width:80px;
	height:80px;
	}
}

@media (min-width: 360px) and (max-width: 750px)
{
	#centro
	{
	margin:80px 0 0 25px;
	width:240px;
	height:240px;
	}
}
@media (min-width: 360px) and (max-width: 360px)
{
	.pac
{
	height:360px;	
}
}


@media (min-width: 320px) and (max-width: 750px)
{
	#header
	{
	background-position:-470px;
	background-color:#5ABD2D;
	padding:5px;
	}
}
@media (min-width: 320px) and (max-width: 750px)
{
	
	#menu
	{
	height:250px;
	}
}


@media (min-width: 320px) and (max-width: 320px)
{
	#boton1
	{
	position:absolute;
	top:-45px;
	left:120px;
	width:60px;
	height:60px;
	}	
}



@media (min-width: 320px) and (max-width: 320px)
{
	.ligas
	{
	font-size:15px;
	}
	
	#boton2
	{
	top:-5px;
	left:190px;
	width:60px;
	height:60px;
	}
	
	#boton3
	{
	top:80px;
	left:220px;
	width:60px;
	height:60px;
	}
	
	#boton4
	{
	top:155px;
	left:185px;
	width:60px;
	height:60px;
	}
	
	#boton5
	{
	top:185px;
	left:105px;
	width:60px;
	height:60px;
	}
	
	#boton6
	{
	top:150px;
	left:30px;
	width:60px;
	height:60px;
	}
	
	#boton7
	{
	top:75px;
	left:5px;
	width:60px;
	height:60px;
	}
	
	#boton8
	{
	top:-10px;
	left:30px;
	width:60px;
	height:60px;
	}	
	
	#centro
	{
	margin:80px 0 0 27px;
	width:200px;
	height:200px;
	}
	
	.price
	{
	height:610px;
	}
	
}


/*MENU*/
#menu2
{
	position: relative;
	top:-10px;
	left:14px;
}
#fondo_menu
{
	background-color: transparent;
	border:none;
}
.navbar.m_menu li > a {
	color: #fff;
}
.navbar.m_menu  li.m_home{ 
	background-color: #00a3d9;
}
.navbar.m_menu  li.m_about{ 
	background-color: #ff0000;
}
.navbar.m_menu  li.m_what{ 
	background-color: #ff8000;
}
.navbar.m_menu li.m_pool.open a, 
.navbar.m_menu li.m_pool.open a:focus, 
.navbar.m_menu li.m_pool{ 
	background-color: #F1BC03;
}
.navbar.m_menu  li.m_pool .dropdown-menu > li > a{ 
	background-color: #F1BC03;
	color:#FFF;
}
.navbar.m_menu li.m_pool.open a:hover{
	color:#000;
}
.navbar.m_menu  li.m_pool ul{ 
	background-color: #ffc926;
}
.navbar.m_menu  li.m_prices{ 
	background-color: #85b200;
}
.navbar.m_menu  li.m_reviews{ 
	background-color: #008c69;
}
.navbar.m_menu  li.m_gallery{ 
	background-color: #5c26ff;
}
.navbar.m_menu  li.m_contact{ 
	background-color: #ff00ff;
}
.navbar.m_menu  li.m_spanish
{ 
	background-color: #A300D9;
}
@media (min-width: 767px)
{
	.navbar.m_menu .nav.navbar-nav{
		width:100%;
	}
	.navbar.m_menu .nav.navbar-nav >li {
		max-height:65px;
	}
	.navbar.m_menu .nav.navbar-nav >li > a {
		padding-bottom: 40px;
	}
	.navbar.m_menu  li.m_home{ 
		width:8%;
	}
	.navbar.m_menu  li.m_about{ 
		width:9%;
	}
	.navbar.m_menu  li.m_what{ 
		width:10%;
	}
	.navbar.m_menu  li.m_pool{ 
		max-width:24%;
	}
	.navbar.m_menu  li.m_prices{ 
		width:10%;
	}
	.navbar.m_menu  li.m_reviews{ 
		width:13%;
	}
	.navbar.m_menu  li.m_gallery{ 
		width:10%;
	}
	.navbar.m_menu  li.m_contact{ 
		width:10%;
	}
	.navbar.m_menu  li.m_spanish{ 
		width:10%;
	}
}
@media (min-width: 767px) and (max-width: 1200px)
{
	.navbar.m_menu .nav.navbar-nav >li {
		max-height:70px;
	}
	
	#menu2
	{
		left:-30px;
		font-size:10px;
	}
	.navbar.m_menu li > a {
	color: #fff;
	font-size:15px;
	}
	.pac
	{
		height:500px;
	}
	.pac2
	{
		height:400ppx;
	}


}
@media (min-width: 320px) and (max-width: 760px)
{
	#menu2
	{
		top:5px;
		left:0;
	}
	.navbar.m_menu li > a {
	color: #fff;
	font-size:10px;
}