/* ---------------------------------------------------------------- 
 *  RESETS
 * ---------------------------------------------------------------- 
*/ 

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;
}
:focus {
	outline: 0;
}
ol, ul {
	list-style: none;
}
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}

acronym {
	cursor: help;
	border-bottom: 1px dashed #333;
}
strong {
	font-weight: bold;

}
em {
	font-style: italic;
}
hr {
	display: none;
}
.right {
	float: right;
}
.left {
	float: left;
}
.hide {
	display: none;
}
.clear {
	clear: both;
}

.clearfix {
	display: block;
}
html[xmlns] .clearfix {
	display: block;
}
* html .clearfix {
	height: 1%;
}

/* ---------------------------------------------------------------- 
 *  BODY
 * ---------------------------------------------------------------- 
*/ 

body {
	font: 13px/19px Helvetica, Verdana;
	background-position: 0 0;
	background-repeat: repeat;
	background-attachment: fixed;
	text-rendering: optimizeLegibility;
	color: #6D6D6D;
}

/* ---------------------------------------------------------------- 
 *  LINK STYLES
 * ---------------------------------------------------------------- 
*/ 

h4 a:link, a:visited {
	text-decoration: none;
	color: #6D6D6D;

}

h4 a:hover {
	color: #bcbcbc;
	text-decoration: none;
}

h3 a:link, a:visited {
	text-decoration: none;
	color: #bcbcbc;

}

h3 a:hover {
	color: #FF8A0A;
	text-decoration: none;
}

.italic a:link, a:visited {
	color: #a9a9a9;
}


#outer1 .box a:link, a:visited {
	color: #FF8A0A;
	text-decoration: none;
}

#outer1 .box a:hover {
	color: #bcbcbc;
}

#outer3 .box a:link, a:visited {
	color: #FF8A0A;
	text-decoration: none;
	font-size: 1.1em;
	font-style: italic;
}

#outer3 .box a:hover {
	color: #bcbcbc;
	font-size: 1.2em;
	font-weight: bold;	
}


/* ---------------------------------------------------------------- 
 *  HEADINGS
 * ---------------------------------------------------------------- 
*/ 

h1 {
	color: #6D6D6D;
	text-transform: uppercase;
	font: bold 4.7em/1em helvetica, verdana;
	
}

h2 {
	color: #FF8A0A;
	text-transform: capitalize;
	font: italic 1.2em helvetica, verdana;
	font-weight: lighter;
	padding-bottom: 5px;
	margin-top: 70px;
	margin-left: 90px;
}

h3 {
	color: #6D6D6D;
	text-transform: capitalize;
	font-size: 1.1em;
	padding-bottom: 20px;
}

h4 {
  font-size: 1.7em;
	color: #6D6D6D;
	text-transform: capitalize;
	line-height: normal;
	text-align: left;
	padding-bottom: 5px;
	font-weight: lighter;	
}

h5 {
	font-size: 1.8em;
	color: #6D6D6D;
	border-bottom: 2.5px solid #FF8A0A;
	padding-bottom: -1px;
	margin-bottom: 10px;
	padding-left: 25px;
	width: 230px;
	font-style: italic;
	font-weight: bold;
}

h6 {
	color: #FF8A0A;
	font-size: 1.7em;
	text-transform: capitalize;
	padding-top: 7px;
	padding-bottom: 8px;
	font-weight: lighter;
}

#outer1 p {
	color: #6D6D6D;
	font: 1.1em/1.6em helvetica, Verdana;
	text-align: left;
	padding-right: 10px;
}

#outer3 p {
	margin-left: 10px;
	text-align: left;
	color: #8d8d8d;
	font-size: 1.3em;
	line-height: 1.4em;
	margin-top: 40px;
	width: 250px;
	border-bottom: 1px dashed #bcbcbc;
	padding-bottom: 5px;
}

.italic {
	color: #6D6D6D;
	font-style: normal;
}	

.descr {
	color: #FF8A0A;
	background: #fafafa;
	border-left: 1px solid #e5e5e5;
	border-right: 1px solid #e5e5e5;
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #fafafa;	
	padding: 9px 60px 5px 5px;
	display: inline-block;
	font-size: 1.1em;
	text-transform: uppercase;
	margin-top: 12px;
	margin-bottom: -1px;
}	

.box {
	background: #fafafa;
	border: 1px solid #e5e5e5;
	padding: 7px 2px 7px 5px;
	margin-bottom: 10px;
	overflow: hidden;
	display: block;
}

