/*   
Theme Name: Vallis
Theme URI: http://www.villa-vallis.com
Description: Villa Vallis theme
Author: Netlex
Author URI: http://www.netlex.hr
Version: 1.0
*/

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

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}


/* END OF ERIC MEYER CSS RESET */


/* CLEARFIX */

.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%;
}



@font-face {
    font-family: 'HelveticaNeueLTCom-UltLtCn';
    src: url('fonts/helveticaneueltcom-ultltcn.eot');
    src: url('fonts/helveticaneueltcom-ultltcn.eot?#iefix') format('embedded-opentype'),
         url('fonts/helveticaneueltcom-ultltcn.woff') format('woff'),
         url('fonts/helveticaneueltcom-ultltcn.ttf') format('truetype'),
         url('fonts/helveticaneueltcom-ultltcn.svg#helveticaneueltcom-ultltcn') format('svg');
    font-weight: normal;
    font-style: normal;
}




/* END OF CLEARFIX */

body{
	font-family: Georgia, "Times New Roman", Times, serif;
	background: #000;
	}

a{
	text-decoration: none;
	}

a:hover{
	text-decoration: underline;
	}	

.header_wrapper{
	background:url(images/bg_header.png) center top no-repeat;
	height: 87px;
	border-bottom: 1px solid #201105;
	}
	
	.header{
		margin: 0 auto;
		width: 990px;
		position: relative;
		}

		.logo{
			position: absolute;
			top: 16px;
			left: 10px;
			}
		
		.loc{
			font-size: 10px;
			color: #aaa;
			position: absolute;
			top: 62px;
			left: 25px;
			}	
		
		.qtranxs_language_chooser{
			position: absolute;
			top: 10px;
			right: 5px;
			}
			
			.qtranxs_language_chooser li{
				float: left;
				padding: 0 10px;
				line-height: 12px;
				text-transform: uppercase;
				}
			
				
			
			.qtranxs_language_chooser li:first-child{
				border-right: 1px solid #fff;
				}	
				
				.qtranxs_language_chooser li a{
					font-size: 11px;
					color: #fff;
					}
					
				.qtranxs_language_chooser li.active a{
					text-decoration: underline;
					}
		
.nav{
	position: absolute;
	top: 50px;
	right: 0px;
	}
	
.nav ul li{
	float: left;
	margin: 0 8px;
	}
	
	.nav ul li a{
		color: #fff;
		font-size: 14px;
		}
	
	.nav ul li a:hover{
		background: url(images/bg_nav_hover.png) bottom center no-repeat;
		padding-bottom: 10px;
		text-decoration: none;
		}
	
	.nav ul li.current_page_item a{
		background: url(images/bg_nav_current.png) bottom center no-repeat;
		padding-bottom: 10px;
		}	
		
		.nav ul li ul{
			display: none;
			}

.index_wrapper{
	background: url(images/img_banner1.jpg) no-repeat center -90px;
	height: 740px;
	}

.index_trans_bg{
	background: url(images/trans_black_50.png);
	position:relative;
	top: 464px;
	}
	
	.content{
		margin: 0 auto;
		width: 990px;
		color: #fff;
		}
	
	.block_index{
		width: 310px;
		margin: 0 30px 0 0;
		float: left;
		}
	
	.mr0{
		margin-right: 0px;
		}
		
		.block_index h1{
			color: #fff;
			font-size: 30px;
			padding: 15px;
			margin-bottom: 20px;
			font-family: 'HelveticaNeueLTCom-UltLtCn', Arial, Helvetica, sans-serif;
			background: url(images/line_heading.png) no-repeat center bottom;
			}
		
		.block_index p{
			color: #fff;
			font-size: 14px;
			line-height: 20px;
			margin-bottom: 20px;
			}	
		
		.block_index img{
			display: block;
			border: 3px solid #fff;
			float: left;
			margin: 0 7px 20px;
			}		
	
	.block_index_croatia{
		background: url(images/bg_croatia.png) no-repeat right 50px;
		height: 250px;
		}
	
.button_link{
	border-radius: 5px;
	font-size: 14px;
	padding: 14px 20px;
	margin-bottom: 10px;
	background: #9e650b;
	box-shadow: inset 0px 0px 8px #462d04;
	color: #fff;
	text-decoration: none;
	-webkit-transition: all 250ms ease-in-out;
	-moz-transition: all 250ms ease-in-out;
	-ms-transition: all 250ms ease-in-out;
	-o-transition: all 250ms ease-in-out;
	transition: all 250ms ease-in-out;
	}	

