/*
Theme Name: San Vito Lo Capo
Description: San Vito Lo Capo
Author: Masmind
Version: 0.99
*/

@font-face {
    font-family: 'TrebuchetMSRegular';
    src: url('font-face/trebuc-webfont.eot?') format('eot'),
        url('font-face/trebuc-webfont.woff') format('woff'),
        url('font-face/trebuc-webfont.ttf') format('truetype'),
        url('font-face/trebuc-webfont.svg#webfontLj0onelB') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* Resetter */

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,
b, u, i, center,
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-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

/* remember to define focus styles! */

:focus {
    outline: 0;
}
a:active {
    outline: none;
}
a:focus {
    -moz-outline-style: none;
}
a {
    text-decoration : none;
}

/* remember to highlight inserts somehow! */

ins {
    text-decoration: none;
}
del {
    text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */

table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* Inizio Tipografia e colori */

body, a, input, textarea, label {
    font-family: Arial, Helvetica, lucida-sans, Tahoma;
    font-size: 13px;
    color : rgb(90,90,90);
    line-height : 140%;
}
img, fieldset, input, textarea {
    border : 0px;
}
a *{
    cursor : pointer !important;
}
h1,h2,h3,h4,h5{
    display : block;
    font-weight : normal;
}
body{
    background: url(images/top-bg.jpg) repeat-x left top;
}

/* Titoli e paragrafi */

.title{
    color: #154C8C;
    font-family: 'TrebuchetMSRegular',Arial;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
    text-transform: uppercase;
}
#main-container{
    margin : 0 auto;
    width : 960px;
}
#top{
    height : 130px;
    width : 960px;
}

/* Gestione Logo */

.logo{
    width : 295px;
    background: url(images/logo.jpg) no-repeat left top;
    float : left;
    margin-top : 15px;
    margin-left : -10px;
    height : 105px;
}
.logo a{
    display : block;
    width : 295px;
    height : 105px;
}

/* Navigations */

#navigations{
    float: right;
    height: 40px;
    margin-top: 73px;
    width: 650px;
}
#navigations li{
    list-style: none;
    float : left;
}
#navigations li a{
    float : left;
    text-transform: uppercase;
    font-size : 15px;
    padding : 9px 10px 27px 10px;
    color : rgb(115,105,100);
    font-family: 'TrebuchetMSRegular', Arial;
    position: relative;
    height : 1%;
}
#navigations li a:hover{
    background: url(images/arrow-nav.jpg) no-repeat center bottom;
    color : rgb(21,76,140);
}

/* Header */

#home-header{
    border : 5px solid rgb(109,155,206);
    width : 950px;
    overflow: hidden;
}
#slider{
    width : 950px;
    height : 280px;
    overflow: hidden;
}
#slider li{
    width : 950px;
    height : 280px;
    float : left;
}

/* Image Nav */

.image-nav{
    width : 960px;
    height : 110px;
    margin-top : 15px;
    background: url(images/image-nav.jpg) no-repeat left top;
}
.image-nav a.boxex{
    float : left;
    width : 165px;
    margin-right : 15px;
    padding : 10px 0px 0px 60px;
}
a.boxex span{
    font-size : 11px;
    padding-left : 2px;
    display : block;
    line-height: 135%;
}
a.boxex:hover span{
    color : #7F7F7F;
}
.image-nav .title{
    font-weight: bold;
    text-transform: uppercase;
    font-size : 16px;
    color : rgb(21,76,140);
    font-family: 'TrebuchetMSRegular', Arial;
    margin-bottom: 6px;
    display : block;
}
.image-nav a.boxex.first{
    margin-left : 15px;
}
.image-nav a.boxex.last{
    margin-right : 0px;
}
.text-page{
    margin-bottom : 25px;
}
.text-page img{
    border : 5px solid #6D9BCE;
    margin : 10px 0px;
    clear : left;
}
.text-page.eno {
    padding-right : 220px;
    background: url(images/gastro.png) no-repeat right 25px;
}
.text-page.artigianal {
    padding-right : 220px;
    background: url(images/arte-artigianato.jpg) no-repeat right top;
}
.text-page.eno a.more-info, .text-page.artigianal a.more-info{
    float : left;
}

/* More Info */

a.more-info{
    font-weight : bold;
    font-family: 'TrebuchetMSRegular', Arial;
    float : right;
    margin : 5px 0px;
    color : rgb(21,76,140);
}
.posts a:hover, #footer a:hover{
    color : #27619F;
}

/* Contenuto Centrale */