.box1 {
	background: #fafafa;
	border: 1px solid #e5e5e5;
	padding: 10px 5px;
	overflow: hidden;
	display: block;
}

.box2 {
	background: #fafafa;
	border: 1px solid #e5e5e5;
	margin-bottom: 25px;
	overflow: hidden;
	display: inline-block;
	padding: 3px;
	width: 432px;
	margin-top: 15px;
}

#footer p {
	color: #6D6D6D;
	font: 1.1em/1.4em helvetica, Verdana;
	text-align: left;
	vertical-align: text-bottom;
	margin-top: 25px;
	padding-right: 30px;
	padding-left: 25px;
	margin-bottom: 20px;
}

#outer3 h5 {
	font-size: 1.8em;
	color: #6D6D6D;
	border-bottom: 2.5px solid #FF8A0A;
	padding-bottom: -1px;
	margin-bottom: 30px;
	padding-left: 10px;
	width: 190px;
	font-style: italic;
	font-weight: bold;
}

#outer4 li {
	width: 220px;
}

#outer5 li {
	width: 220px;
}

#outer3 .box li {
	text-align: left;
	color: #6D6D6D;
	line-height: 1.4em;
	text-transform: capitalize;
	margin-bottom: 10px;
	font-size: 1.1em;
}


#outer1 .box li {
	text-align: left;
	color: #6D6D6D;
	line-height: 1.4em;
	text-transform: capitalize;
	margin-bottom: 10px;
	font-size: 1.1em;
}

.outer6 li {
	text-align: left;
	color: #6D6D6D;
	line-height: 1.4em;
	margin-bottom: 10px;
	font-size: 1.1em;
}

.outer7 li {
	text-align: left;
	color: #6D6D6D;
	line-height: 1.4em;
	text-transform: capitalize;
	margin-bottom: 10px;
	font-size: 1.1em;
}

.triangle-border {
	position:relative;
	padding:10px;
	margin:1em 0 3em;
	border:3px solid #FF8A0A;;
	color:#333;
	background:#fff;
	
	/* css3 */
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
}

/* ---------------------------------------------------------------- 
 *  WRAPS
 * ---------------------------------------------------------------- 
*/ 


#header_wrap {
  padding: 0 10px;
	width: 1020px;
	margin: 0 auto;
}

#logo_wrap {
  	width: 100%;
	height: 196px;
	background: url(../images/ribbon1.png) no-repeat center bottom;
	color: #6D6D6D;
	margin-bottom: -18px;
	margin-top: -16px;
	margin-right: 0;
}

#map_wrap {
	margin: 0 auto;
	height: 220px;
	background-color: white;
	width: 1120px;
	padding-top: 33px;
}

.page_wrap {
  float: left;
  width: 920px;
}
#footer_wrap {
  padding: 0 10px;
  border-top: 5px solid #dedede;
}


 
/* ---------------------------------------------------------------- 
 *  CONTENT
 * ---------------------------------------------------------------- 
*/ 


#wrapper {
	margin: 0 auto;
	overflow: hidden;
	width: 920px;
	padding-top: 40px;
	padding-bottom: 60px;
}

#outer1 {
	float: left;
	width: 420px;
	margin-top: 20px;

}

#outer2 {
	float: left;
	width: 1px;

}

#outer3 {
	margin-left: 458px;
	margin-top: 106px;
}

#outer1,#outer2,#outer3 {
	padding-bottom: 32767px;
	margin-bottom: -32767px;
}

 

#content {
  width: 700px;
  position: relative;
  background: url(../../Blogheader1.png) no-repeat center bottom;
  float: right;
  height: 300px;
}

.wrapper2 {
	position: relative;
	height: 420px;
	width: 440px;
	background: #fafafa;
	border: 1px solid #e5e5e5;
	padding: 10px;
	margin-top: 20px;
}

#outer4 {
	float: left;
	width: 230px;

}

#outer5 {
	margin-left: 240px;
}

#outer3 .box {
	position: relative;
	width: 440px;
	background: #fafafa;
	border: 1px solid #e5e5e5;
	padding: 10px;
	margin-top: 20px;
}


.outer6 {
	float: left;
	width: 200px;

}

.outer7 {
	margin-left: 200px;
}

/* ---------------------------------------------------------------- 
 *  HEADER
 * ---------------------------------------------------------------- 
*/ 

#logo_wrap img  {
	padding-top: 66px;
	padding-left: 68px;
}  

#banner1 {
	margin: 0 auto;
	width: 920px;
	padding-top: 5px;
	padding-bottom: 5px;
}    