.button_link:hover{
	box-shadow: none;
	text-decoration: none;
	background: #b17415;
	-webkit-transition: all 250ms ease-in-out;
	-moz-transition: all 250ms ease-in-out;
	-ms-transition: all 250ms ease-in-out;
	-o-transition: all 250ms ease-in-out;
	transition: all 250ms ease-in-out;
	}			

.more_link{
	font-size: 14px;
	padding: 8px 20px 8px 0px;
	background: url(images/arrow_more_link.png) no-repeat right 10px;
	color: #9e650b;
	text-decoration: none;
	}

.block_index .button_link{
	display: block;
	width: 100px;
	text-align: center;
	float: left;
	margin-right: 10px;
	}

.page_wrapper{
	background: url(images/bg_page.png) #000 no-repeat center top;
	}
	
	.page_banner{
		height: 232px;
		border-bottom: 1px solid #201105;
		}

		.page_banner h1{
			width: 990px;
			margin: 0 auto;
			padding-top: 140px;
			color: #fff;
			font-size: 60px;
			text-indent: 20px;
			text-shadow: 0px 0px 8px #000;
			font-family: 'HelveticaNeueLTCom-UltLtCn', Arial, Helvetica, sans-serif;
			}

.pw1 .page_banner{
	background: url(images/img_pagebanner1.jpg) no-repeat center top #000;
	}

.pw2 .page_banner{
	background: url(images/img_pagebanner2.jpg) no-repeat center top #000;
	}	

.pw3 .page_banner{
	background: url(images/img_pagebanner3.jpg) no-repeat center top #000;
	}
	
.pw4 .page_banner{
	background: url(images/img_pagebanner4.jpg) no-repeat center top #000;
	}
	
.pw5 .page_banner{
	background: url(images/img_pagebanner5.jpg) no-repeat center top #000;
	}	

.pw6 .page_banner{
	background: url(images/img_pagebanner6.jpg) no-repeat center top #000;
	}		
	
.pw7 .page_banner{
	background: url(images/img_pagebanner7.jpg) no-repeat center top #000;
	}	
			
.pw8 .page_banner{
	background: url(images/img_pagebanner8.jpg) no-repeat center top #000;
	}

.pw9 .page_banner{
	background: url(images/img_pagebanner9.jpg) no-repeat center top #000;
	}			
		
.grid310{
	width: 290px;
	margin-right: 30px;
	float: left;
	padding: 20px 0 20px 20px;
	}

.grid650{
	width: 610px;
	padding: 20px;
	float: left;
	}	

.grid990{
	width: 950px;
	padding: 20px;
	}	


	.content p{
		font-size: 14px;
		line-height: 20px;
		margin-bottom: 20px;
		}
		
	.content a{
		font-style: italic;
		color: #fff;
		}

	.content h2{
		font-size: 30px;
		line-height: 36px;
		margin-bottom: 20px;
		font-family: 'HelveticaNeueLTCom-UltLtCn', Arial, Helvetica, sans-serif;
		}
	
	.content h3{
		font-size: 24px;
		line-height: 30px;
		margin-bottom: 20px;
		font-family: 'HelveticaNeueLTCom-UltLtCn', Arial, Helvetica, sans-serif;
		}
	
	.content ul, .content ol{
		font-size: 14px;
		line-height: 20px;
		margin-bottom: 20px;
		padding-left: 20px;
		}				
	
	.content ul{
		list-style: square;
		}	
	
	.content ol{
		list-style: decimal;
		}	
	
	.content dl{
		width: 264px;
		font-size: 14px;
		line-height: 24px;
		margin-right: 10px;
		margin-bottom: 20px;
		}
	
	.content dt{
		width: 160px;
		margin-right: 20px; 
		clear: both;
		float: left;
		text-align: right;
		}	
		
	.content dd{
		width: 80px;
		float: right;
		}
	
	.content .gallery{
		height: auto;
		overflow: hidden;
		}
	
	.content .gallery img{
		display: block;
		border: 2px solid #FFFFFF;
		display: block;
		float: left;
		margin: 0 10px 10px 0;
		padding: 2px;
		}	

	.content table{
		font-size: 12px;
		margin-bottom: 20px;
		}
		
		.content tr{
			}
		
		.content table td{
			padding: 10px;
			border-bottom: 1px solid #333;
			}
		
		.content table td.w100{
			width: 100px;
			}
		
		.content table td.highlight{
			background: #333;
			}			
	
	.left{
		float: left;
		}
	
	.frame{
		background: rgba(0,0,0,0.2);
		border: 1px solid #555;
		padding: 20px 30px 0;
		margin-bottom: 20px;
		}		
	
		.frame_block{
			width: 264px;
			float: left;
			}
		
		.button_enquiry{
			display: block;
			text-align: center;
			padding: 15px 0;
			font-size: 18px;
			width: 240px;
			margin-bottom: 20px;
			}
		
		.button_prices{
			  display: block;
			  text-align: center;
			  padding: 10px 0;
			  font-size: 16px;
			  width: 160px;
			  position: absolute;
			  right: 20px;
			}
		
		.call_no{
			font-style: italic;
			font-size: 28px !important;
			width: 240px;
			text-align: center; 
			}
		
		.call_no span{
			font-style: normal;
			font-size: 14px !important;
			margin-bottom: 10px;
			display: block;
			}
		
