/* --------- Global Reset & Clearfix Style ---------*/

*{margin:0;padding:0;border:0;}
.clearfix:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.clearfix{display: inline-block;}
html[xmlns] .clearfix{display: block;}
* html .clearfix{height: 1%;}

/* --------- Body Background Style ---------*/

body{
	/* background:#fff url(../images/bg/bg-1.jpg) no-repeat top; */
	font-weight: 400;
	color:#fff;
	font-family: 'Open Sans';
}
/* .bg1{background:#000 url(../images/bg/bg1.jpg) no-repeat top;} */

/* --------- Layout Style ---------*/

#wrapper{width:980px;margin:0 auto;padding-bottom:20px;}

/* --------- Header & Logo Style ---------*/

#header{
	/*height:131px;*/
	position:relative;
}
	#header h1{
		width:300px;
		float:left;
		background:url(../images/logo.png) no-repeat;	
			margin-top:50px;
	}
	
.logo-index
{
		width:300px;
		height:113px;
		float:left;
		background:url(../images/logo.png) no-repeat;	
		margin-top:20px;
		margin-bottom:20px;
}

	
		#header h1 a{
			height:110px;
			display:block;
		}
			#header h1 a span{
				display:none;
			}
			
/* --------- Social Icons Style ---------*/

ul.social-icons{
	list-style:none;
	float:right;
	padding:20px 0 8px 0;
}
ul.social-icons li{
		display:inline;
}
	
/* --------- Navigation Style ---------*/

ul.nav{
	background-color:#00C2A5;
	width:950px;
	height:42px;
	float:left;
	padding:0 0 0 30px;
	font-size:19px;
	font-style:italic;
	font-weight:bold;
	margin-top:100px;
	height:42px;
	
}
	ul.nav li{
		list-style:none;
		position:relative;
		
	}
		ul.nav li, ul.nav li a{
			display:block;
			float:left;
			line-height:42px;	
			
			
		}
		ul.nav li a{
			color:#fff;
			text-transform:uppercase;
			padding:0 35px;	
			
			
		}
			ul.nav li a:hover, ul.nav li.active a{
				color:#fff;
				background-color:#04B799;			
			}
			
			/* --------- Drop Down Level 1 Style ---------*/

				ul.nav li ul{
					position:absolute;
					top:42px;
					left:0;
					visibility:hidden;
					background:#ffbc35 ;
					z-index:999;
					font-size:15px;
					font-style:italic;
					font-weight:bold;
				}
					ul.nav li ul li{
						clear:left;						
						padding:0;				
					}
						ul.nav li ul li, ul.nav li ul li a{
							line-height:30px;
						}
						ul.nav li ul li a{
							padding:0 15px;
							display:block;
							width:204px;						
							
						}
							ul.nav li ul li.hover, ul.nav li ul li:hover, ul.nav li ul li a:hover{
								background:#EDA82F;
								
							}
							
							/* --------- Drop Down Level 2 Style ---------*/	
							
								ul.nav li ul ul{
									left:100%;
									top:0;
									margin-left:-1px;
								}
									ul.nav li ul ul li a{
										width:130px;
									}
								
									ul.nav li a.drop-down-arrow:hover, .drop-down-arrow, .drop-down-arrow:hover{
										background:url(../images/nav_arrow.png) no-repeat 95% center;
									}
								
/* --------- Home Page Gallery Style ---------*/

#home-gallery-wrap{
	padding:9px;	
	width:714px;
	min-height:388px;
}

/* --------- My Photo Gallery Style ---------*/

.gallery{
	width:205px;
	float:left;
	padding:0 38px 0 0;
}
.gallery.last{
	padding:0 0 30px 0;
}
	.gallery h5{
		border:dashed #514b4a;
		border-width:1px 0;
		padding:0;
		height:28px;
		line-height:28px;
		text-align:center;
		font-weight:normal;
		color:#b5b5b5;
		margin-top:10px;
		text-transform:capitalize;
		font-family:Arial,Tahoma,Helvetica,sans-serif;
	}
	ul.pag-nav li{
		list-style:none;
		padding:0 2px;
		display:inline;
	}
		ul.pag-nav li a{
			padding:3px 6px;
			background:#000;
			border:1px solid #5c5c5c;
		}
			ul.pag-nav li a:hover, ul.pag-nav li.active a{
				background:#3f3937;
			}