#header {
  width: 920px;
  margin: 0 auto;
  height: 82px;
	padding-bottom: 5px;
	padding-top: 3px;
}

/* ---------------------------------------------------------------- 
 *  MENU
 * ---------------------------------------------------------------- 
*/ 

  #nav {
    background: #6d6d6d url(../images/navigation_bottom.jpg) no-repeat 0 100%;
    height: 82px;
    font-size: 13px;
    line-height: 13px;
    font-family: Helvetica, Verdana, Arial;
    text-transform: uppercase;
    text-align: center;
  }
  #nav li {
    display: inline;
  }
  #nav li a {
    color: #d9d9d9;
    float: left;
    padding: 21px 0 48px;
	text-decoration: none;
}
  #nav li a:hover,
  #nav li.current_page_item a {
    color: #fff;
}
    #nav a.q1 {
      width: 115px;
    }
    #nav a.q2 {
      width: 155px;
    }
    #nav a.q3 {
      width: 185px;
    }
    #nav a.q4 {
      width: 115px;
    }
    #nav a.q5 {
      width: 185px;
    }
    #nav a.q6 {
      width: 65px;
    }
    #nav a.q7 {
      width: 100px;
    }
    #nav a.q8 {
      width: 100px;
    }
    #nav li a.q1:hover,
    #nav li.current_page_item a.q1 {
      background: url(../images/design_nav.png) no-repeat 50% 100%;
    }
    #nav li a.q2:hover,
    #nav li.current_page_item a.q2 {
      background: url(../images/design_navq2.png) no-repeat 50% 100%;
    }
    #nav li a.q3:hover,
    #nav li.current_page_item a.q3 {
      background: url(../images/design_navq3.png) no-repeat 50% 100%;
    }
    #nav li a.q4:hover,
    #nav li.current_page_item a.q4 {
      background: url(../images/design_navq4.png) no-repeat 50% 100%;
    }
    #nav li a.q5:hover,
    #nav li.current_page_item a.q5 {
      background: url(../images/design_navq5.png) no-repeat 50% 100%;
    }
    #nav li a.q6:hover,
    #nav li.current_page_item a.q6 {
      background: url(../images/design_navq6.png) no-repeat 50% 100%;
    }
    #nav li a.q7:hover,
    #nav li.current_page_item a.q7 {
      background: url(../images/design_navq7.png) no-repeat 50% 100%;
    }
    #nav li a.q8:hover,
    #nav li.current_page_item a.q8 {
      background: url(../images/design_navq8.png) no-repeat 50% 100%;
    }


/* ---------------------------------------------------------------- 
 *  EASY SLIDER
 * ---------------------------------------------------------------- 
*/ 

#slider ul, #slider li,
	#slider2 ul, #slider2 li {
	margin: 0;
	padding: 0;
	list-style: none;
}

#slider li {
	width: 700px;
	height: 300px;
	overflow: hidden;
}

#slider1next, #slider1prev {
	display: block;
	width: 40px;
	height: 57px;
	position: absolute;
	left: -29px;
	top: 227px;
}

#nextBtn, #slider1next {
	left: 700px;
}


#slider1next a, #slider1prev a {
	display: block;
	position: relative;
	width: 40px;
	height: 57px;
	color: white;
	font-size: 0;
}

#slider1next a {
	background: url(FrecciaDestra.gif) no-repeat 0 0;
	color: white;
	font-size: 0;
}


/* // Easy Slider */ 


/* ---------------------------------------------------------------- 
 *  CARTINA
 * ---------------------------------------------------------------- 
*/ 
.cartina {
	background: white url(../images/cartina.png) no-repeat 0 bottom;
	height: 161px;
	overflow: visible;
	width: 1100px;
}

.cartina a {
	color: #6D6D6D;
	text-decoration: none;
	text-transform: capitalize;
	font-size: 1.05em;
	font-weight: lighter;

}

.cartina a:hover {
	color: #FF8A0A;
	text-decoration: none;
	font-weight: lighter;
}

.levanto {
	margin-top: 102px;
	margin-left: 155px;
	position: absolute;
}

.monterosso {
	margin-top: 94px;
	margin-left: 273px;
	position: absolute;
}

.vernazza {
	margin-top: 109px;
	margin-left: 370px;
	position: absolute;
}

.corniglia {
	margin-top: 115px;
	margin-left: 455px;
	position: absolute;	
}

.manarola {
	margin-top: 137px;
	margin-left: 510px;
	position: absolute;	
}