.down a{
	background: url(images/icon_download.png) no-repeat 0px 2px;
	padding-left: 20px;
	}	
	
.footer_wrapper{
	background: url(images/bg_footer_.png) repeat-x;
	min-height: 280px;
	}
	
.footer{
	margin: 0 auto 20px;
	padding: 30px 0 0;
	width: 990px;
	position: relative;
	}
	
	.footer_logo{
		margin-left: 20px;
		width: 223px;
		float: left;
		}
		
		.footer_logo span{
			font-size: 10px;
			color: #aaa;
			padding-left: 5px;
			}

	.footer_address, .footer_contact{
		margin: 10px 0 0 40px;
		color: #fff;
		font-size: 14px;
		line-height: 20px;
		float: left;
		}
	
	.footer_nav{
		width: 757px;
		height: 58px;
		clear: both;
		margin: 30px 26px;
		background: url(images/bg_footer_nav.png) no-repeat;
		padding-left: 120px;
		}	
		
		.footer_nav li{
			float: left;
			line-height: 58px;
			margin-left: 20px;
			}
			
			.footer_nav li a{
				color: #fff;
				}
	
.footer_contact a{
	color: #fff;
	font-style: italic;
	}	
	
	.footer_credits{
		color: #82613D;
		font-size: 11px;
		text-align: center;
		}			


div.wpcf7{
	width: 610px;
	float: left;
	margin-right: 20px;
	}

div.wpcf7 p{
	clear: both;
	}

.wpcf7-form:after{
	visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
    }

*:first-child+html .wpcf7-form { zoom: 1; } /* IE7 */

.wpcf7-form label{
	clear: both;
	float: left;
	width: 150px;
	margin-right: 40px;
	margin-bottom: 14px;
	line-height: 32px;
	text-align: right;
	}
	
.wpcf7-form input, .wpcf7-form textarea{
	float: left;
	height: 30px;
	line-height: 30px;
	padding: 0 5px;
	width: 360px;
	margin-bottom: 14px;
	border: 1px solid #ddd;
	background: #f7f7f7;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;	
	}

.wpcf7-form select{
	float: left;
	height: 30px;
	line-height: 30px;
	padding: 5px;
	width: 150px;
	margin-bottom: 14px;
	border: 1px solid #ddd;
	background: #f7f7f7;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;	
	}		
	
	.wpcf7-form input:focus, .wpcf7-form textarea:focus{
		background: #fff;
		}	

.wpcf7-form textarea{
	height: 110px;
	}	
	
.wpcf7-form input[type=submit]{
	width: 100px;
	clear: both;
	background: #07a0c5;
	color: #fff;
	font-size: 12px;
	border: none;
	height: 40px;
    line-height: 40px;
	text-transform: uppercase;
	margin: 0 0 10px 462px;
	cursor: pointer;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;	
	font-family: "OpenSansSemiboldRegular",Arial,Helvetica,sans-serif;
	box-shadow: inset 0 -15px 15px #096980;
	text-shadow: 1px 1px 1px #055d72;
	}	
	
	.wpcf7-form input[type=submit]:hover{
		box-shadow: inset 0 -15px 15px #055d72;
		}
	
	.wpcf7-form input[type=submit]:focus{
		box-shadow: inset 0 5px 15px #096980;
		}		



div.wpcf7-response-output{
	clear: both;
	font-size: 12px;
	margin: 20px 0 !important;
	padding: 5px !important;
	}

span.wpcf7-form-control-wrap{
	display: block;
	}

span.wpcf7-not-valid-tip {
    background: none !important;
    border: none !important;
    right: 220px;
	left: 200px !important;
    top: 5px !important;
	font-size: 12px;
	color: #f00;
}

.red{
	color: #f00;
	}							

.table_full{
	width: 100%;
	}	

.pricelist{
	padding: 30px 0 0;
	}

.b_i{
	float: left;
	}	
	
	.b_i span{
		margin: 0px 8px;
		line-height: 20px;
		}
	
	.b_i img{
		margin-top: 5px;
		margin-bottom: 10px;
		}