/* --------- Container Style ---------*/
#my-photo-container{
	background: none repeat scroll 0 0 #2D2928;
    border: 1px solid #2D2928;
	padding:20px;

}
#container p{
	padding-bottom:10px;
}
#mainarea img.floatleft{
	margin:5px 20px 15px 0;
}
#mainarea img.floatright{
	margin:5px 0 15px 20px;
}
#mainarea img.floatleft, #mainarea img.floatright{
	border:1px solid #403b39;
}

/* --------- Main Area Style ---------*/

#mainarea{
	width:670px;
	background:#2d2928;
	padding:20px;
	border:1px solid #2d2928;
	overflow: hidden;
}


	#mainarea h3{
		color:#5dabe6;
		padding-bottom:8px;
	}
	.post{
		padding-bottom:20px;
	}
	#mainarea .post h3{
		text-transform:capitalize;
		padding-bottom:2px;
		font-size:20px;
	}
		#mainarea .post h3 a, .post h3{
			color:#5dabe6;
		}
		.details, .readmore{
			font-size:11px;
			font-style:italic;
			color:#b5b5b5;
		}	
			.readmore{
				text-align:right;
			}
			#mainarea .details a, #mainarea .readmore a{
				color:#4a89b8;
			}
			#mainarea .readmore a{
				text-decoration:underline;
			}
			.entry{
				overflow:hidden;
			}

/* --------- Side Area Style ---------*/

#sidearea{
	width:238px;
	float:right;	
	background:#a7a199;
	padding:15px;
	margin-top:11px;
	height:528px;
}
	#sidearea h3{
		padding-bottom:8px;
	}
	#sidearea ul{
		list-style:none;
	}
	#sidearea ul.flickr{
		padding-bottom:15px;
	}
		#sidearea ul.flickr li{
			display:inline-block;
		}
	.testimonials{
		font-style:italic;
		padding-bottom:5px;
	}
	.testimonials span{
		color:#5dabe6;
		font-style:normal;
		font-weight:bolder;
	}


/* --------- Footer Style ---------*/
#sidearea-playa
{
	width:268px;
	height:554px;
	background: #a7a199 url(../images/playa-1-B.jpg) bottom center no-repeat ; 
	float:right;
	width:268px;
}
#sidearea-playa-uno
{

	background: #a7a199; 
	top:0;
	right:0;
	bottom:0;
	position:absolute;
	width:268px;
}

	.playa-texto
	{
		font-style:italic;
		padding-bottom:5px;
		color:#fff;
		padding:5px;
		margin-left:10px;
		margin-top:10px;
		font-size:17px;
		line-height:19px;
		font-weight:bold;
		width:230px;
		text-align:left;
	}
	.playa-texto span{
		color:#5dabe6;
		font-style:normal;
		font-weight:bolder;
	}
	.playa-texto2
	{

		font-style:italic;
		padding-bottom:5px;
		color:#fff;
		padding:5px;
		margin-left:10px;
		font-size:14px;
		width:220px;
		text-align:left;
		
	}

#footer{

	height:40px;
	line-height:40px;
	padding:0 10px;
	margin:20px 0 0 0;
	color:#2D2928;
	font-size:13px;
	
}
	#footer, #footer a{
		color:#585450;
		padding:4px;		
		}
	#footer a:hover{
		color:#00C2A5;
		
	}
	#footer li{
		list-style:none;
		display:inline;
		padding:0 2px;
	}

/* --------- Form Styles Starts ---------*/
#sub-botonera{

	line-height:20px;
	font-size:15px;
	float:right;
	line-height:42px;
	margin-right:10px;
	
}
	#sub-botonera, #sub-botonera a{
		color: #00C2A5;
		padding:4px;	
		}
	#sub-botonera a:hover{
		color:#A7A199;
		
	}
	#sub-botonera li{
		list-style:none;
		display:inline;
		padding:0 2px;
		font-style: italic;
   
	}