#central-container{
    width : 960px;
    margin : 10px auto 20px auto;
    background: url(images/line.gif) repeat-y 615px top;
}
.page #central-container, .single #central-container{
    background: url(images/line.gif) repeat-y 640px top;
    margin-bottom : 30px;
}
.posts{
    float : left;
    width : 590px;
    background: #fff;
}
.page .posts, .posts.single {
    width : 600px;
    padding-left : 20px;
}
.secondary{
    width : 320px;
    float : right
}
.page .secondary, .single .secondary{
    width : 300px;
}
.sidebar{
    margin-right : 20px;
}
.n-list a, .secondary .menu-item-object-page a{
    background: url(images/arrow.jpg) no-repeat 5px 12px;
    border-bottom: 1px solid #D2D1D1;
    padding : 6px 10px 6px 20px;
    display : block;
}
.secondary .menu-item-object-page a{
    border : 0px;
    font-size : 13px;
    text-transform: uppercase;
}
.n-list a:hover{
    background: #F5FAFF url(images/arrow.jpg) no-repeat 5px 12px;
    color : #154C8C;
}
.secondary .menu-item-object-page a:hover{
    color: #154C8C;
    background: #F5FAFF url(images/arrow.jpg) no-repeat 5px 12px;
}
.xoxo{
    margin-bottom : 25px;
}

/* Tariffe e Condizioni */

.prices{
    height : 95px;
    display : block;
    width : 305px;
    margin : 0 auto;
    background: url(images/tar-cond.png) no-repeat left top;
    margin : 20px 0px 20px 0px;
}
.prices:hover, .photos a:hover img{
    opacity : 0.9;
}

/* Photos */

.photos{
    margin : 40px 0px 20px 0px;
    background: url(images/box-bg.jpg) repeat-x left bottom;
    padding-bottom : 5px;
    height : 1%;

}
.photos ul{
    float : left;
    margin-top : 20px;
    height : 1%;
}
.photos li{
    float : left;
    margin-right : 13px;
    margin-bottom : 11px;
}
.photos li img{
    height : 70px;
    width : 70px;
}
.photos li.last{
    margin-right : 0px;
}
.search-box{
    margin-bottom : 20px;
    background: url(images/search.jpg) no-repeat left top;
}
#searchform label{
    display : none;
}
.search-box input#s{
    background: none;
    border : none;
    width : 205px;
    font-size: 13px;
    padding : 5px;
    border : 1px solid #D2D1D1;
}
.search-box #searchsubmit, .entry-content #searchform #searchsubmit{
    background: #2B90C6;
    padding-top : 1px;
    height : 28px;
    text-align: center;
    width : 60px;
    color : #fff;
    font-weight: bold;
    font-size : 12px;
    border : 0px;
    padding : 0px;
    padding-bottom: 4px;
    float : right;
    margin-right : 23px;
    cursor : pointer;
    .margin-top : -22px;
}
.entry-content #searchform {
    width : 300px;
    margin-top : 20px;
}
.entry-content #searchform #s{
    float: left;
    margin-bottom: 10px;
    width: 200px;
    border: 1px solid #BFDFFF;
    padding: 4px 5px;
}
.gallery-icon a{
    float : left;
    margin-right : 5px;
}
.widget-container .wp-post-image{
    float : left;
    margin-right : 10px;
}
.gallery{
    margin-top : 20px;
}
.gallery-icon a:hover img{
    opacity : 0.9;
}
.widget-container.gallery{
    margin-bottom : 0px;
}
.gallery img.attachment-thumbnail{
    width : 120px;
    height : 120px;
    margin : 0px 10px 15px 0px;
}
.widget-container.gallery a{
    float : left;
    margin : 0px 20px 20px 0px;
    height : 80px;
    width : 80px;
}
.widget-container.gallery a.last{
    margin-right : 0px;
}
.widget-container.gallery a:hover img{
    opacity : 0.9;
}
.bck{
    border : 5px solid #EFEFEF;
    background: #EFF7FF;
    padding : 15px;
}

/* Form dei contatti */

