/*CSS*/
@import url(https://fonts.googleapis.com/css?family=Dancing+Script);
/*---------------------------------------------HTML-BODY...*/
html, body { padding: 0; margin: 0; }
body { background: #f7f6f4; border: none; text-align: left; font-size: 13px; color: #6e6e6e; font-family: 'Ubuntu', sans-serif; }
h1, h2, h3, h4, h5 { font-weight: 700; }
/*---------------------------------------------wrapper*/
.wrapper { width: 1000px; position: relative; margin: 0 auto; }
.wrapper-500 { width: 500px; }
/*---------------------------------------------header*/
#header { min-height: 164px; background-color: #9baf14; padding: 10px 0; position: relative; }
#header .title { color: #263400; position: relative; }
#header .title h1 { font-size: 50px; position: absolute; top: 80px; width: 100%; text-align: center; font-weight: normal; text-shadow: 1px 1px 0 rgba(0,0,0,.2); color: #fff; z-index:1; }
#header .title a { color: #fff; }
#header .title h3 { position: absolute; bottom: 5px; width: 100%; font-weight: normal; font-size: 13px; }
#header .ico img { padding: 0 2px; }
#mainTitle .cirada { position:absolute; width:165px; height:89px; bottom:10px; z-index:0; }
#mainTitle .cirada.leftside { left:-20px; background:url(art/cirada-left.png) no-repeat center; }
#mainTitle .cirada.rightside { right:-20px; background:url(art/cirada-right.png) no-repeat center; }
#language-select { display: inline-block; width: 41px; position: relative; text-align: center; z-index: 999; }
#language-select ul { visibility: hidden; width: 100%; position: absolute; left: 0; top: 110%; background-color: #fff; padding: 10px 0; border-radius: 20px; box-shadow: 0 1px 2px rgba(0,0,0,.22); transition: all ease-out .2s; opacity: 0; }
#language-select ul li { padding: 0; }
#language-select:hover ul { visibility: visible; opacity: 1; top: 90%; }
#language-select li a { display: block; padding: 5px; }
#language-select a:hover { color: #333; }
#page-search { display: inline-block; position: relative; }
#page-search img { cursor: pointer; }
#page-search form { display: none; position: absolute; left: 100%; top: 0; z-index: 99; }
#page-search .field { border-radius: 20px; }
/*---------------------------------------------menu-top*/
#menu-top { width: 100%; height: 52px; background: url(art/menu-top-bg.png) repeat-x; position: relative; z-index: 998; transition: all ease-out .2s; }
.is-sticky #menu-top { box-shadow: 0 0 33px rgba(0,0,0,.33); }
.menu a { font-family: 'Ubuntu Condensed', sans-serif; display: block; padding: 0 6px; line-height: 52px; text-transform: uppercase; color: #9baf14; font-size: 17px; transition: all ease-in .2s; text-shadow: 1px 1px 0 rgba(0,0,0,.11); }
.menu .current a { color: #fff; background: url(art/menu-current-bg.png) no-repeat center bottom; }
.menu a:hover { color: #fff; }
/*---------------------------------------------breadcrumbs*/
.breadcrumbs, .text p.breadcrumbs { color: #8f8e8c; font-weight: 300; text-align:center; }
/*---------------------------------------------sections*/
.section { position: relative; border-top: 1px solid #fff; box-shadow: 0 0 22px rgba(0,0,0,.18); }
.section .wrapper { padding: 20px 0; }
.section .wrapper-500 { padding: 20px 20px 0; }
.section .w50 { width: 50%; }
.section .w30 { width: 30%; }
/*scroller arrows*/
.scroller-arrow { display: block; width: 60px; height: 29px; background-repeat: no-repeat; position: absolute; left: 50%; top: -29px; margin-left: -30px; z-index: 997; }
.scroller-arrow span { display: none; }
.scroller-arrow.green { background-image: url(art/arrow-down-green.png); }
.scroller-arrow.red { background-image: url(art/arrow-down-red.png); }
.scroller-arrow.brown { background-image: url(art/arrow-down-brown.png); }
.scroller-arrow.blue { background-image: url(art/arrow-down-blue.png); }
.scroller-arrow.orange { background-image: url(art/arrow-down-orange.png); }
/*parallax section*/
.section.parallax { background-repeat: no-repeat; background-size: cover; }
.parallax-wrapper { width: 1000px; height: 640px; position: relative; z-index: 1; margin: 0 auto;/*transform: translateZ(1px);*/
}
.parallax-wrapper .section-title { text-shadow: 1px 1px 0 rgba(255,255,255,.33); color: #465c74; padding: 20px 0; }
.section-title h1 { font-size: 60px; font-weight: lighter; }
.section-title h3 { font-size: 48px; font-weight: lighter; }
.section-title h3:first-letter, .section-title h3 span { font-family: 'Dancing Script', cursive; font-size:44px; }
.section-title h4 { font-size: 28px; font-weight: lighter; }
.section-title p { padding: 10px 0; font-size: 30px; text-transform: uppercase; font-weight: 300; }
.section-title.smaller p { font-size: 24px; }
.section .left-column, .section .right-column { position: relative; }
/*fixed height sections*/
.section.fixed { text-shadow: 1px 1px 0 rgba(0,0,0,.22); }
.section.fixed .left-column, .section.fixed .right-column { width: 50%; height: 540px; position: relative; overflow: hidden; }
.section.fixed .description { color: #fff; }
/*section gallery*/
.section-gallery { position: relative; padding: 10px 0 0; }
.gallery-item { display: inline-block; width: 130px; margin: 0 20px 0 0; }
.gallery-ico { height: 32px; padding: 5px 0 10px; }
.gallery-ico img { }
.gallery-thumb { width: 130px; height: 130px; position: relative; overflow: hidden; border-radius: 50%; }
/*unique sections*/
#welcome { background: url(art/bg-1.jpg) no-repeat top; background-attachment: fixed; }
#welcome .section-title p { font-size: 28px; line-height: 20px; }
#article-top { height: 100px; background: url(art/bg-1.jpg) no-repeat center; }
#wine .description { background: #9baf14 url(art/mosaic-green.jpg) no-repeat left bottom; }
#rome .description { background: #a42b01 url(art/mosaic-red.jpg) no-repeat right bottom; }
#church .description { background: #6f543e url(art/mosaic-brown.jpg) no-repeat left bottom; }
#map iframe { position: absolute; width: 100%; border: none; }
#gasztro .description { background: #2a5b85 url(art/mosaic-blue.jpg) no-repeat left bottom; }
#keep-rolling .description { background: #e46d0d url(art/mosaic-orange.jpg) no-repeat left bottom; }
#newsletter-form .field { width: 90%; text-align: center; }
#newsletter-form p { padding: 10px 0; }
/*---------------------------------------------sliders*/
.cycle-slideshow { position: relative; overflow: hidden; width: 100%; height: 100%; }
.cycle-slide { width: 100%; height: 100%; position: absolute; left: 0; top: 0; }
.cycle-pager { position: absolute; bottom: 0; right: 0; z-index: 997; padding: 10px 20px; }
.right .cycle-pager { right: auto; left: 0; }
.cycle-pager li { float: left; width: 40px; height: 40px; background-image: url(art/slider-pager.png); background-repeat: no-repeat; background-position: right; cursor: pointer; }
li.cycle-pager-active { background-position: left; }
/*---------------------------------------------content*/
#content .left-column { width: 64%; }
#content .right-column { width: 32%; }
/*---------------------------------------------buttons*/
.button { position: relative; font-size: 18px; text-transform: uppercase; font-weight: 300; font-family: 'Ubuntu Condensed', sans-serif; }
.button.m10 { margin: 10px 0; }
.button.m20 { margin: 20px 0; }
.button a, input.button { display: inline-block; padding: 14px 25px; color: #fff; background: #333; border-radius: 3px; box-shadow: inset 0 -1px 0 rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.22), inset 0 -20px 33px rgba(0,0,0,.11), 0 3px 5px rgba(0,0,0,.22); text-shadow: 1px 1px 0 rgba(0,0,0,.22); }
.button.green a, input.button.green { background: #92a516; }
.button.red a { background: #9d2801; }
.button.brown a { background: #6b503b; }
.button.blue a { background: #295881; }
.button.orange a { background: #df680c; }
input.button { padding: 5px 22px; }
/*---------------------------------------------menu-items*/
.right-column .menu-items { padding: 0 0 10px; margin: 0 0 10px; border-bottom: 1px solid rgba(0,0,0,.11); }
.menu-item { width: 30%; display: inline-block; padding: 1%; vertical-align: top; text-align: left; position: relative; }
.right-column .menu-item { width: 98%; padding: 20px 0 5px; }
.right-column .menu-item-title { position: absolute; bottom: 20px; right: 10px; color: #fff; }
.menu-item h3 { padding: 0 0 10px; font-size: 44px; font-weight: 300; }
.menu-item h3:first-letter { font-size: 40px; font-family: 'Dancing Script', cursive; }
.right-column .menu-item h3 { color: #fff; text-align: right; line-height: 40px; margin:0; padding:0 5px 0 0; text-shadow: 1px 1px 2px rgba(0,0,0,.55), 2px 2px 6px rgba(0,0,0,.55); }
.menu-item h4 { padding: 10px 0 0; font-size: 24px; font-weight: 300; }
.menu-item-thumb { position: relative; max-height: 150px; border-radius: 4px; overflow: hidden; margin:0 0 10px; }
.menu-item-thumb img { width: 100%; height: auto; }
.right-column .menu-item-thumb img { margin: 0 0 10px; border: 1px solid #fff; box-shadow: 0 1px 2px rgba(0,0,0,.22); }
.menu-item-text { padding: 0 0 10px ; text-align: justify; }
.menu-item-list li { padding: 2px 0; }
.menu-item a { transition: all ease-out .1s; }
/*.menu-item a::after {
	transition:all ease-out .1s;
	content:'';
	width:100%;
	height:1px;
	display:block;
	position:absolute;
	left:0;
	bottom:-10px;
	background:rgba(0,0,0,.11);
	opacity:1;
	-webkit-filter: blur(0px);
}
.menu-item a:hover::after {
	bottom:-12px;
	opacity:.7;
	-webkit-filter: blur(1px);
}
.menu-item a img {
	padding:10px 0;
}*/

/*---------------------------------------------text styles*/
.text p { margin: 10px 0; font-size: 14px; font-weight: 300; line-height: 18px; text-align: justify; }
.text.centered p { text-align: center; }
.text h1 { font-size: 50px; margin: 40px 0 30px; font-weight: bold; }
.text h2 { font-size: 40px; margin: 28px 0 20px; font-weight: bold; }
.text h3 { font-size: 20px; margin: 28px 0 17px; font-weight: bold; }
.text h4 { font-size: 18px; margin: 20px 0 10px; font-weight: bold; }
.text h5 { font-size: 16px; margin: 20px 0 10px; }
.text h6 { font-size: 15px; margin: 20px 0 10px; }
/*---------------------------------------------column styles*/

/*article-lead*/
#article-lead {}
#article-lead strong { font-weight:500; font-size:15px; line-height:130%; }
#article-lead .leadkep { float: left; width: 150px; height: auto; margin: 0 10px 0 0; border-radius: 3px; border-bottom: 1px solid #fff; box-shadow: 0 1px 2px rgba(0,0,0,.11); }
/*article text*/
#article-text { }
/*article related*/
#article-related .gallery-items { padding: 20px 0; }
#article-related .gallery-thumb { float: left; width: auto; height: 110px; border-radius: 0; margin: 10px; position: relative; overflow: hidden; }
#article-related .gallery-thumb img { width: auto; height: 110px; }
.tag-box { padding: 20px 0; }
.teaser-box { padding: 20px 0; }
/*column*/
#article-lead.teaserdesc { margin:0 0 20px; }
.grid-sizer { width: 32%; }
.gutter { width: 1%; }
/*.masonry { -moz-column-count: 2; -webkit-column-count: 2; column-count: 2; -moz-column-gap: 2%; -webkit-column-gap: 2%; column-gap: 2%; }*/
.lead-box { background: #fff; display: inline-block; vertical-align:top; margin: 0 2% 20px 0; width: 43%; padding: 10px 2%; border-radius: 4px; box-shadow: 0 2px 2px rgba(0,0,0,.11); }
.lead-box .date { font-size: 12px; font-style: italic; opacity: .6; }
.lead-box h2 { font-size: 30px; font-weight: 300; }
.lead-box h2 a { display: block; padding: 10px 0; margin: 0 0 5px; border-bottom: 1px dashed rgba(0,0,0,0); }
.lead-box h2 a:hover { border-bottom: 1px dashed rgba(0,0,0,.22); }
.lead-box .leadkep { width: 100%; height: auto; border-radius: 3px; border-bottom: 1px solid #fff; box-shadow: 0 1px 2px rgba(0,0,0,.22); }
.lead-box .text { padding: 10px 0 0; line-height: 150%; opacity: .8; }
.column.w30 { margin: 0 1%; }
/*---------------------------------------------column-titles*/
.column-title { position: relative; }
.column-title h2 { color: #99be29; font-size: 40px; }
.column-title h3 { font-size: 30px; font-weight: 300; color: #757473; text-transform: uppercase; }
.column-title h3::before { width: 40px; height: 40px; content: ''; position: absolute; left: -50px; top: 3px; background-repeat: no-repeat; }
.column-title.ico-photos h3::before { background-image: url(art/ico-photos.png); }
.column-title.ico-tags h3::before { background-image: url(art/ico-tags.png); }
.column-title.ico-share h3::before { background-image: url(art/ico-share.png); }
.right-column .column-title.green { border-top: 5px solid #9baf14; }
.right-column .column-title.red { border-top: 5px solid #c93400; margin-top:30px; }
.right-column .column-title.brown { border-top: 5px solid #a17e61; }
.right-column .column-title.orange { border-top: 5px solid #e46c0c; }
.right-column .column-title h3 { font-size: 15px; line-height: 20px; padding: 10px 0 0; }
/*--------------------------------------footer*/
#footer { background: url(art/footer-bg.jpg) no-repeat center bottom; }
#footer .wrapper { height: 1080px; padding: 0; position: relative; }
#copyright { width: 96%; background: rgba(255,255,255,.8); position: absolute; bottom: 0; left: 0; box-shadow: 0 -5px 6px rgba(0,0,0,.33); }
#copyright .right-column { text-align: right; }
#copyright .row { border-bottom: 1px solid rgba(0,0,0,.22); padding: 10px; }
#footer .menu { }
#footer .menu a { font-family: 'Ubuntu', sans-serif; display: block; padding: 0 6px; line-height: 15px; text-transform: none; color: #666; font-size: 13px; transition: background ease-in .2s; text-shadow: 1px 1px 0 rgba(0,0,0,.11); }
#footer .menu .current a { color: #fff; background: url(art/menu-current-bg.png) no-repeat center bottom; }
#legal { background: #fff; padding: 20px 0; }
/*---------------------------------extra*/
.cGreen, .cGreen a { color: #96c11f; }
.cursive { font-family: 'Allura', cursive; }
.condensed { font-family: 'Ubuntu Condensed', sans-serif; }
/*...common classes*/
img { border: none; vertical-align: middle; }
table { text-align: left; }
hr { height: 1px; background-color: rgba(0,0,0,.11); margin: 20px 0; border: none; border-bottom: 1px solid #fff; }
a { color: #99be29; text-decoration: none; }
a:active { opacity: .9; }
h1, h2, h3, h4, h5, h6, p, ul, ol, li { margin: 0; padding: 0; list-style: none; }
p { }
.centered { text-align: center; }
.clear { clear: both; }
.left { float: left; }
.right { float: right; }
.menu li { display: inline-block; }
ul.floatliLeft li, .menuFloatLeft li { float: left; }
ul.floatliRight li, .menuFloatRight li { float: right; }
.menu.centered ul { text-align: center; }
.menu.centered ul li { display: inline-block; }
.hide { display: none; }
.embossed { box-shadow: inset 0 1px 2px rgba(0,0,0,0.2), 0 1px rgba(255,255,255,0.2); }
.beveled { box-shadow: 0 1px 0 rgba(0,0,0,.3), inset 0 -15px 0 rgba(0,0,0,.2); }
.spacer { padding: 0 5px; }
.field { height: 30px; border: none; padding: 2px 10px; margin: 2px 0; font-size: 18px; font-family: 'Ubuntu Condensed', sans-serif; box-shadow: inset 1px 1px 3px rgba(0,0,0,.22); border-radius: 3px; color: #777; }
input:focus, select:focus { outline: none; }
input.button { line-height: 40px; cursor: pointer; border: none; }
table { border-spacing: 0; }
.funnyTD { box-shadow: 1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,.33); }
/*----------------------------leftovers----------------------*/
.contenteditable { z-index: 999; }
.fb-share-button { position: relative; top: -4px; }