@import"../css/reset.css";
@import"../css/skeleton.css";
@import"../css/superfish.css";
@import"../css/forms.css";
@import"../css/flexslider.css";
@import"../css/prettyPhoto.css";

@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300);

html {overflow-y:scroll;}
body {
	background:#232323 url('../images/body-main.png');/* gris oscuro footer====== */
	font:13px/18px "Trebuchet MS", sans-serif;
	color:#848484; /* gris ====== */
	position:relative;
	min-width:320px;
}
html,body {
	height:100%;
}
a {
	color:#848484; /* gris ====== */
	outline:none;
	cursor:pointer;
	text-decoration:none;
}
img {
	max-width:100%;
	height:auto;
}



/* GLOBAL STRUCTURE
========================================================================= */
.clear {
	clear:both;
	line-height:0;
	font-size:0;
	overflow:hidden;
	height:0;
	width:100%;
}
.wrapper {
	width:100%;
	overflow:hidden;
	position:relative;
}
.wrapper1 {
	width:100%;
	overflow:hidden;
	position:relative;
	box-shadow: 0px 0px 5px rgba(0,0,0,0.5);
}

.extra-wrap {
	overflow:hidden;
	display:block;
}
.fleft {float:left;}
.fright {float:right;}

.bg-main {
	background: #f0f0f0 url('../images/body-main.png') repeat-x;
	position:relative;
}
.bg-head {
	background: url('../images/body-head.png') no-repeat 50% 0;
}

/* TYPOGRAPHY
========================================================================= */
h1 {
	float:left;
	padding-top:17px;
	padding-left:26px;
}
h1 a {
	display:inline-block;
	color:#3b3b3b; /* gris oscuro ====== */
	font:300 60px/72px 'Open Sans Condensed', sans-serif;
	letter-spacing:1.5pt;
}
h2 {
	font: 300 32px/42px 'Open Sans Condensed', sans-serif;
	color:#3b3b3b; /* gris oscuro ====== */
	letter-spacing:1pt;
}
strong, strong a {
	font-weight:bold;
	color:#669933; /* color de fuente ====== */
}
	strong a:hover {
		color:#3b3b3b; /* gris oscuro ====== */
	}
strong.color {color:#848484;} /* gris ====== */

strong1, strong1 a {
	font-weight:bold;
	color:#3b3b3b; /* gris oscuro ====== */
}
	strong1 a:hover {
		color:#669933; /* color de fuente ====== */
	}


/* IDENTS
========================================================================= */
.indent-bot-1 {margin-bottom: 18px;}
.indent-bot-2 {margin-bottom: 12px;}
.indent-bot-3 {margin-bottom: 24px;}
.indent-bot-4 {margin-bottom: 22px;}
.indent-bot-5 {margin-bottom: 21px;}
.indent-bot-6 {margin-bottom: 26px;}
.indent-bot-7 {margin-bottom: 6px;}
.indent-bot-8 {margin-bottom: 14px;}
.indent-bot-9 {margin-bottom: 17px;}
.indent-bot-10 {margin-bottom: 48px;}
.indent-bot-11 {margin-bottom: 40px;}
.indent-bot-12 {margin-bottom: 45px;}

.indent-top-1 {padding-top: 25px;}

.indent-left-1 {padding-left: 5px;}

/* HEADER
========================================================================= */
header {
	padding-bottom:18px;
}
.soc-menu {
	float:right;
	padding-top:32px;
}
.list-soc {
	float:right;
	margin-right:18px;
}
.list-soc li {
	float:left;
	margin-left:7px;
}

.login {
	color: #ffffff; /* gris claro ====== */
	padding-left:24px;
	word-spacing:1px;
}
.login a {
	color: #ffffff; /* gris claro ====== */
	
}
	.login a:hover {
		color:#669933; /* color de fuente ====== */
	}
	
/* CONTENT
========================================================================= */
#content {
	padding:22px 0 50px 0;
	background-color:#fff;
	-webkit-box-shadow: 0px 0px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 0px rgba(0,0,0,0.5);
	box-shadow: 0px 0px 5px rgba(0,0,0,0.5);
	position:relative;
	margin-bottom:-50px;
}


.block-1 {
	border: 1px solid #fff;
	padding:24px 24px 33px 19px;
}

.block-1b{
	border: 1px solid #fff;
	background-color:#ffffff;
	padding:24px 24px 33px 19px;
	background:#f3f3f3 url('../images/body-mainb.png');
}

.block-2 {
	background-color:#f3f3f3;
	padding:36px 28px 27px 27px;
	margin-top:40px;
	line-height:20px;
	position:relative;
}