.contactform{
    width : 410px;
    margin-top : 30px;
    position : relative;
}
.contactform .required{
    color : #4F4F4F;
    font-weight: normal;
}
.contactform input{
    float: right;
    margin-bottom: 10px;
    width: 300px;
    border: 1px solid #D2D1D1;
    padding: 5px;    
}
.contactform label{
    clear: both;
    color: #154C8C;
    float: left;
    font-size: 13px;
    font-weight: bold;
    padding-top: 2px;
}
.contactform textarea{
    float: right;
    margin-bottom: 10px;
    width: 300px;
    border: 1px solid #D2D1D1;
    padding: 5px;
    height : 117px;
}
.contactform .button{
    border : 0px !important;
    height : 30px !important;
    padding-bottom : 8px;
}
.error{
    display : block;
    color : #FF4F4F;
    margin-top : 15px;
}
.error span{
    font-weight: bold;
}
textarea{
    overflow: auto;
}
#contactForm{
    position : relative;
}
#contactForm .contact-image{
    position : absolute;
    width : 185px;
    right : 10px;
}
#contactForm .contact-image img{
    float : left;
    margin-bottom : 10px;
}
#single-wrapper.p-contact{
    float : left;
    width : 420px;
}
.contact-image{
    float : right;
    width : 160px;
}

/* Post Centrali */

.posts{
    font-family: Arial !important;
    font-size : 13px;
    color : #4F4F4F;
}
.widget-title{
    color: #154C8C;
    display: block;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
    padding-bottom : 10px;
    font-family: 'TrebuchetMSRegular';
    border-bottom : 1px solid #D2D1D1;
}
.widget-container{
    margin-bottom : 20px;
}
.cat-item, #menu-menusidebar .menu-item{
    border-bottom : 1px solid #DFEFFF;
}
#menu-menusidebar .menu-item a, .cat-item a{
    color: #7F7F7F;
    display: block;
    font-family: 'TrebuchetMSRegular',Arial;
    font-size: 16px;
    font-weight: normal;
    text-transform: uppercase;
    padding : 10px 10px;
}
#menu-menusidebar li{
    margin : 0px;
    padding : 0px !important;
}
#menu-menusidebar .menu-item a:hover, .cat-item a:hover{
    background: #EFF7FF;
}
#recentcomments .recentcomments {
    font-weight : bold;
    color: #4F4F4F;
}
#recentcomments .recentcomments a{
    display: block;
    padding-bottom : 5px;
    color: #4F4F4F;
    font-weight: normal;
}
#recentcomments .recentcomments a:hover{
    color : #015F9D;
}
.text-page{
    margin-bottom : 20px;
}
.lastminute .title{
    font-size: 16px;
    margin-bottom : 5px;
    color : #2080AF;
    display : block;
    font-family: 'TrebuchetMSRegular', Arial;
}
.text-page.ls .title span{
    font-size: 18px;
    color : #015F9D;
    display : block;
    padding : 15px 0px 15px 60px;
    background: url(images/lastminute.png) no-repeat left top;
    font-weight: normal;
    text-transform: uppercase;
    font-family: 'TrebuchetMSRegular', Arial;
}
a.title:hover{
    color : #5AA8CF !important;
}
.lastminute{
    padding-bottom : 15px;
    margin-bottom : 15px;
    border-bottom : 1px solid #DFEFFF;
}
.text-page .title{
    font-family: 'TrebuchetMSRegular', Arial;
}
.text-page .permalinks{
    background: #DFEFFF;
    padding : 3px 10px;
    margin-bottom : 25px;
    text-align: right;
    color: #015F9D;
    display: block;
    font-size: 12px;
    font-weight: bold;
}
.text-page .permalinks:hover{
    background: #AFD7FF;
}
.paragrafo{
    padding-bottom : 15px;
    display : block;
}
.page .entry-content strong{
    color: #154C8C;
}
.message{
    background: url(images/message.jpg) no-repeat left top;
    margin : 10px 0px 20px 10px;
    width : 611px;
    height : 66px;
    display : block
}
/* Gestione Recensioni */