.riomaggiore {
	margin-top: 160px;
	margin-left: 550px;
	position: absolute;	
}

.portov {
	margin-top: 118px;
	margin-left: 842px;
	position: absolute;	
}

.laspezia {
	margin-top: 39px;
	margin-left: 750px;
	position: absolute;	
}

.lerici {
	margin-top: 51px;
	margin-left: 915px;
	position: absolute;	
}

/* ---------------------------------------------------------------- 
 *  ELEMENTI VARI
 * ---------------------------------------------------------------- 
*/

.photo {
	padding-left: 90px;
	float: left;
	padding-top: 24px;
	width: 250px;
	height: 170px;
	overflow: hidden;
}

.trattino {
	color: gray;
	text-transform: capitalize;
	font: 1.2em helvetica, verdana;
}

.bottoni {
	padding-top: 10px;
	padding-right: 10px;
	float: right;
}

.vai {
	margin: 360px;
	margin-top: 176px;
	position: absolute;
}

.yes {
	width: 15px;
	height: 17px;
	background: url(../images/Yes.gif) no-repeat center center;
	overflow: visible;
	display: inline-block;
	padding-left: 22px;
}

.no {
	width: 15px;
	height: 17px;
	background: url(../images/No.gif) no-repeat center center;
	overflow: visible;
	display: inline-block;
	padding-left: 22px;
}

/* ---------------------------------------------------------------- 
 *  FOOTER
 * ---------------------------------------------------------------- 
*/ 
 
 

#footer {
	margin: 0 auto;
	width: 1020px;
	background: url(../images/RibbonBase.png) no-repeat center top;
	overflow: hidden;
	padding-top: 180px;
}



#f1,#f2,f3 {
	padding-bottom: 32767px;
	margin-bottom: -32767px;
}
 
#f1 {
	float: left;
	width: 300px;
	padding-right: 25px;
	padding-top: 50px;
	margin-left: 52px;
} 

#f2 {
	float: left;
	width: 300px;
	padding-right: 30px;
	padding-top: 50px;
} 

#f3 {
	margin-left: 697px;
	padding-top: 50px;
} 

#f3 h5 {
	padding-left: 40px;
}

#f3 p {
	padding-left: 40px;
	padding-right: 42px;
}

#f2 p {
	padding-bottom: 20px;
} 
 
#end  {
	margin: 0 auto;
	width: 1020px;
	height: 170px;
	background: url(End.jpg) no-repeat center bottom;
} 


/* PIKA */


.pika-wrap {
	width: 440px;
	margin: 0 auto;
}

.pika-image {
	position: relative;
	height: 340px;
	width: 440px;
	background: #fafafa;
	border: 1px solid #e5e5e5;
	padding: 10px;
}

/*position image holders */

.pika-image .animation, .pika-image .main-image {
	position: absolute;
	top: 10px;
	left: 10px;
}

.pika-image .animation {
	display: none;
	z-index: 2;
}

.pika-image img {
	border: 0;
	margin: 0 auto;
}

.pika-image .caption {
	position: absolute;
	font-size: 11px;
	color: #fafafa;
	padding: 10px;
	text-align: right;
	bottom: 50px;
	right: 10px;
}

.pika-image .caption p {
	padding: 0;
	margin: 0;
	line-height: 14px;
}

.pika-imgnav a {
	position: absolute;
	text-indent: -5000px;
	display: block;
	z-index: 3;
}

.pika-imgnav a.previous {
	background: url(../Villas/assets/images/prev.png) no-repeat left 50%;
	height: 340px;
	width: 50px;
	top: 10px;
	left: 10px;
	cursor: pointer;
}

.pika-imgnav a.next {
	background: url(../Villas/assets/images/next.png) no-repeat right 50%;
	height: 340px;
	width: 50px;
	top: 10px;
	right: 10px;
	cursor: pointer;
}

.pika-imgnav a.play {
	height: 1px;
	width: 1px;
	top: 0;
	left: 50%;
	display: none;
	cursor: pointer;
}

.pika-imgnav a.pause {
	height: 1px;
	width: 1px;
	top: 0;
	left: 50%;
	display: none;
	cursor: pointer;
}

.pika-textnav {
	overflow: hidden;
	margin: 10px 0 0 0;
}

.pika-textnav a {
	font-size: 12px;
	text-decoration: none;
	font-family: helvetica, arial, sans-serif;
	color: #333;
	padding: 4px;
}

.pika-textnav a:hover {
	background: #e5e5e5;
	color: #0065B2;
}

.pika-textnav a.previous {
	float: left;
	width: auto;
	display: block;
}