.block-2:before, .block-3:before {
	display:block;
	content:'';
	width:42px;
	height:47px;
	position:absolute;
	right:9px;
	top:-19px;
	background: url('../images/staple.png') no-repeat;
}
.block-3 {
	background-color:#f3f3f3;
	padding:36px 28px 40px 27px;
	margin-top:40px;
	line-height:20px;
	position:relative;
	margin-right:16px;
}
.block-3 .ta-r {text-align:right; padding-right:4px;}

.block-3 .ta-r a {color:#669933;} /* color de fuente ====== */
.block-3 .ta-r a:hover {color:#848484;} /* gris ====== */

.block-4 {
	background-color:#ffffff;
	padding:0px 0px 0px 0px;
	margin-top:0px;
	line-height:0px;
	position:relative;
	margin-right:0px;
}

.block-4:before {
	display:block;
	content:'';
	width:300px;
	height:47px;
	position:absolute;
	right:0px;
	top:-13px;
	background: url('../images/staple.png') no-repeat;
}

.line {
	background: #dddddd;
	height: 1px;
	overflow:hidden;
}

.b-1 {
	font:18px/26px "Trebuchet MS", sans-serif;
	color:#848484; /* gris  ====== */
	margin-bottom:8px;
}

.b-2 {
	font:18px/26px "Trebuchet MS", sans-serif; /* fuente del flexslider  ====== */
	color:#848484; /* gris  ====== */
	margin-bottom:8px;
	background:rgba(0,0,0,0.6);
	text-align:center;
	line-height:18px
}

.lh-1 {
	line-height:18px;
}
.color-1 {
	color:#3b3b3b; /* gris oscuro ====== */
}
.col-1 {
	width:165px;
	float:left;
	margin-right:24px;
}
.col-2 {
	width:130px;
	float:left;
}

.col-2b {
	width:180px;
	float:left;
}

.col-3 {
	width:204px;
	float:left;
	margin-right:24px;
}

.col-3b {
	width:204px;
	float:left;
	margin-right:24px;
}

.col-3.last {
	margin-right:0;
}

.col-4 {
	width:205px;
	float:left;
	margin-right:24px;
	margin-bottom:20px;
}
.col-4 img {
	margin-bottom:26px;
}
.col-4.last {margin-right:0;}

.col-5 {
	width:116px;
	float:left;
	margin-right:24px;
	margin-bottom:20px;
}
.col-5 img {
	margin-bottom:26px;
}
.col-5.last {margin-right:0;}

.col-5b {
	width:115px;
	float:left;
	margin-right:24px;
	margin-bottom:20px;
}
.col-5b img {
	margin-bottom:26px;
}
.col-5b.last {margin-right:0;}


.border-bottom {
	border-bottom: 1px solid #eaeaea;
	padding-bottom:12px;
}

.img-1 {
	float:left;
	margin-right:18px;
	margin-top:4px;
}

.list-0 li:first-child {
	background:none;
}
.list-0 li {
	padding-left: 9px;
	padding: 4px 0 4px 9px;
	background: url('../images/line_hor.png') repeat-x ;
}
	.list-0 li a {
		display:inline-block;
		background: url('../images/list_marker.png') no-repeat 0 7px;
		color: #848484; /* gris ====== */
		padding-left:11px;
	}
	.list-0 li a:hover {
		color: #669933; /* color de fuente ====== */
	}
	
.rt-extra-wrap {
	overflow:hidden;
}


#booking label {
	display:block;
	margin-bottom:15px;
}
#booking input, #booking textarea {
	display: block;
	margin: 0;
	outline: none;
	box-shadow: none !important;
	padding: 0 10px;
	width: 224px;
	height: 21px;
	font: 13px/18px "Trebuchet MS", sans-serif;
	color: #848484; /* gris ====== */
	background: #ffffff;
	border: 1px solid #eaeaea;
}
#booking textarea {
	overflow: auto;
	resize: none;
	height: 110px;
	padding: 5px 10px;
}
#booking a.button {float:right;}

.rt-indent-1 {padding-right: 32px;}
.rt-indent-2 {padding-right: 60px;}
.rt-indent-3 {padding-left: 24px; padding-right:15px;}
.rt-indent-4 {padding-right: 40px;}
.rt-indent-5 {padding-left: 24px; padding-right:24px;}
.rt-indent-6 {padding-right: 24px;}
.rt-indent-7 {padding-right: 74px;}