#respond{
    margin : 0px 0px 20px 0px;
    padding-top : 20px;
}
#respond .title{
    background: #BFDFFF;
    padding : 10px;
}
#respond input, #respond textarea {
    border: 1px solid #BFDFFF;
    padding : 5px;
}
#commentform label{
    float: left;
    clear : both;
    color: #015F9D;
    font-size: 13px;
    font-weight: bold;
    padding-top : 2px;
}
.comment-notes{
    margin-bottom : 20px;
}
.required{
    float : left;
    color : red;
    font-weight: bold;
    padding : 0px 2px;
}
#commentform input{
    float: right;
    margin-bottom : 10px;
    width : 300px;
}
#commentform input#submit{
    background: #2B90C6;
    color: #FFFFFF;
    float: left;
    font-size: 12px;
    font-weight: bold;
    height: 19px;
    padding: 3px 15px;
    text-align: center;
    border : none;
    height : 28px !important;
    width : 80px;
    padding : 5px 15px 7px 15px;
    clear : both;
    margin : 10px 0px 0px 330px;
    cursor: pointer;
}
.comment-form-author,
.comment-form-email,
.comment-form-url,
.comment-form-commentm,
.form-allowed-tags,
.comment-form-comment {
    width : 410px;
}
.comment-form-comment textarea{
    float : right;
    width : 300px;
}
.form-allowed-tags{
    display : none;
}
.wait{
    display : block;
    color : #015F9D;
    padding : 3px 0px;
    font-weight: bold;
}
.commentmetadata a{
    font-weight: bold;
    color : #CF5C00;
}
.comment-body{
    padding : 10px 0px;
}
.comment{
    padding : 15px;
    border-bottom: 1px solid #CFE7FF;
}
.comment.even{
    background: #EFF7FF;
}
#comments .title{
    margin-bottom : 20px;
    background: none repeat scroll 0 0 #BFDFFF;
    padding: 10px;
}
.reply a{
    display : block;
    width : 80px;
    text-align: center;
    padding : 3px 0px;
    color : #fff;
    background: #015F9D;
    font-size : 11px;
    font-weight: bold;
}
.logged-in-as{
    padding-bottom : 15px;
}
.posts.lm-page{
    padding-bottom : 0px !important;
}
.posts.lm-page .text-page img{
    border : 5px solid #EFEFEF;
}
.entry-meta{
    padding-bottom : 10px;
    font-weight : bold;
}
.entry-meta a{
    font-weight : bold;
}
.maps{
    margin-bottom : 30px;
}

/* Footer */

#footer-container{
    background: #84BAE1 url(images/f03.jpg) repeat left top;
    height : 290px;
}
#bottom{
    margin : 0 auto;
    padding : 10px 0px;
    width : 960px;
    text-align : center;
    color : #005D9B;
}
#bottom a{
    color : #005D9B;
}
#bottom a:hover{
    color : #1C7AB6;
}
#footer{
    margin : 0 auto;
    width : 960px;
    padding : 20px 0px;
}
#footer .title{
    font-family: 'TrebuchetMSRegular',Arial;
    color: #154C8C;
    display: block;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
}
.about-us, .links{
    float : left;
    width : 250px;
}
.about-us img{
    border : 5px solid #EFEFEF;
    margin : 20px 0px 10px 0px;
    display : block;
}

/* News Event */

.news-event{
    float : left;
    margin-left : 50px;
    width : 300px;
}
.ncontent{
    height : 20px;
    overflow : hidden;
}
.news-event ul{
    margin-top : 19px;
    margin-bottom : 12px;
}
.news-event li{
    margin-bottom : 5px;
    height : 1%;
}
.news-event li p{
    height : 20px;
    overflow: hidden;
}
.news-event .details{
    float : right;
    padding-top : 8px;
    width : 300px;
}
.news-event .news-title{
    color: #154C8C;
    display : block;
    font-family: 'TrebuchetMSRegular',Arial;
    font-weight: bold;
    margin: 0px 0px 2px 0;
height : 18px;
overflow : hidden;
}

/* Where We Are */

.where-we-are{
    float : right;
    width : 320px;
}
.where-we-are strong, .where-we-are a{
    color: #154C8C;
    display: block;
    font-weight: bold;
    font-size : 12px;
}
.where-we-are span{
    display : block;
    font-size : 13px;
    padding : 2px 0px;
}
.where-we-are a{
    float : none;
    display:inline;
    font-size : 12px;
}
.where-we-are .map{
    margin-top : 20px;
}
.map img{
    border : 5px solid #EFEFEF;
}
.std {
    margin-bottom : 30px;
    border: 1px solid #D2D1D1;
}
.std td{
    padding : 5px;
}
.loc-list{
    margin : 20px 0px 20px 20px;
}
.loc-list li{
    list-style: disc;
    color: #154C8C;
    font-size: 14px;
    font-weight: bold;
    padding : 2px;
}

/* Travel */