/* --------- Form Styles Starts ---------*/
.input{
	width:500px;
	height:26px;
	line-height:26px;
	padding:0 8px;
	border:1px solid #3c3c3c;
}
.textarea{
	width:500px;
	height:125px;
	padding:12px;
	border:1px solid #3c3c3c;
}
.input, .textarea{
	background:none;
	outline:none;
	color:#fff;
	margin-top:5px;
}
/* --------- Genric Styles Starts ---------*/

a{color:#fff;text-decoration:none;}
a:hover {color:#fff;}
.floatleft{float:left;}
.floatright{float:right;}
.textleft{text-align:left;}
.textright{text-align:right;}
.center{text-align:center;}
#mainarea ul, #mainarea ol{margin:0 0 0 35px;}

/* --------- Genric Styles Ends ---------*/

/* --------- Heading Styles Starts ---------*/

h1{font-size:26px;}
h2
{
	font-family: Raleway;
    font-size: 13px;
    font-weight: 400;
	margin-bottom:15px;
}
h3{font-size:19px;}
h4{font-size:17px;}
h5{font-size:15px;}
h6{font-size:13px;}
h1, h2, h3, h4, h5, h6{

}
h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{
	color:#fff;
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover{
	text-decoration:underline;
}
.tittle-cab
{
	color:#A7A199;
	font-size:24px;
	font-style:italic;
	font-weight:bold;
	margin-bottom:3px;
	display:inline-block;
}

.bt-more 
{
	color:#a7a199;
	font-size:13px;
	font-weight:400;	
	width:80px;
	background-color:#00C2A5;
	float:left;
	padding:5px;
	text-align:center;
	float:right;
	text-decoration:none;
	margin-top:15px;
}

.bt-more:hover
{
	background-color:#00a686;
}

.cab
{
	border-bottom: solid 1px #453f3e;
	float:left;
	height:169px;
	width:673px;

}
.cab-content
{
	float:right;
}


.cab2
{
	border-bottom: solid 1px #453f3e;
	float:left;
	margin-top:10px;
	height:192px;
	width:673px;
}
.cab3
{
	float:left;
	margin-top:10px;
	height:169px;
	width:673px;
}

.cab-text
{
	font-size:13px;
	margin-top:6px;
}
.slogan
{
	float:left;
	position:absolute;
	right:50px;
	top:150px;
	font-size:20px;
	font-style:italic;
	width:150px;
	background-color:red;
}
.tittle-section
{
	/*background-color:#17d8bb;*/
	font-size:18px;
	color:#EDA82F;
	margin-left:10px;
	font-style:italic;
	font-weight:bold;
	padding:5px;
	display:inline-block;
	margin-top:5px;
	line-height:30px;

}
.content-tittle
{
	background-color:#252221;
	color:#04B799;
	height:50px;
	border-bottom:solid 1px #373231;
}
.content-gallery
{
	width:712px;
	min-height: 670px;
	background:#2D2928;
}

/* --------- Heading Styles Ends ---------*/

ul.thumbs {
	height: 364px;
}

.content-second
{
	border-top:solid 1px #373231;
	padding:20px;
}
.content-second span
{
	font-size:16px;
	font-style:italic;
	font-weight:bold;
	background-color:#373231;
	padding:4px;
}

.content-second ul
{
	list-style:none;
	margin:0px;	
	padding:10px;

}
.col-left
{
	margin:0;
}

.second-tittle
{
	background:url(../images/add.png) no-repeat left top;
	width:22px;
	height:22px;
}
.content-total
 {
	position:relative;
 }
 .jacuzzi 
 {
	background-color:#17917f;
	height:35px;
	line-height:35px;
	font-size:18px;
	font-weight:bold;
	font-style:italic;
	text-align:center;
 }
  .jacuzzi:hover
 {
	background-color:#00a68d;
	height:35px;
	line-height:35px;
	font-size:18px;
	font-weight:bold;
	font-style:italic;
	text-align:center;
 }
.footer-home
{
	background-color:white;
	position:fixed;
	bottom:0;
	width:100%;
	height:100px;
	z-index: 99;
}
.footer-home-datos
{
	background-color:white;
	margin:0 auto;
	width:890px;
}

/* CUSTOM BG */

.custombg-content {
	position: relative;
	z-index: 10;
}

.custombg-wrapper {
	position: absolute;
	top: 0; left: 0; right: 0; bottom: 0;
}

.custombg-wrapper li {
	position: absolute;
	left: 0; top: 0; right: 0;
	display: none;
}

.custombg-wrapper li img {
	width: 100%;
}

.custombg-wrapper li.active {
	z-index: 1;
	display: block;
}

.custombg-wrapper li.next {
	z-index: 2;
	display: block;
}

/* /CUSTOM BG */

/* CONTACTO */

.info-contacto
{
	float:right;
	width:280px;
	color:#c2bbb2;
	font-style:italic;
	font-size:18px;
	font-weight:bold;
}

.info-cont-dos
{
	color:#C2BBB2;
	font-size:15px;
	font-weight:normal;
}
.info-cont-tres
{
	color:#17d8bb;
	font-size:15px;
	font-weight:normal;
}
.info-cont-tres span
{
	color:#fff;
	font-size:15px;
	font-weight:normal;
}
.sep
{
	border-bottom:solid 1px #44403e;
	margin-bottom:10px;
	margin-top:10px;
}

.contact-form .sent {
	padding: 90px 0 0 90px;
}

.contact-form .sent .label {
	padding: 36px 0 0 20px;
	background: url(../images/contact-envelope.png) no-repeat left top;
	color: #a9a099;
	line-height: 1;
	font-size: 24px;
	font-style: italic;
}

.contact-form .form {
	padding-left: 20px;
	width: 350px;
}

.contact-form .form textarea ,
.contact-form .form input.text,
.contact-form .form select {
	width: 310px;
	padding: 0 20px;
	border: 0; border-top: 1px solid #474241;
	background: #393534;
	color: #a7a199;
	font-family: 'Open Sans';
	font-size: 17px;
	font-style: italic;
	outline: none;
}

.contact-form .form select {
	width: 350px;
	height: 50px;
	padding: 0 0 0 20px;
}

.contact-form .form input.text {
	height: 48px;
}

.contact-form .form textarea {
	padding: 10px 20px;
	background: #44403e;
	resize: none;
}

.contact-form .form-msg {
	float: left;
	width: 200px;
}

.contact-form .submit {
	float: right;
	width: 120px;
	height: 30px;
	border: 0;
	color: #fff;
	background: #00c2a5;
	font-family: 'Open Sans';
	font-size: 17px;
	font-style: italic;
	color: #006b5b;
	font-weight: normal;
}

.contact-form .row {
	margin-bottom: 8px;
}

.error {
	color:#FF4949;
	padding:0 0 0 10px;
	vertical-align:top;
	font-size:12px;
}
/* /CONTACTO */


/* GALERIA */

.homegallery  {
	position: relative;
	width: 940px;
	height: 350px;
}

.homegallery .stepgallery {
	width: 940px;
	height: 350px;
	overflow: hidden;
}

.homegallery ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.homegallery-nav {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -28px;
    padding-top: 10px;
}

.homegallery-nav .nav {
    float: right;
    position: relative;
    left: -50%;
    text-align: left;
    color: #fff;
    font-family: Arial;
    z-index: 10;
}

.homegallery-nav .nav ul {
    position: relative;
    left: 50%;
    height: 20px;
}

.homegallery-nav .nav li {
	float: left;
}

.homegallery-nav .nav a {
    display: block;
    font-size: 9px;
    margin-left: 4px;
    text-align: center;
    cursor: pointer;
    color: #fff;
    text-decoration: none;

    width: 15px;
    height: 15px;
    background: url(../images/gallery-dot.png) no-repeat top left;
    overflow: hidden;
    text-indent: -100px;
}

.homegallery-nav .nav a.active{
    background: url(../images/gallery-dot-active.png) no-repeat top left;
}
/* /GALERIA */