/* BUTTONS, LINKS
========================================================================= */
.button, .button-2 {
	display:inline-block;
	color:#fff;
	font-size:12px;
	font-family:Arial, sans-serif;
	background-color:#3b3b3b; /* gris oscuro ====== */
	padding: 0 11px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	line-height:21px;
}
	.button:hover {
		background-color:#669933; /* color de fuente ====== */
	}
.button-2 {
	background-color:#669933; /* color de fuente ====== */
}
	.button-2:hover {
		background-color:#3b3b3b; /* gris oscuro ====== */
	}
	

.button1, .button-2 {
	display:inline-block;
	color:#fff;
	font-size:12px;
	font-family:Arial, sans-serif;
	background-color:#669933; /* color de fuente ====== */
	padding: 0 11px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	line-height:21px;
}
	.button1:hover {
		background-color:#3b3b3b; /* gris oscuro ====== */
	}
	
	
	
.link-1 {
	color:#848484; /* gris ====== */
	text-decoration:underline;
}
	.link-1:hover {
		color:#3b3b3b; /* gris oscuro ====== */
	}
	
.link-2 {
	color:#669933; /* color de fuente ====== */
	text-decoration:underline;
}
	.link-2:hover {
		color:#3b3b3b; /* gris oscuro ====== */
	}
.link-3 {
	color:#669933; /* color de fuente ====== */
}
	.link-3:hover {
		color:#848484; /* gris ====== */
		text-decoration:underline;
	}

/* FOOTER
========================================================================= */
footer {
	padding:78px 0 40px 0;
	position:relative;
	text-align:center;
}
.policy {
	color: #9a9a9a; /* gris claro ====== */
	padding-left:24px;
	word-spacing:1px;
}
.policy a {
	color: #9a9a9a; /* gris claro ====== */
	text-decoration:underline;
}
	.policy a:hover {
		color:#669933; /* color de fuente ====== */
	}
	
.list-soc1 {
	
	padding-top:40px;
	
}
.list-soc1 li {
	float:left;
	margin-left:7px;
}	
	
	
/* MEDIA */
/*==========================================*/
@media only screen and (min-width: 768px) and (max-width: 995px) {
	.hide-pl{display:none;}
	
	h2 {
		letter-spacing:0;
	}
	
	.rt-indent-1 {padding-right: 16px;}
	.rt-indent-2 {padding-right: 30px;}
	.rt-indent-3 {padding-left: 12px; padding-right:8px;}
	.rt-indent-5 {padding-left: 12px; padding-right:12px;}
	.rt-indent-7 {padding-right: 30px;}
	
	.rt-grid-1 {
		float:none;
	}
	.col-3 {
		margin-right:58px;
	}
	
	.col-4 {
		width:170px;
		float:left;
		margin-right:12px;
	}
	.col-4.last {margin-right:0;}
	
	.col-5 {
		width:135px;
		float:left;
		margin-right:12px;
	}
	.col-5.last {margin-right:0;}
	
	.block-3 {margin-right:0;}
	
	.rt-reset {
		padding-left:10px;
		padding-right:10px;
	}
	
	#booking input, #booking textarea {
		width: 172px;
	}
}
@media only screen and (max-width: 767px) {
	.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10б , .grid_11, .grid_12, .grid_13, .grid_14 {margin-bottom:30px;}
    .last-col{margin-bottom:0 !important;}
	.hide-ip{display:none;}
	
	.img-100 {width:100%;} 
	
	.rt-indent-1, .rt-indent-2, .rt-indent-5, .rt-indent-3, .rt-indent-7 {padding: 0;}
	
	.policy {
		padding:0;
		text-align:center;
	}
	.col-1 {
		margin-bottom:20px;
	}
	.col-3 {
		width:auto;
		margin:0;
		margin-bottom:30px;
	}
	.col-4 {width:100%;}
	.col-5b {width:100%;}
	
	
	.rt-reset {
		padding-left:5px;
		padding-right:5px;
	}
	.block-2 {margin-top:0;}
	
	.img-1 {
		float:none;
		margin-right:0;
		margin-bottom:20px;
	}
	.rt-extra-wrap {
		overflow:visible;
	}
	#booking input, #booking textarea {
		width: 196px;
	}
	
	h1 a {
		font-size:36px;
		letter-spacing:0;
	}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
	 .hide-iw{display:none;}
	 
	 .col-4 {
		width:100%;
		margin-right:10px;
	 }
	.col-4.last, .col-4.last-rt {margin-right:0;}
	
	#booking input, #booking textarea {
		width: 316px;
	}
}
/* Project specifics =========================================================== */
/* Pour some CSS below ========================================================= */