.pika-textnav a.next {
	float: right;
	width: auto;
	display: block;
}

.pika-thumbs {
	margin: 10px 0 0 0;
	padding: 0;
	overflow: hidden;
}

.pika-thumbs li {
	float: left;
	list-style-type: none;
	width: 74px;
	padding: 3px;
	margin: 0 2px;
	background: #fafafa;
	border: 1px solid #e5e5e5;
	cursor: pointer;
}

.pika-thumbs li:last {
	margin: 0;
}

.pika-thumbs li .clip {
	position: relative;
	width: 74px;
	height: 74px;
	text-align: center;
	vertical-align: center;
	overflow: hidden;
}

/* jCarousel Styles */

.jcarousel-skin-pika .jcarousel-container-horizontal {
	padding: 15px 7px;
	width: 440px;
}

.jcarousel-skin-pika .jcarousel-container-vertical {
	width: 90px;
	height: 750px;
	padding: 20px 20px;
}

.jcarousel-skin-pika .jcarousel-clip-horizontal {
	height: 90px;
	width: 440px;
}

.jcarousel-skin-pika .jcarousel-clip-vertical {
	width: 90px;
	height: 350px;
}

.jcarousel-skin-pika .jcarousel-item-horizontal {
	margin-right: 10px;
}

.jcarousel-skin-pika .jcarousel-item-vertical {
	margin-bottom: 10px;
}

.jcarousel-skin-pika .jcarousel-item-placeholder {
	background: #fff;
	color: #000;
}




/*
	jQuery Coda-Slider v2.0 - http://www.ndoherty.biz/coda-slider
	Copyright (c) 2009 Niall Doherty
	This plugin available for use in all personal or commercial projects under both MIT and GPL licenses.
*/

/* CoDa */


.panel h2.title {
	margin-bottom: 7px;
	margin-top: 5px;
	color: white;
	margin-left: 0;
	font-weight: normal;
	font-style: normal;
	display: inline-block;
}

noscript div {
	background: #ccc;
	margin: 20px 0;
}

/* Most common stuff you'll need to change */

.coda-slider-wrapper {
	padding: 20px 0;
	width: 440px;
}

.coda-slider {
	width: 440px;
}

/* Use this to keep the slider content contained in a box even when JavaScript is disabled */

.coda-slider-no-js .coda-slider {
	height: 440px;
	overflow: auto !important;
}

/* Change the width of the entire slider (without dynamic arrows) */

.coda-slider, .coda-slider .panel {
	width: 440px;
}

/* Change margin and width of the slider (with dynamic arrows) */

.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel {
	width: 440px
}

.coda-slider-wrapper.arrows .coda-slider {
	margin-bottom: 0;
	margin-top: 0;
	margin-right: 0;
}

/* Arrow styling */

.coda-nav-left a, .coda-nav-right a {
	width: 10px;
}

/* Tab nav */

.coda-nav ul li a.current {
	border-bottom: 2px solid #FF8A0A;
	
}

/* Panel padding */

.coda-slider .panel-wrapper {
	padding: 0;
}

/* Preloader */

.coda-slider p.loading {
	text-align: center
}

/* Don't change anything below here unless you know what you're doing */

/* Tabbed nav */

.coda-nav ul {
	display: block;
	overflow: hidden;
	clear: both;
	margin: auto;
}

.coda-nav ul li {
	display: inline;
}

.coda-nav ul li a {
	font: 1.2em/1.5em helvetica, Verdana;	
	color: #6e6e6e;
	display: block;
	float: left;
	text-decoration: none;
	padding-top: 3px;
	padding-bottom: 3px;
	margin-right: 25px;
	text-transform: uppercase;
}

/* Miscellaneous */

.coda-slider-wrapper {
	clear: both;
	width: 440px;
}

.coda-slider {
	float: left;
	overflow: hidden;
	position: relative;
}

.coda-slider .panel {
	display: block;
	float: left;
}

.coda-slider .panel-container {
	position: relative;
}

.coda-nav-left, .coda-nav-right {
	float: left;
}

.coda-nav-left a, .coda-nav-right a {
	display: block;
	text-align: left;
	text-decoration: none;
}

/* FORM STYLE */ 

input {
	width: 90%;
	height: 20px;
	color: gray;
	font-size: 0.8em;
	padding-left: 5px;
}

textarea {
	width: 90%;
	color: gray;
	height: 80px;
	font-size: 1em;
}

select {
	font-size: 1em;	
	width: 90%;
	color: gray;	
}