#slider_border_up {width:100%;height:2px;background-image: url('../images/barra_sopra_slider.jpg');} #slider_border_down {width:100%;height:50px;background-image: url('../images/barra_sotto_slider.jpg');} 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, 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, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;} /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }body { line-height: 1;}ol, ul { list-style: none;}blockquote, q { quotes: none;}blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }table { border-collapse: collapse; border-spacing: 0; } /*-------------------------------------------------------------------------------------------------------*/ /* 1. Base Body Styles /*-------------------------------------------------------------------------------------------------------*/ body{ background:url(../images/body.png) #f0ece1; color:#a0a0a0; font-family: "Oswald", Georgia, Serif;font-size:13px; } ::-moz-selection { background: #f8dda8; color: #000; text-shadow: none; } ::selection { background: #f8dda8; color: #000; text-shadow: none; } .clearfix:before, .clearfix:after { content: ""; display: table; } .clearfix:after { clear: both; } .clearfix { *zoom: 1; } a { text-decoration:none; color: #d3af80; } a:visited { color: #d3af80; } a:active, a:focus, a:hover { color: #824328; } a:focus { outline: none; } a:hover, a:active { outline: 0; } h1,h2,h3,h4,h5,h6{ color:#f00; font-family: "Oswald", Georgia, Serif;} h1{ font-size:32px;} h2{ font-size:24px;} h3{ font-size:18px;} h4{ font-size:14px;} h5{ font-size:12px;} h6{ font-size:10px;} p { line-height:20px; } em, code, strong, b { margin:0px 2px;} strike,em, strong, b { color:#676666; } code { color:#824328;} ins,strong { font-weight: bold; } i,em { font-style:italic;} article address { padding:1em; border-left: 5px solid #ebd09b; } pre { width:100%; margin:10px 0px; display:block; padding:1em; background: #fdf4e3; border-left: 5px solid #ebd09b; font-family: "Courier New",Courier,monospace;} tt { font-family: "Courier New",Courier,monospace;} sub{ font-size:8px; vertical-align:bottom;} sup{ font-size:10px; vertical-align:top;} form { width:100%; margin-bottom:15px;} form div, form p { margin-bottom:15px;} form label { color:#f00; display:block;} form input[type="text"], form select, form textarea { padding:0px 5px; outline:none; font-size:13px; color:#ab7868; background-color:#fff9f1; border:1px solid #fff; box-shadow:0px 0px 0px 1px #e6e6e6; -moz-box-shadow:0px 0px 0px 1px #e6e6e6; -webkit-box-shadow:0px 0px 0px 1px #e6e6e6;} .lt-ie9 form input[type="text"], .lt-ie9 form select, .lt-ie9 form textarea { border:1px solid #e6e6e6; } .lt-ie9 form input[type="text"].error, .lt-ie9 form select.error, .lt-ie9 form textarea.error { border:1px solid #ff1a3a; } form select{ height:30px; padding:5px 1px ; width:213px;} form input[type="text"] {width:200px; height:30px; } .lt-ie9 form input[type="text"] { } form textarea { width:90%; height:120px; line-height:20px; resize:vertical;} form input[type="text"]:focus, form textarea:focus{ background-color:#f6e0c4;} form fieldset { margin-bottom:15px; border: 1px solid #FBDFAA; padding: 10px;} form fieldset legend { padding: 4px 10px; color: #824328;} form fieldset p, form fieldset div { margin-bottom:10px !important;} form fieldset label { display:inline-block;} form fieldset input[type="radio"], form fieldset input[type="checkbox"] { vertical-align:top; height:20px; width:auto; padding:0px; margin:0 5px 0 2px;} input[type="submit"], input[type="reset"], button { cursor:pointer; display:inline-block; background-color:#824328; border:2px solid #ffffff; padding:5px 12px; color:#fff; font-size:12px; box-shadow:-1px -1px 0px #f9f9f9, 1px 1px 1px #d8d8d8; -moz-box-shadow:-1px -1px 0px #f9f9f9, 1px 1px 1px #d8d8d8; -webkit-box-shadow:-1px -1px 0px #f9f9f9, 1px 1px 1px #d8d8d8; -o-box-shadow:-1px -1px 0px #f9f9f9, 1px 1px 1px #d8d8d8;} input[type="submit"]:hover, input[type="reset"]:hover, button:hover, button:focus { background-color:#55240f; transition:ease-out 0.3s; -moz-transition:ease-out 0.3s; -webkit-transition:ease-out 0.3s; -o-transition:ease-out 0.3s;} /*-------------------------------------------------------------------------------------------------------*/ /* 2. Common Styles /*-------------------------------------------------------------------------------------------------------*/ /* 2.1 Fonts --------------------------------------------------------------------*/ #header ul li > ul > li > a, #pagination, .event-single article small, .date, ul#carousel .price span, blockquote, blockquote p, #header ul li a{font-family: "Oswald", Georgia, Serif;} #commentform, form, article dl, #reservation-form .contact-form .readmore, .contact-form, #contact-form, #reservation-form, #contact-form .contact-form #message, #contact-form .contact-form label , p, .team-page .page-head p , #sidebar .widget p, #sidebar .widget ul li, #header h6, .bottom-strip p a , ul.template-items li a.readmore , ul.template-items li p, #footer ul li a, #footer address, #footer p {font-family:'Droid Sans', Arial, Helvetica, sans-serif;} /* 2.2 Image Alignment --------------------------------------------------------------------*/ .alignnone { margin: 5px 20px 15px 0; } .aligncenter, div.aligncenter { display: block; margin: 5px auto 15px auto; } .alignright { float: right; margin: 5px 0 15px 30px; } .alignleft { float: left; margin: 5px 30px 15px 0;width:100%; } .aligncenter { display: block; margin: 5px auto 15px auto; } /* 2.3 Image Caption --------------------------------------------------------------------*/ .wp-caption { background: #fff; border: 1px solid #f0f0f0; max-width: 96%; padding: 5px 3px 10px; text-align: center; } .wp-caption.alignnone { margin: 5px 20px 20px 0; } .wp-caption.alignleft { margin: 5px 20px 20px 0; } .wp-caption.alignright { margin: 5px 0 20px 20px; } .wp-caption img { border: 0 none; height: auto; margin:0; max-width: 98.5%; padding:0; width: auto; } .wp-caption p.wp-caption-text { font-size:11px; line-height:17px; margin:0; padding:0 4px 5px; } /* 2.4 Image Border --------------------------------------------------------------------*/ .img-border{ display:block; margin-bottom:15px; border:6px solid #fafafa; box-shadow:0px 0px 0px 1px #e6e6e6; -moz-box-shadow:0px 0px 0px 1px #e6e6e6; -webkit-box-shadow:0px 0px 0px 1px #e6e6e6;} a.read-more { display:inline; padding-right:15px; background:url(../images/rm-arrow.png) no-repeat right 5px; } a.read-more:hover { color:#824328; background:url(../images/rm-arrow.png) no-repeat right -28px; } .readmore { display:inline-block; background-color:#824328; border:2px solid #ffffff; padding:5px 12px; color:#fff; font-size:12px;box-shadow:-1px -1px 0px #f9f9f9, 1px 1px 1px #d8d8d8; -moz-box-shadow:-1px -1px 0px #f9f9f9, 1px 1px 1px #d8d8d8; -webkit-box-shadow:-1px -1px 0px #f9f9f9, 1px 1px 1px #d8d8d8; -o-box-shadow:-1px -1px 0px #f9f9f9, 1px 1px 1px #d8d8d8;} .readmore:hover, .readmore:focus { background-color:#55240f; transition:ease-out 0.3s; -moz-transition:ease-out 0.3s; -webkit-transition:ease-out 0.3s; -o-transition:ease-out 0.3s;} /* 2.5 Bottom Strip --------------------------------------------------------------------*/ .bottom-strip-wrapper { background:url(../images/bottom-strip.png) repeat-x #fbdfa8; width:100%; height:50px; margin-bottom:45px; } .bottom-strip { width:960px; margin:auto; text-align:center;} .bottom-strip p { color:#514032; font-size:15px; line-height:14px; text-transform:uppercase; padding:12px 0px 6px ; word-spacing: 1px;} .lt-ie8 .bottom-strip p a{ padding:3px 11px;} .bottom-strip p a { margin-left:6px; display:inline-block; color:#fff; background:url(../images/strip-btn-bg.png) repeat-x; border-right:1px solid #9f6a4c; padding:7px 11px; font-size:12px;} .bottom-strip p a:hover { background-position:bottom; transition:linear 0.3s; -moz-transition:linear 0.3s; -webkit-transition:linear 0.3s; -o-transition:linear 0.3s;} /* 2.6 Page Head ----------------------------------------------------------------------*/ .page-head h1 { background:url(../images/page-title.png) repeat-x 0px 20px; text-align:center; font-variant:small-caps; margin-bottom:25px; } .page-head h1 span { display:inline-block; background-color:#ffffff; padding:0px 7px;} .page-head p { color:#000; text-align:center; margin-bottom:25px;} /* 2.7 Top & Bottom Container Styles ----------------------------------------------------------------------*/ .container-top { background:url(../images/container-top.png) no-repeat center top; margin:-34px 0px 16px; } .container-bottom { background:url(../images/container-bottom.png) no-repeat center top; margin-bottom:-38px;} .container-top, .container-bottom { width:100%; height:54px; overflow:hidden;} /* 2.8 Separator Styles ----------------------------------------------------------------------*/ .separator { background:url(../images/sep-line-stars.png) #fff repeat-x center center ; height:15px; border:none; margin:0px 0px 25px; } .lt-ie8 hr { border: none; color: #f3eade; height: 1px; } /* 2.9 Widgets --------------------------------------------------------------------*/ .widget { width:100%; padding:0px 0px 20px; margin-bottom:30px; background:url(../images/widget-bottom-bg.png) center bottom no-repeat; } .widget h3{ font-size:20px; line-height:28px; font-variant:small-caps; margin-bottom:15px;} .widget h4 { color:#d3af80; margin-bottom:15px;} .widget p { color:#a0a0a0; font-size:13px; line-height:20px; margin-bottom:15px;} .widget p span, .widget p a{ color:#d2ae7e; margin-bottom:4px; } .widget p a:hover, .widget p a:focus{ color:#824328;} .widget ul{ margin-bottom:15px;} .widget ul li { background:url(../images/list-bullet.png) no-repeat 0px 8px; padding-left:20px; margin-bottom:0px;} .widget ul li a{ color:#d3af80; font-family: "Oswald", Georgia, Serif; font-size:16px; line-height:27px;} .widget ul li a:hover, .widget ul li a:focus{ color:#824328;} .widget ul li ul li a{ color:#d3af80; font-family: "Oswald", Georgia, Serif; font-size:14px; line-height:20px;} .widget ul li ul li a:hover, .widget ul li ul li a:focus{ color:#824328;} /* 2.10 Sidebar Contact Detail Widget Styles ----------------------------------------------------------*/ #sidebar .contact-details p { color:#707070;} #sidebar .contact-details ul li { color:#d3af80; padding-left:25px; margin-bottom:5px;} #sidebar .contact-details ul li.p-book{ background:url(../images/book.png) no-repeat 0px 3px;} #sidebar .contact-details ul li.list-mail-icon {background:url(../images/list-mail-icon.png) no-repeat 0px 5px;} #sidebar .contact-details ul li.list-phone-icon {background:url(../images/list-phone-icon.png) no-repeat 0px 0px;} /* 2.11 Sidebar Social Nav Widget Styles ----------------------------------------------------------*/ #sidebar .social ul { overflow:hidden;} #sidebar .social li { float:left; background:none; padding:0px; height:32px;line-height:38px; margin:0 9px 0px 0px; color:#707070;} #sidebar .social li a { display:inline-block; width:32px; height:32px;} #sidebar .social li.twitter a { background:url(../images/twitter.png) 0px 0px no-repeat; } #sidebar .social li.facebook a{ background:url(../images/facebook.png) 0px 0px no-repeat; } #sidebar .social li.twitter:hover a { background-position: bottom; } #sidebar .social li.facebook:hover a { background-position: bottom; } /* 2.12 Pagination --------------------------------------------------------------------*/ #pagination { font-size:14px; color: #824328; margin-bottom:15px;} #pagination span { margin:0px 6px;} #pagination a.readmore { padding:4px 8px; margin-bottom:10px; color:#fff;} #pagination a.readmore:hover { color:#fff;} #pagination a.current { color: #fff; font-weight:700; background-color:#55240f;} /*-------------------------------------------------------------------------------------------------------*/ /* 3. Layouts /*-------------------------------------------------------------------------------------------------------*/ #container_header { width:100%; margin:0px auto; padding:5px; background-color:#000;} #container { width:980px; margin:45px auto 45px; padding:5px; background-color:#fff; border:1px solid #b4b4b4; box-shadow: 0px 0px 3px #c2c1bf; -moz-box-shadow:0px 0px 3px #c2c1bf; -webkit-box-shadow:0px 0px 3px #c2c1bf;} .content { width:960px; padding:0px 53px 0px; margin:auto; border:1px solid #fce2af;color:#000} #sidebar { float:left; width:208px; padding:20px 32px 50px 0px;} #main-content { float:right; width:560px; padding:16px 10px 50px;color:#000} /* siderbar = 208 + 32 = 240px main-contetn = 560 + 20 = 580px = 820px */ /* 3.1 Full Width ---------------------------------------------------------------------------------------*/ .content.full-width #main-content { width:100%; float:none;} /* 3.2 Sidebar Rigth ------------------------------------------------------------------------------------*/ .content.right #sidebar { float:right; width:208px; padding:20px 0px 50px 32px;} .content.right #main-content { float:left; width:530px; padding:12px 0px 50px; margin-right:50px;} /*siderbar = 208 + 32 = 240px main-contetn = 530 + 50 = 580px = 820px */ #sidebar-prodotti {float:left; width:20%; padding:20px 32px 50px 0px;} #main-content-prodotti { float:right; width:75%;padding:16px 10px 50px;color:#000;border:0px solid red;} /*-------------------------------------------------------------------------------------------------------*/ /* 4. Header /*-------------------------------------------------------------------------------------------------------*/ #header-wrapper { width:100%; background-color:#f5f5f5;border-bottom:5px solid #d4d4d4 } #header{width:960px; margin:auto; height:100px; padding:0px 0px 0px; position:relative;} /* 4.11 Bandiere ----------------------------------------------------------------------*/ .flags {position:relative;float:right;top:15px;right:20px;} .flag_ita {float:left;margin-right:5px} .flag_eng {float:right} /* 4.1 Logo ----------------------------------------------------------------------*/ #header #logo {width:375px; margin:0;padding:10px 0 0 0;border:0px solid green;float:left;} #header #logo img{ max-width:100%; } #header h6 { color:#936e4d; font-size:11px; position:absolute; top:29px; right:10px; } /* 4.2 Header Menus ----------------------------------------------------------------------*/ #header .main-menu {position:relative;border:0px solid red;float:left;text-transform:none;margin:30px 0 0 30px} #header .main-menu.left{ left:0px;} #header .main-menu.right{ right:0px;} #header nav ul li{ float:left; padding:0px 10px 3px 0px; position:relative;} #header ul li a { color:#333; font-size:16px; padding-right:13px;text-transform:none; } #header ul li:last-child a { background:none;} #header ul > li:hover > a, #header ul > li:focus > a { color:#666;} #header ul > li > ul { background:#e1e1e1;border:0px solid green; display:none; width:200px; position:absolute; top:19px; left:0px; z-index:1200; box-shadow: 2.5px 2.5px 5px rgba(0, 0, 0, .2); -moz-box-shadow: 2.5px 2.5px 5px rgba(0, 0, 0, .2); -webkit-box-shadow: 2.5px 2.5px 5px rgba(0, 0, 0, .2);} #header ul > li > ul > li { cursor:pointer; float:none; padding:10px 15px 10px 15px; position:relative; border-bottom: 1px solid #222; transition:all .3s; -moz-transition:all .3s; -webkit-transition:all .3s;} #header ul > li > ul > li:last-child { border-bottom:none; } #header ul > li > ul > li:hover { background-color:#fce0a9; transition:all .3s; -moz-transition:all .3s; -webkit-transition:all .3s;} #header ul > li > ul > li > a { padding:0px; background:none; font-size:14px;} #header ul > li > ul > li:hover > a, #header ul > li > ul > li:focus > a{ color:#9d7653; } #header ul > li > ul > li > ul {top:0px; left:200px; } /* Right Menu -------------------------------------------------------------------------*/ #header .main-menu.right ul > li > ul > li > ul { top:0px; left:-200px; } /* Right Menu -------------------------------------------------------------------------*/ #header ul > li > ul { border-left:1px solid #e3c893; border-bottom:1px solid #e3c893; border-right:1px solid #e3c893;} /* Responsive Nav -------------------------------------------------------------------------*/ #header .main-menu .responsive-nav { display: none; margin:10px auto 0px; padding:5px; border:1px solid #CCC; } /*-------------------------------------------------------------------------------------------------------*/ /* 5. Footer /*-------------------------------------------------------------------------------------------------------*/ #footer-wrapper { width:100%; /*background:url(../images/footer-wrapper.png) #000000 repeat-x center top ;*/ padding: 8px 0 30px; } #footer{margin:0 auto; text-align:center; padding:18px 0px 59px; background:url(../images/elegant-shape.png) center bottom no-repeat; } /* 5.1 Footer Menu --------------------------------------------------------------------*/ #footer #footer-menu { margin-bottom:28px;} #footer ul li { display:inline; margin-right:24px;} #footer ul li a {font-size:12px; color:#9d7653;} #footer ul li a:hover, #footer ul li a:focus{ color:#bc9068;} #footer #footer-menu .responsive-nav { display: none; margin:10px auto 0px; padding:5px; border:1px solid #CCC; } #footer /* 5.2 Social Nav --------------------------------------------------------------------*/ ul.social-nav { margin-bottom:35px;} #footer .social-nav li { display:inline; width:32px; height:32px; margin:0 3px 0px 2px; } #footer .social-nav li a { display:inline-block; width:32px; height:32px;} #footer .social-nav li.twitter a { background:url(../images/twitter.png) 0px 0px no-repeat; } #footer .social-nav li.facebook a{ background:url(../images/facebook.png) 0px 0px no-repeat; } #footer .social-nav li.mail a { background:url(../images/mail.png) 0px 0px no-repeat; } #footer .social-nav li.rss a { background:url(../images/rss.png) 0px 0px no-repeat; } #footer .social-nav li.twitter:hover a { background-position: bottom; } #footer .social-nav li.facebook:hover a { background-position: bottom; } #footer .social-nav li.mail:hover a { background-position: bottom; } #footer .social-nav li.rss:hover a { background-position: bottom; } /* 5.3 Address & Copyright --------------------------------------------------------------------*/ #footer address, #footer p, #footer a { font-size:11px; color:#9d7653; margin-bottom: 5px;} #footer a:hover { color:#9a6536;} /*-------------------------------------------------------------------------------------------------------*/ /* SLIDER JSSOR /*-------------------------------------------------------------------------------------------------------*/ #slider1_container {position: relative;top:20px; margin:0 auto; width: 980px;height: 394px; border:1px solid #ccc;background:#fff;} .photo_slider {cursor: move; position: absolute;top:10px;left:10px;width: 960px; height: 372px;} /*-------------------------------------------------------------------------------------------------------*/ /* 6. Home Page /*-------------------------------------------------------------------------------------------------------*/ /* 6.1 Flex Slider --------------------------------------------------------------------*/ .slider-wrapper { background-color:#000; /*background:url(../images/slider-bg.jpg) #250804 no-repeat center center;*/ border-top:1px solid #cfbc91; width:100%; height:auto; } .flexslider { width:100%; height:auto; margin:auto; overflow:hidden; position:relative;} .slider-wrapper .flexslider .slides img{ width:100%; display:block; } .flex-direction-nav { display:none; } /* 6.2 Slider Nav --------------------------------------------------------------------*/ .flex-direction-nav li a { display: block; text-indent: -999em; width:22px; height:44px; position:absolute; top:50%; margin-top:-22px; z-index:150; cursor:pointer; } .flex-direction-nav li a.flex-next { background:url(../images/slider-nav-right.png) no-repeat 0px 0px; right:0px;} .flex-direction-nav li a.flex-next:hover{ background-position: 0px -56px; } .flex-direction-nav li a.flex-prev { background:url(../images/slider-nav-left.png) no-repeat 0px 0px; left:0px;} .flex-direction-nav li a.flex-prev:hover { background-position: 0px -56px;} /* 6.3 Template Items --------------------------------------------------------------------*/ ul.template-items { margin:0px 0px 25px -50px;} ul.template-items li { float:left; width:240px; margin-left:50px; overflow:hidden; padding-bottom:4px;} ul.template-items li h2{ font-variant:small-caps; margin-bottom:7px;} ul.template-items li h3{ margin-bottom:17px; word-spacing: 4px; font-size:15px;} ul.template-items li p{ font-size:13px; line-height:20px; margin-bottom:20px;} ul.template-items li a.readmore { display:inline-block; background-color:#f00; border:2px solid #ffffff; padding:5px 12px; color:#fff; font-size:12px;box-shadow:-1px -1px 0px #f9f9f9, 1px 1px 1px #d8d8d8; -moz-box-shadow:-1px -1px 0px #f9f9f9, 1px 1px 1px #d8d8d8; -webkit-box-shadow:-1px -1px 0px #f9f9f9, 1px 1px 1px #d8d8d8; -o-box-shadow:-1px -1px 0px #f9f9f9, 1px 1px 1px #d8d8d8;} ul.template-items li a.readmore:hover, ul.template-items li a.readmore:focus { background-color:#55240f; transition:ease-out 0.3s; -moz-transition:ease-out 0.3s; -webkit-transition:ease-out 0.3s; -o-transition:ease-out 0.3s;} ul.template-items li figure { display:inline-block; background-color:#f0f1f2; border:1px solid #ffffff; padding: 6px 4px 6px 6px; margin:0px 0px 20px 1px; box-shadow:-1px -1px 0px #f9f9f9, 1px 1px 1px #d8d8d8; -moz-box-shadow:-1px -1px 0px #f9f9f9, 1px 1px 1px #d8d8d8; -webkit-box-shadow:-1px -1px 0px #f9f9f9, 1px 1px 1px #d8d8d8; -o-box-shadow:-1px -1px 0px #f9f9f9, 1px 1px 1px #d8d8d8;} ul.template-items li a img { width:223px; height:114px; border:1px solid #f5f6f7; display:block;} ul.template-items li:hover figure { background-color:#e0e1e2; transition:all 0.3s; -moz-transition:all 0.3s; -webkit-transition:all 0.3s; } ul.template-items li figure:hover img { transition:all 0.3s; -moz-transition:all 0.3s; -webkit-transition:all 0.3s; } /* 6.4 Carousel --------------------------------------------------------------------*/ #carousel { width: 820px; overflow: hidden; position:relative; margin: 0px 0px 25px;} .es-nav-prev, .es-nav-next { display:inline-block; background:url(../images/scroll.png) no-repeat 0px 0px ; position:absolute; top:48px; height:11px; width:8px; cursor: pointer; text-indent: -999em;} .es-nav-prev { background-position: 0px 0px; left:0px;} .es-nav-prev:hover { background-position: 0px -15px ;} .es-nav-next { background-position: -9px 0px; right:0px;} .es-nav-next:hover { background-position: -9px -15px; } .es-carousel { width:780px; height: 170px; margin:auto; overflow: hidden; } .es-carousel li { float:left; width:102px !important; overflow:hidden; text-align:center;} .es-carousel figure { display:inline-block; background-color:#fff; border:1px solid #e6e6e6; padding:6px 5px; margin-bottom:3px;} .es-carousel img { width:100%; height:auto; display:block; transition:all 0.3s; -moz-transition:all 0.3s; -webkit-transition:all 0.3s; } .es-carousel li:hover figure { background-color:#f8f8f8; transition:all 0.3s; -moz-transition:all 0.3s; -webkit-transition:all 0.3s; } .es-carousel li figure:hover img { transition:all 0.3s; -moz-transition:all 0.3s; -webkit-transition:all 0.3s; } .price { width:60px; margin:auto; text-align:center; background:url(../images/shape-two.png) no-repeat top center; border-bottom:1px solid #eae4d9; padding:19px 0px 8px;} .price span { display:block; background-color:#d3af80; color:#fff; font-size:16px; padding:0px 5px; line-height:26px; transition:all 0.3s; -moz-transition:all 0.3s; -webkit-transition:all 0.3s; } .es-carousel li:hover .price span{ background-color:#824328; } /* 6.5 Blockquote --------------------------------------------------------------------*/ blockquote { border:1px solid #efefef; background:url(../images/quote-icon.png) #f9f9f9 no-repeat 20px 35px ; margin-bottom: 25px; padding:20px 15px 15px 100px; color:#a0a0a0; font-size:12px; font-style:italic; line-height:20px; } blockquote p { margin-bottom: 3px; } blockquote p.author{ text-align:center; } blockquote span.text-highlight { color:#d2ae7e;} /*-------------------------------------------------------------------------------------------------------*/ /* 7. About Us Page /*-------------------------------------------------------------------------------------------------------*/ #main-content h2.title-heading { font-size:28px; line-height:40px; font-variant:small-caps;} #main-content h4 { font-size:16px; line-height:32px; } #main-content img { margin-bottom:15px; border:6px solid #fafafa; box-shadow:0px 0px 0px 1px #e6e6e6; -moz-box-shadow:0px 0px 0px 1px #e6e6e6; -webkit-box-shadow:0px 0px 0px 1px #e6e6e6;} #main-content img:hover { border-color:#eaeaea; transition:all 0.3s; -moz-transition:all 0.3s; -webkit-transition:all 0.3s; } #main-content p { color:#a0a0a0; font-size:13px; line-height:20px;} #main-content h2.title-heading, #main-content h4, #main-content p{ margin-bottom:15px;} /* 7.1 Article --------------------------------------------------------------------*/ article ol, article ul, article h1, article h2, article h3, article h4, article h5, article h6,article div,article dl, article address, article table{ margin-bottom:15px;} article ol{ list-style: decimal; padding-left: 30px;} article ul{ list-style: disc; padding-left: 25px;} article dl dt, article dl dd, article ol li, article ul li { margin-bottom:5px;} article dl { padding-left:15px;} article dl dt { color:#676666; font-weight: bold;} article dl dt { font-weight:normal;} /*-------------------------------------------------------------------------------------------------------*/ /* 8. Team Page /*-------------------------------------------------------------------------------------------------------*/ .team-page .page-head p { font-style:normal; text-align:left;} .team-page section { padding-bottom:21px;} .team-page section img {display:block; margin-bottom:15px; border:6px solid #fafafa; box-shadow:0px 0px 0px 1px #e6e6e6; -moz-box-shadow:0px 0px 0px 1px #e6e6e6; -webkit-box-shadow:0px 0px 0px 1px #e6e6e6; transition:all 0.3s; -moz-transition:all 0.3s; -webkit-transition:all 0.3s;} .team-page section img:hover { border:6px solid #eaeaea; } .team-page h2 {font-variant:small-caps; } .team-page h3 { color:#d2ae7e; margin-bottom:10px; } .team-page h2, .team-page h3 { line-height:32px; } .team-page p { color:#a0a0a0; margin-bottom:20px; font-size:13px; line-height:20px;} /*-------------------------------------------------------------------------------------------------------*/ /* 9. Contact Us Page /*-------------------------------------------------------------------------------------------------------*/ #map_canvas { width:537px; height: 250px; margin-bottom:15px; border:6px solid #fafafa; box-shadow:0px 0px 0px 1px #e6e6e6; -moz-box-shadow:0px 0px 0px 1px #e6e6e6; -webkit-box-shadow:0px 0px 0px 1px #e6e6e6;} /* 9.1 Form Styles -----------------------------------------------------------------------------------*/ #contact-form h2 { font-size:28px; line-height:40px; font-variant:small-caps; margin-bottom:15px;} .contact-form { width:468px; position:relative;} .contact-form p.adjust { margin-right:42px;} .contact-form p { float:left; margin-bottom:16px; width:213px;} #commentform label, .contact-form label { display:block; color:#f00; font-size:13px; line-height:20px; margin-bottom:2px;} #commentform label span, .contact-form label span { margin-left:3px; color:#D7332C;} #commentform input[type="text"], .contact-form input[type="text"] { width:212px; height:24px;} .lt-ie9 #commentform input[type="text"], .lt-ie9 .contact-form input[type="text"] { line-height:24px;} .contact-form #message { width:467px; height:194px; margin-bottom:22px; resize:vertical;} .contact-form input.error, .contact-form #message.error { border:1px solid #ff1a3a;} .error-container { margin-bottom:15px;} .error-container label { display:block; line-height:20px; margin-bottom:2px;} .error-container label.error { color:#ff1a3a; border:none; margin-bottom:0px;} .contact-form #contact-loader{ display:none; margin-bottom: 13px; border:none ; box-shadow:none; position:absolute; left:130px;} #reservation-form .contact-form #contact-loader{ left:200px; margin-bottom: 12px;} #commentform { margin:0px auto 15px; padding:0px;} #commentform textarea {width:97%; resize:vertical;} #main-content .captcha-container label { display:inline-block; } #main-content .captcha-container .captcha-img{ border:none; box-shadow:none; margin:0 5px 0 5px; vertical-align:middle;} #main-content .captcha-container .captcha{ width:60px; vertical-align:middle; } /*-------------------------------------------------------------------------------------------------------*/ /* 10. Our Menu Page /*-------------------------------------------------------------------------------------------------------*/ .our-menu #main-content h2.title-heading { margin-bottom:0px; background:url(../images/our-menu-bg.png) repeat-x left bottom;} .our-menu article { padding:20px 0px; background:url(../images/our-menu-bg.png) repeat-x left bottom; } .our-menu #main-content article img { border:3px solid #fafafa; margin: 5px 13px 15px 0; } .our-menu #main-content article img:hover { border-color:#eaeaea; transition:all 0.3s; -moz-transition:all 0.3s; -webkit-transition:all 0.3s; } .our-menu article .post-content { width:75%; float:left; } .img_prodotto {width:20%;border:1px solid #e1e1e1} .our-menu article h3.post-title { margin-bottom:10px; line-height:22px} .our-menu article h3.post-title, .our-menu article h3.post-title a { color:#707070; font-size:16px; text-transform:uppercase;} .our-menu article h3.post-title a:hover, .our-menu article h3.post-title a:focus { color:#3a3939;} .our-menu #main-content .post-content p { color:#b28d60; margin-bottom:5px;} .our-menu article .price {float:right; margin-top: 17px;} .our-menu article:hover .price span { background-color:#824328; } /*-------------------------------------------------------------------------------------------------------*/ /* 11. Event Listing Page /*-------------------------------------------------------------------------------------------------------*/ .date {float:left; width:46px; height:46px; padding:7px 3px; margin-top:10px; border:4px double #b99586; text-align:center; color:#824328; font-size:12px; line-height:24px; border-radius:100%; -moz-border-radius:100%; -webkit-border-radius:100%; } .date span { display:block; font-size:15px; line-height:10px;} .lt-ie9 .date { background:url(../images/date-bg.png) no-repeat center center; border:none; padding:11px 7px; } .event-listing article .post-content { float:right; width:471px; padding:5px 0px 20px; margin-bottom:14px; background:url(../images/sep-line-stars.png) no-repeat center bottom; } .event-listing article h3.post-title { margin-bottom:10px; line-height:20px; font-size:16px;} .event-listing article h3.post-title, .event-listing article h3.post-title a { color:#824328; text-transform:none;} .event-listing article h3.post-title a:hover, .event-listing article h3.post-title a:focus { color:#501b05;} .event-listing #main-content .post-content p { color:#707070; margin-bottom:15px;} /*-------------------------------------------------------------------------------------------------------*/ /* 12. Event Listing Page /*-------------------------------------------------------------------------------------------------------*/ .event-single .date { margin: 0px 18px 25px 1px; } .event-single .post-head { margin-bottom:15px;margin-left:20px} .event-single article h2.post-title { font-variant:small-caps; line-height: 32px; margin-bottom:0px;} .event-single article small { color:#d3af80; font-size:13px; line-height:30px; } .event-single article small span { color:#514032;} .event-single article small span.left { margin-left:40px;} /*-------------------------------------------------------------------------------------------------------*/ /* 13. News Page /*-------------------------------------------------------------------------------------------------------*/ .news article { padding:0px 0px 35px; margin-bottom:32px; background:url(../images/sep-line-stars.png) no-repeat center bottom;} .news .date { margin: 0px 18px 25px 1px; } .news .post-head { width:340px;float:left; padding:10px 0px 0px; margin-bottom:6px;} .comment-count { float:right; margin-top:17px; padding:0px 0px 12px; background:url(../images/comment-bg.png) no-repeat 16px bottom;} .news .comment-count span a{ display:inline-block; padding:0px 7px; background-color:#d2ae7e; color:#fff; font-size:12px; line-height:22px; font-style:italic;} .news .comment-count span a:hover { color:#f1f1f1;} .news .post-head { margin-bottom:15px;} .news article h2.post-title, .news article h2.post-title a { color: #824328; font-variant:small-caps; line-height: 32px; margin-bottom:0px;} .news article h2.post-title a:hover {color:#D3AF80;} .news #main-content article img { display:inline ;} .news article small { color:#d3af80; font-size:13px; line-height:10px; } .news article small span { color:#514032;} .news article small span.left { margin-left:40px;} .news article a.read-more-content { display:inline-block; float:right; padding: 0 9px; text-align:center; background:url(../images/read-more-content-bg.png) no-repeat left center ;} /*-------------------------------------------------------------------------------------------------------*/ /* 14. FAQ Page /*-------------------------------------------------------------------------------------------------------*/ .faq-list { margin-bottom: 25px;} .faq-list dt { position:relative; padding:0px 10px 0px 40px; line-height: 35px; margin-bottom: 1px; color: #824328; border: 1px solid #fbdfaa; cursor: pointer; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;} .faq-list dt span { position: absolute; top:7px; left:7px; display:block; width: 22px; height: 22px; background:url(../images/toggle-btn.png) no-repeat 0px 0px;} .faq-list dt.current span { background-position:bottom;} .faq-list dd { display: none; padding:20px 20px 0px; margin-bottom: 0px;} .lt-ie8 .faq-list dt span {top:0px; } /*-------------------------------------------------------------------------------------------------------*/ /* 15. Reservation Form Page /*-------------------------------------------------------------------------------------------------------*/ #reservation-form .contact-form #message { height:110px;} #commentform .readmore, #reservation-form .contact-form .readmore { margin-bottom:15px; padding: 6px 12px 5px; font-size:11px; cursor:pointer;} /*-------------------------------------------------------------------------------------------------------*/ /* 16. Features Page /*-------------------------------------------------------------------------------------------------------*/ section h2 { margin-bottom:15px;} .featurs section { margin-bottom:30px;} /* 16.1 Accordion Styles -----------------------------------------------------------------------------------*/ .toggle, .accordion { margin-bottom: 25px; padding-left:0px;} .toggle dt, .accordion dt { position:relative; padding:8px 10px 7px 40px; line-height: 20px; margin-bottom: 1px; color: #824328; border: 1px solid #fbdfaa; cursor: pointer; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;} .toggle dt span, .accordion dt span { position: absolute; top:7px; left:7px; display:block; width: 22px; height: 22px; background:url(../images/toggle-btn.png) no-repeat 0px 0px;} .toggle dt.current span, .accordion dt.current span { background-position:bottom;} .toggle dd , .accordion dd { display: none; padding:20px 20px 0px; margin-bottom: 0px;} .lt-ie8 .toggle dt span, .lt-ie8 .accordion dt span{top:0px; } /* 16.2 Tabs Styles -----------------------------------------------------------------------------------*/ .tabs-nav{ list-style: none; overflow: hidden; width: 100%; margin:0px; padding-left:0px;} .tabs-nav li{ float: left; line-height: 32px; margin: 0; overflow: hidden; padding: 0; position: relative; border-bottom:none; background:none; } .tabs-nav li.active { line-height: 31px; } .tabs-nav li a { background: #fdf6e9; border: 1px solid #fbdfaa; border-bottom: 1px solid #fbdfaa; border-left: none; color: #824328; display: block; letter-spacing: 0; outline: none; padding: 0 16px; text-decoration: none; text-shadow: 0 1px 0 #fff; } .tabs-nav li:first-child a { border-left: 1px solid #fbdfaa; } .tabs-nav li a:hover { background: #ffe0a3; } .tabs-nav li a:hover, .tabs-nav li.active a { color: #824328; } .tabs-nav li.active a { background: #fff; border-bottom: 2px solid #fff; border-top: 2px solid #D3AF80; } .tabs-container { border: 1px solid #fbdfaa; margin: -1px 0 20px; overflow: hidden; width: 100%; } .tabs-container .tab-content{ padding:10px; margin-bottom:0px; } .lt-ie9 .tabs-container .tab-content{ background-color:#fff; } /* 16.3 Messages Styles -----------------------------------------------------------------------------------*/ #main-content p.error{ padding: 10px 20px 10px 45px; background: #F9E5E6 url(../images/icon-box-error.png) no-repeat 12px 12px; border: 1px solid #F7C7C9; border-left-width: 2px; color: #B3696C ;} #main-content p.success{padding: 10px 20px 10px 45px; background: #e3ebc6 url(../images/icon-box-success.png) no-repeat 12px 12px; border: 1px solid #c2d288; border-left-width: 2px; color: #8fa442 ;} #main-content p.info{ padding: 10px 20px 10px 45px; background: #d8ecf5 url(../images/icon-box-info.png) no-repeat 12px 12px; border: 1px solid #9ac9df; border-left-width: 2px; color: #528da9 ;} #main-content p.notice{ padding: 10px 20px 10px 45px; background: #fcf7d9 url(../images/icon-box-notice.png) no-repeat 12px 12px; border: 1px solid #f5dc7d; border-left-width: 2px; color: #c4a21b ;} #main-content .dropcap { font-size: 62px; margin-right: 6px; padding-top: 4px; text-transform: uppercase; float: left; position: relative; top: 5px; color:#824328;} /*-----------------------------------------------------------------------------------*/ /* 17. Columns Style /*-----------------------------------------------------------------------------------*/ .columns { margin: 0px 0px 0px -2%; overflow: hidden; } .columns .one-third { width: 31.33%; margin: 0px 0px 0px 2%; float: left; } .columns .two-third { width: 64.66%; margin: 0px 0px 0px 2%; float: left; } .columns .one-fourth { width: 23%; margin: 0px 0px 0px 2%; float: left; } .columns .three-fourth { width: 73%; margin: 0px 0px 0px 2%; float: left; } .columns .one-half { width: 48%; margin: 0px 0px 0px 2%; float: left; } .columns .single-col { width: 98%; margin: 0px 0px 0px 2%; } .lt-ie8 .columns { margin: 0px 0px 0px 0; } .lt-ie8 .columns .one-fourth { width: 22%; margin: 0px 0px 0px 2%; float: left; } /* 16.3 Table Styles -----------------------------------------------------------------------------------*/ table { width: 100%; padding:0; margin: 0 0 20px 0; font-size: 11px;} table caption { padding: 0 0 5px 0; width: auto; font-style:italic; text-align: right; } th { border: 1px solid #fbdfaa; color:#824328; font-weight:bold; letter-spacing: 1.5px; line-height: 1.5em; text-transform: uppercase; text-align: left; padding:4px;} td { border: 1px solid #fbdfaa; font-size: 12px; padding:4px;} /* Tablet Portrait size 980 to standard 1189 */ @media only screen and (min-width: 980px) and (max-width: 1189px) { /*-------------------------------------------------------------------------------------------------------*/ /* Layouts /*-------------------------------------------------------------------------------------------------------*/ #container_header { width:100%; margin:0px auto; padding:5px; background-color:#000;} #container { width:980px; margin:45px auto 45px; padding:5px; background-color:#fff; border:1px solid #b4b4b4; box-shadow: 0px 0px 3px #c2c1bf; -moz-box-shadow:0px 0px 3px #c2c1bf; -webkit-box-shadow:0px 0px 3px #c2c1bf;} .content { width:960px; padding:0px 53px 0px; margin:auto; border:1px solid #fce2af;color:#000} #sidebar { float:left; width:208px; padding:20px 32px 50px 0px;} #main-content { float:right; width:560px; padding:16px 10px 50px;color:#000} #sidebar-prodotti {float:left; width:20%; padding:20px 32px 50px 0px;} #main-content-prodotti { float:right; width:75%;padding:16px 10px 50px;color:#000;border:0px solid red;} /*-------------------------------------------------------------------------------------------------------*/ /* Home Page /*-------------------------------------------------------------------------------------------------------*/ /* Bottom Strip --------------------------------------------------------------------*/ .bottom-strip { width:740px;} /* Template Items --------------------------------------------------------------------*/ } /* Tablet Portrait size 768 to standard 979 (devices and browsers) */ @media only screen and (min-width: 768px) and (max-width: 979px) { /*-------------------------------------------------------------------------------------------------------*/ /* Layouts /*-------------------------------------------------------------------------------------------------------*/ #container {width:98%; padding-top:10px;} .content {width:95%; padding:0px 20px;} #sidebar { width:100%; padding:20px 0px 50px 0px;} #main-content { width:100%; padding:16px 0px 50px;} /* Sidebar Rigth ------------------------------------------------------------------------------------*/ .content.right #sidebar { float:right; width:208px; padding:20px 0px 50px 32px;} .content.right #main-content { float:left; width:398px; padding:12px 0px 50px; margin-right:0px;} #sidebar .widget{ width:100%; margin:0px auto 15px; text-align:center; } #sidebar-prodotti {float:left; width:20%; padding:20px 32px 50px 0px;border:0px solid green;} #main-content-prodotti { float:right; width:75%;padding:16px 10px 50px;color:#000;border:0px solid green;} /*-------------------------------------------------------------------------------------------------------*/ /* Header /*-------------------------------------------------------------------------------------------------------*/ #header{width:740px;} #header #logo { width:184px; margin:20px auto 0px;} #header h6 { right:0px; } #header .main-menu {border:0px solid red;margin-top:44px} #header .main-menu.left{ left:0px;} #header .main-menu.right{ right:-22px;} #header nav ul li{ padding-right:10px;} #header ul li a { font-size:14px; padding-right:10px;} #header ul li > ul { top:40px; } #header ul > li > ul {top:19px;} /*-------------------------------------------------------------------------------------------------------*/ /* Home Page /*-------------------------------------------------------------------------------------------------------*/ /* Bottom Strip --------------------------------------------------------------------*/ .bottom-strip { width:740px;} /* Template Items --------------------------------------------------------------------*/ ul.template-items { margin:0px 0px 25px 0px;border:0px solid green} ul.template-items li {width:30%; margin-left:20px;border:0px solid red } ul.template-items li figure { background-color:#f0f1f2; padding: 5px 3px 5px 5px; margin:0px 0px 20px 1px; } ul.template-items li a img { width:179px; height:auto;} /* Carousel --------------------------------------------------------------------*/ #carousel { width: 648px;} .es-carousel { width:608px; height: 170px;} .es-carousel li { width:92px !important;} /*-------------------------------------------------------------------------------------------------------*/ /* Footer /*-------------------------------------------------------------------------------------------------------*/ #footer{ width:740px; padding:18px 0px 59px; } #footer ul li { margin-right:12px;} /*-------------------------------------------------------------------------------------------------------*/ /* About Us Page DOVE SIAMO /*-------------------------------------------------------------------------------------------------------*/ /*-------------------------------------------------------------------------------------------------------*/ /* Contact Us Page /*-------------------------------------------------------------------------------------------------------*/ #map_canvas { width:383px; height: 250px; margin-left:1px;} .contact-form { width:396px; padding-left:2px;} .contact-form p.name, .contact-form p.email { margin-right:0px;} .contact-form p { float:none; width:100%;} .contact-form input[type="text"] { width:212px;} .contact-form #message { width:370px;} /*-------------------------------------------------------------------------------------------------------*/ /* Our Menu Page /*-------------------------------------------------------------------------------------------------------*/ .our-menu article { padding:18px 0px; } .our-menu #main-content article img {width:110px; height:auto; margin: 5px 13px 15px 1px;} .our-menu article .post-content {width:67%; float:right; border:0px solid green} .img_prodotto {width:25%;border:1px solid #e1e1e1} .img_prodotto_detail {width:100%;border:1px solid #e1e1e1} /*-------------------------------------------------------------------------------------------------------*/ /* Event Listing Page /*-------------------------------------------------------------------------------------------------------*/ .event-listing article .post-content { width:322px;} /*-------------------------------------------------------------------------------------------------------*/ /* Event Listing Page /*-------------------------------------------------------------------------------------------------------*/ .event-single .date { margin: 0px 18px 2px 1px; } /*-------------------------------------------------------------------------------------------------------*/ /* News Page /*-------------------------------------------------------------------------------------------------------*/ .news article { text-align:center;} .news .date { margin:0; } .news .post-head {width:242px;} /*-----------------------------------------------------------------------------------*/ /* 18. Comments /*-----------------------------------------------------------------------------------*/ #comments .comment .avatar { width:60px; height:60px;} #comments .comment .comment-body, #comments .comment .comment-meta { width: 78%; text-align:left; } #comments .comment .children .comment:first-child { margin-top: 0; } #comments .commentlist .children .depth-2 .comment-body, #comments .commentlist .children .depth-2 .comment-meta { width: 72%; } #comments .commentlist .children .depth-3 .comment-body, #comments .commentlist .children .depth-3 .comment-meta { width: 62%; } #comments .commentlist .children .depth-4 .comment-body, #comments .commentlist .children .depth-4 .comment-meta { width: 50%; } #comments .commentlist .children .depth-5 .comment-body, #comments .commentlist .children .depth-5 .comment-meta { width: 42%; } } /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */ @media only screen and (min-width: 480px) and (max-width: 767px) { /*-------------------------------------------------------------------------------------------------------*/ /* Layouts /*-------------------------------------------------------------------------------------------------------*/ #container {width:430px; padding:5px;} .content {width:100%; padding:0px 40px; } #sidebar { width:348px; padding:25px 0px; text-align:center;} #main-content { width:348px; padding:0px 0px 40px; background:url(images/sep-line-stars.png) no-repeat center bottom; text-align:center; } /* Sidebar Rigth ------------------------------------------------------------------------------------*/ .content.right #sidebar { float:right; background:none; width:348px; padding:25px 0px; } .content.right #main-content { float:left; width:348px; margin-right:0px;} #sidebar .widget{ width:100%; margin:0px auto 15px; text-align:center; } #sidebar-prodotti {display:none;} #main-content-prodotti { float:none; width:100%;padding:16px 10px 50px;color:#000;border:0px solid green;} #main-content-prodotti h2.title-heading {text-align:center} /*-------------------------------------------------------------------------------------------------------*/ /* Header /*-------------------------------------------------------------------------------------------------------*/ #header-wrapper {height:150px } #header{width:440px; padding:0px 0px 0px; height:auto;} /* Logo ----------------------------------------------------------------------*/ #header #logo {height:60px; margin:0px auto ; } #header h6 { position:static; margin-bottom:10px; text-align:center; } #header .main-menu.left{ position:static; margin:0px auto 10px; display:none;} #header .main-menu.right{ position:static; margin:0px auto 10px;} #header nav ul { text-align:center; display:none;} #header .main-menu {top:30px;left:0px; background-color:#fde69f; width: 98%; margin:0px auto; padding:5px; border:1px solid #191919; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;} #header .main-menu .responsive-nav { width:100%; display: block; margin:0px auto; border:1px solid #fde6a4; } /* 4.11 Bandiere ----------------------------------------------------------------------*/ .flags {position:relative;float:right;top:34px;right:20px;} .flag_ita {float:none;margin:0 0 10px 0} .flag_eng {float:none} #container_slider {margin-top:0px} /*-------------------------------------------------------------------------------------------------------*/ /* Home Page /*-------------------------------------------------------------------------------------------------------*/ /* Bottom Strip --------------------------------------------------------------------*/ .bottom-strip { width:440px;} .bottom-strip p { font-size:0px; line-height:15px; padding:4px 0px;} .bottom-strip p a { padding:5px 10px; font-size:12px; margin-top:9px;} /* Template Items --------------------------------------------------------------------*/ ul.template-items { margin:0px 0px 25px 0px;} ul.template-items li {width:100%;border:0px solid red; margin:0px 0px 20px 0px; text-align:center; border-bottom:1px solid #fce2af; padding-bottom:20px;} ul.template-items li figure { padding: 5px 3px 5px 5px; margin:0px 0px 20px 1px; } ul.template-items li a img { width:223px; height:auto;} /*-------------------------------------------------------------------------------------------------------*/ /* Footer /*-------------------------------------------------------------------------------------------------------*/ #footer{ width:440px;} #footer ul li { margin:0px 12px 10px 0px; display:inline-block;} #footer nav ul { text-align:center; display:none;} #footer #footer-menu { background-color:#fde69f; width: 98%; margin:0px auto 25px; padding:5px; border:1px solid #191919; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;} #footer #footer-menu .responsive-nav { width:100%; display: block; margin:0px auto; border:1px solid #fde6a4; } /*-------------------------------------------------------------------------------------------------------*/ /* About Us Page /*-------------------------------------------------------------------------------------------------------*/ #main-content article { width:100%; } .widget ul li { background:none;} /* 7.1 Article --------------------------------------------------------------------*/ article ol, article ul{ text-align:left;} /*-------------------------------------------------------------------------------------------------------*/ /* Contact Us Page /*-------------------------------------------------------------------------------------------------------*/ #map_canvas { width:323px; height: 323px; margin-left:1px;} .contact-form { width:346px; padding-left:2px;} .contact-form p.name, .contact-form p.email { margin-right:0px;} .contact-form p { float:none; width:100%;} .contact-form input[type="text"] { width:212px;} .contact-form #message { width:330px;} #sidebar .contact-details ul li.p-book{ background:none;} #sidebar .contact-details ul li.list-mail-icon {background:none;} #sidebar .contact-details ul li.list-phone-icon {background:none;} .contact-form #contact-loader{ left:250px;} #reservation-form .contact-form #contact-loader{ left:285px;} /*-------------------------------------------------------------------------------------------------------*/ /* Our Menu Page /*-------------------------------------------------------------------------------------------------------*/ .our-menu #main-content article img {width:110px; height:auto; margin:0px auto 15px; } .our-menu article .post-content { width:100%; text-align:center; } .our-menu #main-content .post-content p { margin-bottom:15px;} .our-menu article .price { margin:0px auto 0px;} .our-menu #main-content article img, .our-menu article .price { float:none; } .our-menu article .post-content {width:100%; float:none; } .img_prodotto {width:100%;border:1px solid #e1e1e1;} .img_prodotto_detail {width:100%;border:1px solid #e1e1e1} /* Sidebar Social Nav --------------------------------------------------------------------*/ #sidebar .social ul { text-align:center;} #sidebar .social li { display:inline; float:none; vertical-align: top;} /*-------------------------------------------------------------------------------------------------------*/ /* 8. Team Page /*-------------------------------------------------------------------------------------------------------*/ .team-page section img {width:100%} /*-------------------------------------------------------------------------------------------------------*/ /* Event Listing Page /*-------------------------------------------------------------------------------------------------------*/ .date { float:none; margin:0px auto 5px;} .event-listing article .post-content { float:none; width:100%; text-align:center;} /*-------------------------------------------------------------------------------------------------------*/ /* Event Listing Page /*-------------------------------------------------------------------------------------------------------*/ .event-single .date { float:none; margin: 0px auto 25px;} .event-single article{ text-align:center;} .event-single article small span.left { margin-left:2px; display:inline-block;} /*-------------------------------------------------------------------------------------------------------*/ /* News Page /*-------------------------------------------------------------------------------------------------------*/ .news article { text-align:center;} .news .date { float:none; margin:0px auto; } .news .post-head {width:100%;} .comment-count { float:none; margin:0px auto 15px; padding:0px; background:none;} .news article a.read-more-content {float:none; } /*-----------------------------------------------------------------------------------*/ /* Columns Style /*-----------------------------------------------------------------------------------*/ .columns { margin: 0px 0px 0px -2%; overflow: hidden; } .columns .one-third { width: 100%;margin: 0px 0px 0px 2%; float: left; } .columns .two-third { width: 100%; margin: 0px 0px 0px 2%; float: left; } .columns .one-fourth { width: 100%; margin: 0px 0px 0px 2%; float: left; } .columns .three-fourth { width: 100%; margin: 0px 0px 0px 2%; float: left; } .columns .one-half { width: 100%; margin: 0px 0px 0px 2%; float: left; } .columns .single-col { width: 100%; margin: 0px 0px 0px 2%; } /*-----------------------------------------------------------------------------------*/ /* 18. Comments /*-----------------------------------------------------------------------------------*/ #comments .commentlist .children { padding: 0px; position: relative; } #comments .comment .avatar { width:60px; height:60px; float:none;} #comments .comment .comment-body, #comments .comment .comment-meta { float: none; width: 100%; padding:0px;} #comments .commentlist .children .depth-2 .comment-body, #comments .commentlist .children .depth-2 .comment-meta, #comments .commentlist .children .depth-3 .comment-body, #comments .commentlist .children .depth-3 .comment-meta, #comments .commentlist .children .depth-4 .comment-body, #comments .commentlist .children .depth-4 .comment-meta, #comments .commentlist .children .depth-5 .comment-body, #comments .commentlist .children .depth-5 .comment-meta { width: 100%; padding:0px; } #main-content .captcha-container label { display:block; } } /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ @media only screen and (max-width: 479px){ /*-------------------------------------------------------------------------------------------------------*/ /* Layouts diffrence 320 /*-------------------------------------------------------------------------------------------------------*/ #container {width:100%; padding:5px;margin-bottom:60px;border:0px solid red;left:7px} .content {width:100%; padding:0px 20px; } #main-content { width:100%; padding:0px 0px 40px; background:url(images/sep-line-stars.png) no-repeat center bottom; text-align:center; } #sidebar { width:100%; padding:25px 0px; text-align:center;} /* Sidebar Rigth ------------------------------------------------------------------------------------*/ .content.right #sidebar { float:right; background:none; width:238px; padding:25px 0px; } .content.right #main-content { float:left; width:238px; margin-right:0px;} #sidebar .widget{ width:100%; text-align:center;} /*-------------------------------------------------------------------------------------------------------*/ /* Header /*-------------------------------------------------------------------------------------------------------*/ #header-wrapper {height:150px;border:0px solid red; } #header{width:100%; padding:0px;margin:0; height:auto} /* Logo ----------------------------------------------------------------------*/ #header #logo {margin:0 auto; } #header h6 { position:static; margin-bottom:10px; text-align:center; } #header .main-menu.left{ position:static; margin:0px auto 10px; display:none;} #header .main-menu.right{ position:static; margin:0px auto 10px;} #header nav ul { text-align:center; display:none;} #header .main-menu {top:-20px;left:20px; background-color:#fde69f; width: 90%; margin:0px auto; padding:5px; border:1px solid #191919; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;} #header .main-menu .responsive-nav { width:100%; display: block; margin:0px auto; border:1px solid #fde6a4; } .logo100 {width:70%;position:relative;top:-30px;left:20px;border:0px solid black} /* 4.11 Bandiere ----------------------------------------------------------------------*/ .flags {position:relative;float:right;top:34px;right:20px;} .flag_ita {float:none;margin:0 0 10px 0} .flag_eng {float:none} #container_slider {margin-top:0px} #sidebar-prodotti {display:none;} #main-content-prodotti { float:none; width:100%;padding:16px 10px 50px;color:#000;border:0px solid green;} #main-content-prodotti h2.title-heading {text-align:center} /*-------------------------------------------------------------------------------------------------------*/ /* Home Page /*-------------------------------------------------------------------------------------------------------*/ /* Slider Nav --------------------------------------------------------------------*/ .flex-direction-nav li a { position:absolute; top:50%; width:17px; height:32px; margin-top:-16px; background:url(images/slider-nav-2.png) no-repeat 0px 0px; } .flex-direction-nav li a.flex-next {background-position: -25px 0px; right:-6px;} .flex-direction-nav li a.flex-prev {background-position: 0px 0px; left:0px;} .flex-direction-nav li a.flex-next:hover { background-position:-25px 0px;} .flex-direction-nav li a.flex-prev:hover { background-position:0px 0px;} /* Bottom Strip --------------------------------------------------------------------*/ .bottom-strip { width:290px;} .bottom-strip p { font-size:11px; line-height:15px; padding:6px 0px;} .bottom-strip p a { padding:4px 6px 2px ; font-size:12px;} /* Template Items --------------------------------------------------------------------*/ ul.template-items { margin:0px 0px 25px 0px;} ul.template-items li {width:100%; margin:0px 0px 20px 0px; text-align:center; border-bottom:1px solid #fce2af; padding-bottom:20px;} ul.template-items li figure { padding: 5px 3px 5px 5px; margin:0px 0px 20px 1px; } ul.template-items li a img { width:221px; height:auto;} /* Carousel --------------------------------------------------------------------*/ #carousel { width: 238px;} .es-carousel { width:206px; height: 170px;} .es-carousel li { width:95px !important;} /* Blockquote --------------------------------------------------------------------*/ blockquote { background:url(images/quote-icon.png) #f9f9f9 no-repeat 10px 10px ; padding:60px 10px 15px 25px; text-align:left;} blockquote p { margin-bottom:10px; } blockquote p.author{ text-align:right; } blockquote span.text-highlight { color:#d2ae7e; display:block;} /*-------------------------------------------------------------------------------------------------------*/ /* Footer /*-------------------------------------------------------------------------------------------------------*/ #footer-wrapper { width:100%; /* background:url(../images/footer-wrapper.png) #000000 repeat-x center top ;*/ padding: 8px 0 30px; } #footer{position:relative;margin:0 auto; text-align:center; padding:18px 0px 59px 20px; background:url(../images/elegant-shape.png) center bottom no-repeat;border:0px solid red } /* #footer{ width:100%; padding:18px 20px 59px 20px;} */ #footer ul li { margin:0px 12px 10px 0px; display:inline-block;} #footer nav ul { text-align:center; display:none;} #footer #footer-menu { background-color:#fde69f; width: 98%; margin:0px auto 25px; padding:5px; border:1px solid #191919; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;} #footer #footer-menu .responsive-nav { width:100%; display: block; margin:0px auto; border:1px solid #fde6a4; } /*-------------------------------------------------------------------------------------------------------*/ /* About Us Page /*-------------------------------------------------------------------------------------------------------*/ #main-content article img { width:224px; height:auto; } .widget ul li { background:none;} /* 7.1 Article --------------------------------------------------------------------*/ article ol, article ul{ text-align:left;} /*-------------------------------------------------------------------------------------------------------*/ /* Team Page /*-------------------------------------------------------------------------------------------------------*/ .team-page section img { width:100%; height:auto; } /*-------------------------------------------------------------------------------------------------------*/ /* Contact Us Page /*-------------------------------------------------------------------------------------------------------*/ #map_canvas { width:223px; height: 223px; margin-left:1px;} .contact-form { width:100%; padding-left:2px;border:0px solid red} .contact-form p.name, .contact-form p.email { margin-right:0px;} .contact-form p { float:none; width:100%;} .contact-form input[type="text"], .contact-form #message { width:220px;} #sidebar .contact-details ul li.p-book{ background:none;} #sidebar .contact-details ul li.list-mail-icon {background:none;} #sidebar .contact-details ul li.list-phone-icon {background:none;} .contact-form #contact-loader{ left:188px;} #reservation-form .contact-form #contact-loader{ left:210px;} /*-------------------------------------------------------------------------------------------------------*/ /* Our Menu Page /*-------------------------------------------------------------------------------------------------------*/ .our-menu #main-content article img {width:110px; height:auto; margin:0px auto 15px; } .our-menu article .post-content { width:100%; text-align:center; } .our-menu #main-content .post-content p { margin-bottom:15px;} .our-menu article .price { margin:0px auto 0px;} .our-menu #main-content article img, .our-menu article .post-content, .our-menu article .price { float:none; } .our-menu article .post-content {width:100%; float:none; } .img_prodotto {width:100%;border:1px solid #e1e1e1;} /* Sidebar Social Nav --------------------------------------------------------------------*/ #sidebar .social ul { text-align:center;} #sidebar .social li { display:inline; float:none; vertical-align: top;} /*-------------------------------------------------------------------------------------------------------*/ /* Event Listing Page /*-------------------------------------------------------------------------------------------------------*/ .date { float:none; margin:0px auto 0px;} .event-listing article .post-content { float:none; width:100%; text-align:center;} /*-------------------------------------------------------------------------------------------------------*/ /* Event Listing Page /*-------------------------------------------------------------------------------------------------------*/ .event-single .date { float:none; margin: 0px auto 25px;} .event-single article{ text-align:center;} .event-single article small span.left { margin-left:2px; display:inline-block;} /*-------------------------------------------------------------------------------------------------------*/ /* News Page /*-------------------------------------------------------------------------------------------------------*/ .news article { text-align:center;} .news .date { float:none; margin:0px auto; } .news .post-head {width:100%;} .comment-count { float:none; margin:0px auto 15px; padding:0px; background:none;} .news article a.read-more-content {float:none; } /* 16.2 Tabs Styles -----------------------------------------------------------------------------------*/ .tabs-nav li a { padding: 0 2px;} /*-----------------------------------------------------------------------------------*/ /* Columns Style /*-----------------------------------------------------------------------------------*/ .columns { margin: 0px 0px 0px -2%; overflow: hidden; } .columns .one-third { width: 100%;margin: 0px 0px 0px 2%; float: left; } .columns .two-third { width: 100%; margin: 0px 0px 0px 2%; float: left; } .columns .one-fourth { width: 100%; margin: 0px 0px 0px 2%; float: left; } .columns .three-fourth { width: 100%; margin: 0px 0px 0px 2%; float: left; } .columns .one-half { width: 100%; margin: 0px 0px 0px 2%; float: left; } .columns .single-col { width: 100%; margin: 0px 0px 0px 2%; } /*-----------------------------------------------------------------------------------*/ /* 18. Comments /*-----------------------------------------------------------------------------------*/ #comments .commentlist .children { padding: 0px; position: relative; } #comments .comment .avatar { width:60px; height:60px; float:none;} #comments .comment .comment-body, #comments .comment .comment-meta { float: none; width: 100%; padding:0px;} #comments .commentlist .children .depth-2 .comment-body, #comments .commentlist .children .depth-2 .comment-meta, #comments .commentlist .children .depth-3 .comment-body, #comments .commentlist .children .depth-3 .comment-meta, #comments .commentlist .children .depth-4 .comment-body, #comments .commentlist .children .depth-4 .comment-meta, #comments .commentlist .children .depth-5 .comment-body, #comments .commentlist .children .depth-5 .comment-meta { width: 100%; padding:0px; } #main-content .captcha-container label { display:block; } } /* Opera */ @media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) { #sidebar .social li {vertical-align: middle;} } /* Safari */ @media screen and (-webkit-min-device-pixel-ratio:0){ #comments .comment .avatar { border:none;} } /* -------------------------------------------------------------- Responsive Tables by ZURB Foundation v2.1.4 http://foundation.zurb.com by ZURB -------------------------------------------------------------- */ @media only screen and (max-width: 767px) { table.responsive { margin-bottom: 0; } .pinned { position: absolute; left: 0; top: 0; background: #fff; width: 35%; overflow: hidden; overflow-x: scroll; border-right:1px solid #fbdfaa; border-left: 1px solid #fbdfaa; } .pinned table { border-right: none; border-left: none; width: 100%; } .pinned table th, .pinned table td { white-space: nowrap; } .pinned td:last-child { border-bottom: 0; } div.table-wrapper { position: relative; margin-bottom: 20px; overflow: hidden; border-right:1px solid #fbdfaa; } div.table-wrapper div.scrollable table { margin-left: 35%; } div.table-wrapper div.scrollable { overflow: scroll; overflow-y: hidden; } table.responsive td, table.responsive th { position: relative; white-space: nowrap; overflow: hidden; } table.responsive th:first-child, table.responsive td:first-child, table.responsive td:first-child, table.responsive.pinned td { display: none; } }