.travel{
    margin : 25px 0px;
    width : 500px;
}
.travel li{
    border-bottom : 1px solid #EFEFEF;
    padding-bottom : 10px;
    margin-bottom : 10px;
    height : 1%;
}
.travel li .thumb{
    height : 60px;
    width : 60px;
    float : left;
}
.travel .details a{
    color : #015F9D;
    font-weight : bold;
}
.travel .details a:hover{
    color : #3670AF;
}
.travel li .details{
    float : right;
    width : 420px;
}
.travel li.bus .thumb{
    background: url(images/arrivare.jpg) no-repeat left 5px;
}
.travel li.auto .thumb{
    background: url(images/arrivare.jpg) no-repeat -180px 5px;
}
.travel li.aereo .thumb{
    background: url(images/arrivare.jpg) no-repeat -300px 5px;
}
.travel li.nave .thumb{
    background: url(images/arrivare.jpg) no-repeat -242px 5px;
}
.travel li.treno .thumb{
    background: url(images/arrivare.jpg) no-repeat -60px 5px;
}
.category-cosa-visitare .post{
    padding-bottom: 15px;
}

/* Pagine Categoria */

.link-content.orange{
    border-top : 3px solid #C94E0B;
}
.link-content.green{
    border-top : 3px solid #007715;
}
.link-content.blue{
    border-top : 3px solid #014DA1;
}
.link-arancio, .link-smeraldo, .link-verdemare{
    width : 590px;
    margin-bottom : 25px;
    background: #EFF7FF;
    border : 5px solid #EFF7FF;
}
.link-arancio p, .link-smeraldo p, .link-verdemare p{
    padding : 5px 5px 10px 5px;
}
.link-arancio a{
    background: url(images/casa-ar.jpg) no-repeat left top;
}
.link-smeraldo a{
    background: url(images/casa-vm.jpg) no-repeat left top;
}
.link-verdemare a{
    background: url(images/casa-verde.jpg) no-repeat left top;
}
.link-arancio a, .link-smeraldo a, .link-verdemare a{
    display : block;
    width : 590px;
    height : 114px;
}
.link-arancio a:hover, .link-smeraldo a:hover, .link-verdemare a:hover{
    opacity : 0.9;
}
.gallery-icon a img{
    border : 5px solid #EFF7FF;
}
.gallery-icon.mappe img{
    width : 175px;
    float : left;
}
.gallery-icon.mappe li, .gallery-icon.mappe li a{
    float : left;
}
.fleft, .alignleft{
    float : left !important;
    margin : 5px 15px 3px 0px !important;
}
.fright, .alignright{
    float : right !important;
    margin : 5px 0px 3px 15px !important;
}

/* Regole Generali */

.button{
    background: #6D9BCE;
    color: #FFFFFF;
    float: right;
    font-size: 12px;
    font-weight: bold;
    height: 17px;
    padding: 3px 15px;
    text-align: center;
}
.button:hover{
    background : #84ADD8;
    color : #fff !important;
}
.single .entry-content img{
     margin : 10px 15px 5px 0px;
float : left;
}
.corallo{
    clear : both;
    margin-top : 35px;
}
.corallo a{
    width : 310px;
    border : 5px solid #F4E1E1;
    height : 144px;
    display : block;
    background: url(images/corallo.jpg) no-repeat left top;
}
.corallo a:hover{
    opacity : 0.9;
}
.clearer{
    clear : both;
    height : 0px !important;
    float : none;
}
.link-extra a{
    color: #154C8C;
    display: block;
    font-family: 'TrebuchetMSRegular',Arial;
    font-weight: bold;
    height: 18px;
    overflow: hidden;
padding : 10px 0px;
	background: url("images/line.gif") repeat-x left bottom;
}
#sharelinksBox160x600_cnt{width : 300px !important; height : 390px !important;}
#sharelinksBox160x600_cnt2 .sh_voce_2{height : 75px !important;}
#shrlk_box_160x600{margin-top : -20px !important; background : none !important;}

.ce-banner{
	z-index:100000;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #dedede;
    padding: 1em;
    color: #232323;
    font-size: 1em;
}

.ce-accept, .ce-dismiss, .ce-disable{
    background-color: #333;
    color: #fff;
    text-decoration: none;
    padding: .6em 1em;
    display: inline-block;
    margin: 0 .5em;
}

.ce-disable{
    background-color: #aaa;
}

.ce-accept:hover,
.ce-dismiss:hover,
.ce-disable:hover{
    background-color: #666;
    color: white;
}

.ce-accept{
    background-color: #48ea6b;
    color: #111;
}

.ce-dismiss{
    position: absolute;

    font-size: .8em;

    right: 1em;
    top: 1em;

    background-color: #ccc;
    color: #333;
}

.ce-iframe-placeholder{
    padding: 1em;
    background-color: #eee;
    margin: 1em 0;
}

.ce-iframe-placeholder p{
    margin: 0;
}

iframe{
    width: 100%;
}