html, body {
margin: 0px;
padding:0px;
}
body {
background-color: #fff;
color: #000;
font-family: 'Quicksand', sans-serif;
font-size:100%;
}
.btn-0{
padding: 15px 25px;
border-radius: 8px;
text-transform: uppercase;
}
.btn-1{
background-color: #faae02;
color: #fff;
}
.btn-2{
background-color: #269cb2;
color: #fff;
}
#content_top {
margin:0 auto;
max-width:81.25em; /* 1300px / 16px = 81.25em */
padding-right:1.25em; /* 20px / 16px = 1.25em */
padding-left:1.25em; /* 20px / 16px = 1.25em */
}
#up_menu_box{
margin-top: 15px;
}
#top {
width:100%;
margin-bottom:20px;
float:left;
}
#logo {
width:30%; /* 650px / 1300px = 0.5% */
float:left;
height:70px;
}
#top_menu {
width:70%; /* 650px / 1300px = 0.5% */
float:left;
text-align:right;
margin-top:30px;
}
#up_menu{
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-end;
padding-bottom: 15px;
border-bottom: 1px solid #ddd;
margin-bottom: 15px;
}
#up_menu>li:not(:last-of-type){
margin-right: 30px;
}
#up_menu>li{
padding: 6px 10px;
border-radius: 8px;
}
#up_menu>li:nth-of-type(1) {
background-color: #db384b;
}
#up_menu>li:nth-of-type(2) {
background-color: orange;
}
#up_menu>li:nth-of-type(3) {
background-color: #269cb2;
}
#up_menu>li a{
display: flex;
flex-direction: row;
align-items: center;
color: #fff;
}
#up_menu>li a svg{
margin-right: 8px;
width: 20px;
height: 20px;
}
#up_menu>li a svg path{
color: #fff;
}
#up_menu>li:last-of-type{
display: flex;
flex-direction: row;
align-items: center;
padding: 0;
}
#up_menu>li:last-of-type a svg{
margin-right: 0;
width: 22px;
height: 22px;
}
#up_menu>li:last-of-type a svg path{
color: #2269aa;
}
#up_menu>li:last-of-type a:first-of-type svg{
margin-right: 12px;
}
#top_menu_mobi {
display:none;
}
#header_image {
width: 100%;
height: auto; /*500px;*/
/*background-image:url(header.jpg);
background-repeat:no-repeat;
background-position:center;*/
float:left;
margin-bottom:20px;
/*background: url(new-tiffani.png) no-repeat center top; z-index: -1;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;*/
}
#container {
margin:0 auto;
max-width:81.25em; /* 1300px / 16px = 81.25em */
padding-right:1.25em; /* 20px / 16px = 1.25em */
padding-left:1.25em; /* 20px / 16px = 1.25em */
}
#content {
width:100%;
}
#box_A {
width:30.30%; /* 420px / 1300px = 0.3230 */
margin-right:1.53%; /* 20px / 1300px = 0.0153 */
padding:1%;
padding-top:30px;
background-color:#faae02;
height:auto;
float:left;
background-image:url(angoloarancio.jpg);
background-repeat:no-repeat;
background-position:top right;
text-align: center;
font-weight: 700;
}
#box_B {
width:30.30%; /* 420px / 1300px = 0.3230 */
margin-right:1.53%; /* 20px / 1300px = 0.0153 */
padding:1%;
padding-top:30px;
background-color:#fbd701;
height:auto;
float:left;
background-image:url(angologiallo.jpg);
background-repeat:no-repeat;
background-position:top right;
text-align: center;
font-weight: 700;
}
#box_C {
width:30.30%; /* 420px / 1300px = 0.3230 */
padding:1%;
padding-top:30px;
background-color:#269cb2;
height:auto;
float:left;
background-image:url(angoloblu.jpg);
background-repeat:no-repeat;
background-position:top right;
text-align: center;
font-weight: 700;
}
#testo {
float:left;
width:100%;
border-top:1px solid #e1e1e1;
margin-top:30px;
}
.twocol h1,
#testo h1{
color: #269cb2;
}
#testo2 {
float:left;
width:70%;
border-top:1px solid #e1e1e1;
margin-top:30px;
padding-left:5%;
}
#cellasx {
float:left;
width:25%;
border-top:1px solid #e1e1e1;
margin-top:30px;
}
.twocol{
display: grid;
grid-template-columns: 67% 28%;
column-gap: 5%;
}
.twocol>div:first-of-type{
border-top:1px solid #e1e1e1;
margin-top:30px;
}
.twocol>div:last-of-type{
margin-top: 95px;
}
.twocol img{
max-width: 100%;
object-fit: contain;
}
.twocol>div:last-of-type img{
margin-top: 0px;
margin-bottom: 7px;
width: 100%;
max-height: 200px;
object-fit: cover;
}
.twocol .boxlat+.boxlat{
margin-top: 25px;
padding-top: 25px;
border-top:1px solid #e1e1e1;
}
.twocol .boxlat-title{
font-size: 20px;
margin: 0;
}
.twocol .boxlat-content{
font-size: 15px;
margin-top: 10px;
}
.twocol .boxlat-link{
background-color: #faae02;
padding: 6px 12px;
border: 1px solid #faae02;
color: #fff;
display: inline-block;
margin-top: 15px;
font-size: 15px;
}
.twocol>div:last-of-type>.boxlat:nth-of-type(2) .boxlat-link{
background-color: #fbd701;
border-color: #fbd701;
}
.twocol>div:last-of-type>.boxlat:nth-of-type(3) .boxlat-link{
background-color: #269cb2;
border-color: #269cb2;
}
#box_D {
float:left;
width:100%;
margin-right:10%;
height:auto;
margin-top:40px;
}
#box_E {
float:left;
width:45%;
height:auto;
margin-top:40px;
}
footer {
max-width:81.25em; /* 1300px / 16px = 81.25em */
padding-right:1.25em; /* 20px / 16px = 1.25em */
padding-left:1.25em; /* 20px / 16px = 1.25em */
margin-top:30px;
}
#footer {
text-align:left;
color:#000;
width:100%;
font-size:0.75em; /* 11px / 16px = 0.6875em */
padding-top:10px;
padding-bottom:10px;
border-top:1px solid #e1e1e1;
margin:0 auto;
}
#footer a:visited, #footer a:hover, #footer a:link {
color:black;
}
/* TESTO PAGINA -------------------------------------------------------------------------------------------------------------*/
div.testo {
padding:15px;
background-color: white;
width:1000px;
padding-left:50px;
padding-right:50px;
font-size:13px;
color: #000;
float:left;
}
div.testo a:link, div.testo a:visited, div.testo a:hover {
color: #000;
text-decoration: none;
font-size:12px;
}
h1, h2, h3, h4, h5 {
color: #000;
font-size: 25px;
font-weight:bold;
text-align: left;
}
/* FORM CONTATTI ------------------------------------------------------------------------------------------------------------*/
.lab_cont {
width:20%;
text-align:left;
float:left;
font-size:15px;
padding-top:5px;
margin-bottom:2px;
}
.inp_cont {
width:50%;
margin-left:10%;
float:left;
margin-bottom:5px;
margin-right:10%;
}
input[type=text] {
margin-bottom: 10px;
width:90%;
padding: 1px;
font-size:1em;
height:27px;
border:3px solid #269cb2;
}
input[type=submit] {
margin-bottom: 20px;
width:30%;
padding: 1px;
font-size:15px;
cursor:pointer;
}
textarea {
width:90%;
padding: 1px;
margin-bottom: 20px;
resize:none;
border:3px solid #269cb2;
}
input.radio {
color: #000;
border-style: none;
width:25px;
}
input {
color: #fff;
}
/* MENU TOP ------------------------------------------------------------------------------------------------------------*/
ul.menu_top {
text-align: right;
list-style-type: none;
margin: 0;
padding: 0;
}
ul.menu_top li {
position: relative;
color: #000;
font-size:0.875em; /* 14px / 16px = 0.875em */
display: inline;
margin-left:1%;
padding:1em;
}
ul.menu_top li#current_menu_top {
background-color:#faae02;
}
ul.menu_top>li:first-of-type:hover, ul.menu_top>li#current_menu_top:first-of-type {background-color: #db384b;}
ul.menu_top>li:nth-of-type(2):hover, ul.menu_top>li#current_menu_top:nth-of-type(2) {background-color: #faae02;}
ul.menu_top>li:nth-of-type(3):hover, ul.menu_top>li#current_menu_top:nth-of-type(3) {background-color: #fbd701;}
ul.menu_top>li:nth-of-type(4):hover, ul.menu_top>li#current_menu_top:nth-of-type(4) {background-color: #719dc6;}
ul.menu_top>li:nth-of-type(5):hover, ul.menu_top>li#current_menu_top:nth-of-type(5) {background-color: #269cb2;}
ul.menu_top>li:nth-of-type(6):hover, ul.menu_top>li#current_menu_top:nth-of-type(6) {background-color: #2269aa;}
ul.menu_top li a:link, ul.menu_top li a:visited {
color: #000;
text-transform:uppercase;
font-weight:bold;
}
ul.menu_top>li:hover>a{
color: #fff;
}
ul.menu_top li#current_menu_top>a:hover, ul.menu_top li#current_menu_top>a:link, ul.menu_top li#current_menu_top>a:visited {
color: #fff;
text-transform:uppercase;
}
ul.menu_top li#current_menu_top>ul{
text-align: left;
}
ul.menu_top>li>ul{
display: none;
}
ul.menu_top>li>ul{
flex-direction: column;
width: 100%;
min-width: 200px;
position: absolute;
top: 100%;
left: 0;
background-color: #fff;
z-index: 2;
border: 1px solid whitesmoke;
text-align: left;
}
ul.menu_top>li>ul>li{
border-bottom: 1px solid whitesmoke;
margin-left: 0;
transition: all .3s;
padding: 0;
}
ul.menu_top>li>ul>li>a{
width: 100%;
padding: 15px 10px;
display: block;
}
ul.menu_top>li>ul>li:hover{
background-color: whitesmoke;
}
ul.menu_top>li:hover>ul{
display: flex;
}
/* MENU TOP MOBI ----------------------------------------------------------------------------------------------------------*/
nav:not(.mm-menu) { display: none; }
.mm-divider.button { text-indent: 0 !important; padding: 20px 20px 40px 20px !important; }
html.mm-opened.mm-effect-zoom-menu body { background: #f3f3f3; }
html.mm-opened.mm-effect-zoom-menu.mm-theme-dark body { background: #333; }
html.mm-opened.mm-effect-zoom-menu.mm-theme-black body { background: #000; }
html.mm-opened.mm-effect-zoom-menu.mm-theme-white body { background: #fff; }
html.mm-opened.mm-effect-zoom-menu .mm-page { background-color: #fff; }
.mm-menu li .fa { margin: 0 20px 0 5px; font-size: 16px; width: 12px; }
.mm-menu .buttonbar-item:after { content: none !important; display: none !important; }
.mm-menu{
background: rgba( 0, 0, 0, 0.6 );
box-shadow: none !important;
text-align: left;
color: #fff;
}
.mm-menu .mm-listview{
font-size: 18px;
}
.mm-menu .mm-listview li:after{
content: none !important;
}
.mm-menu .mm-listview li a{
padding: 15px 0;
}
.mm-menu li a:hover{
background: rgba( 255, 255, 255, 0.1 );
}
.mm-list > li > a { font-size:18px; text-align:left; }
/* LINGUE -------------------------------------------------------------------------------------------------------------------*/
#lingue {
position:relative;
float:right;
top:40px;
text-align:right;
width:50px;
z-index:5000;
}
#lingue, #lingue a {
font-size:12px;
color:#858585;
z-index:5000;
}
#linguaAttiva {
position:relative;
float:left;
width:50px;
height:30px;
padding-top:7px;
line-height:20px;
vertical-align:middle;
text-align:center;
/*background-image:url(frecciaGiu2.png);
background-repeat:no-repeat;
background-position:52px 4px;*/
/*filter: alpha(opacity=90);*/ /* internet explorer */
/*-khtml-opacity: 0.9;*/ /* khtml, old safari */
/*-moz-opacity: 0.9; */ /* mozilla, netscape */
/*opacity: 0.9;*/ /* fx, safari, opera */
/*z-index:5000;*/
}
#lingueSelect {
font-size:12px;
position:absolute;
background-color:#C8939F;
visibility:hidden;
z-index:200;
padding-top:2px;
left:0px;
color:#000;
width:48px;
padding-left:7px;
text-align:left;
}
#lingueOption {
padding:3px;
color: #fff;
}
#linguaAttiva:hover > #lingueSelect{
visibility:visible;
}
/* MENU CATEGORIE VETRINA --------------------------------------------------------------------------------------------------*/
/* struttura menu - !!!!! NON TOCCARE !!!!!
/**
* Throw any `ul` or `ol` into horizontal mode, as per csswizardry.com/2011/09/the-nav-abstraction.
*/
.nav {
list-style:none;
margin-left:0;
}
.nav > li, .nav > li > a {
display:inline-block;
*display:inline;
zoom:1;
}
/**
* Create a vertically stacked nav by extending `.nav` with `.stacked`.
*/
.stacked > li {
display:list-item;
}
.stacked > li > a {
display:block;
}
/**
* Flyouts are pieces of content that fly out of a parent when said parent is hovered.
* They typically appear bottom-left of the parent.
*/
.flyout, .flyout-alt {
position:relative;
}
.flyout-content{
/* Position the flyouts off-screen. This is typically better than `display:none;`. */
position:absolute;
top:100%;
left:-99999px;
/**
* Even though they are out of document flow, lots of nested flyouts can
* eventually force scroll bars to appear as they become taller than the viewport.
* We can undo this effect by giving them zero height.
*/
height:0;
overflow:hidden;
}
/**
* Bring the flyouts into view when you hover their parents.
* Two different types of flyout; ‘regular’ (`.flyout`) and ‘alternative’ (`.flyout-alt`).
*/
/* Regular flyouts sit all the way from the top, flush left. */
.flyout:hover > .flyout-content {
left:0;
}
/* Alternative flyouts sit all the way from the left, flush top. */
.flyout-alt:hover > .flyout-content {
top:0;
left:100%;
}
/* Give the flyouts their height back once they come into view. */
.flyout:hover > .flyout-content, .flyout-alt:hover > .flyout-content {
height:auto;
overflow:visible;
}
/*!!!!! CLASSI PER PERSONALIZZAZIONI !!!!!
/**
* Site nav specific styling.
* Extends `.nav{}`
*/
.site-nav {
font-size:0.88em;
background-color:#ebebeb;
width:100%;
}
.site-nav a{
line-height:1;
text-align:center;
padding-top:1.2em;
padding-bottom:1.2em;
width:12.125em; /*13.42em;*/
padding-left:0.313em;
padding-right:0.313em;
background-color:#ebebeb;
color:#000;
/*white-space:nowrap;*/
/*word-wrap:break-word;*/
}
.site-nav a.first_lev {
}
/*--- SITE-NAV FLYOUTS ---*/
/**
* Site nav specific flyouts, extension of `.flyout`.
* Set up some styles to apply and persist when we hover things in the site nav.
* This allows us to keep parents highlighted as we hover their contained flyouts [1].
*/
.site-nav .flyout:hover > a /* [1] */,
.site-nav .flyout-alt:hover > a /* [1] */,
.site-nav a:hover {
color:#fff;
background-color:#B60C32;
}
/**
* Add an indicator to any flyout parents in the site nav to show there’s a flyout.
*/
.site-nav .flyout-alt > a:after{
content:" »";
}
/**
* Here we set up a load of shared borders on the site-nav specific flyouts.
* The code looks a little scattered but it allows us to cleverly share declarations:
* We set up a non-existent [1] solid [2] border on all sides of the relevant elements.
* We can now also change the style [2] and colour [3] of all borders in one go.
* Now we have set up border colours and styles, we need to just turn the desired borders ‘on’ [4].
*/
.site-nav a,
.site-nav .flyout-content{
border:0 /* [1] */
solid /* [2] */
#fff /* [3] */;
}
.site-nav > li > a{
border-left-width:1px; /* [4] */
}
/* The first link in the site-nav doesn’t require a border at all. */
.site-nav > li:first-child > a{
border:none;
}
.site-nav .flyout-content{
border-width:1px 0 0 1px; /* [4] */
}
.site-nav .flyout-content a{
border-bottom-width:1px; /* [4] */
}
.site-nav .flyout-alt:hover > .flyout-content{
/**
* To account for the 1px top border on the flyout containers, we need to
* bring the flyouts back up by 1px in this special instance.
*/
top:-1px;
}
/* GALLERY ------------------------------------------------------------------------------------------------------------*/
#gallery_categorie {
width:100%;
float:left;
height:auto;
}
div.gallery_cat {
width:18.5%;
margin-right:1.5%;
float:left;
text-align:center;
margin-bottom:20px;
height:auto;
}
div.gallery_catimg {
float:left;
text-align:center;
width:100%;
margin-bottom:5px;
}
div.gallery_catimg img {
width:100%;
}
div.gallery_catname {
width:100%;
text-align: center;
display:table;
float:left;
}
div.gallery_catname a:link, div.gallery_catname a:visited, div.gallery_catname a:hover {
line-height:120%;
font-size:1.1em;
color:#269cb2;
font-weight: bold;
display:block;
width:100%;
}
#gallery_immagini {
width:100%;
float:left;
text-align:center;
margin-bottom:10px;
height:auto;
}
div.gallery_img {
width:18.5%;
margin-right:1.5%;
float:left;
text-align:center;
margin-bottom:20px;
}
div.gallery_imgimg {
float:left;
text-align:center;
width:100%;
}
div.gallery_imgimg img {
width:100%;
max-width:220px;
}
div.gallery_imgname {
width:100%;
text-align: center;
display:table;
}
div.gallery_imgname a:link, div.gallery_imgname a:visited, div.gallery_imgname a:hover {
line-height:110%;
font-size:0.9em;
color:black;
display:block;
width:100%;
}
div.menu_acatalogV {
margin-bottom: 40px;
float:left;
}
div.menu_acatalogV ul {
list-style-type: none;
list-style-image: none;
width:100%;
float:left;
}
div.menu_acatalogV li {
text-align: left;
float:left;
display: block;
margin-bottom: 2px;
padding: 10px;
width: 90%;
background-color:#efedec;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
div.menu_acatalogV a:link, .menu_acatalogV a:visited, .menu_acatalogV a:hover {
color: #000;
text-decoration: none;
}
div.menu_acatalogV li#level_0 {
font-size: 0.9em;
text-transform:uppercase;
}
div.menu_acatalogV li#level_1 {
padding-left: 10px;
}
/* FORM CONTATTI ------------------------------------------------------------------------------------------------------------*/
input.radio {
color: #000;
border-style: none;
}
input {
color: #000;
font-size: 11px;
background-color: #fff;
margin-bottom: 3px;
width: 100px;
border: solid 1px #a8a8a8;
}
/* VARI ------------------------------------------------------------------------------------------------------------*/
.clear {clear: both; }
ul {
clear:both;
padding: 0px;
margin: 0px;
list-style-type: none;
}
li{
padding:0px;
margin: 0px;
list-style-type: none;
}
img { border:none; }
a:link, a:visited, a:hover {
text-decoration: none;
}
/* IUBENDA */
#iubenda-cs-banner{
/* ------ IMPORTANT NOTICE: don't change these values as they may prevent the banner from properly showing. Some of these lines, moreover (like z-index) will overwrite the configuration initialized by the script you paste in your pages. To show the banner at the bottom you can switch to "bottom: 0px !important;". Don't forget to put "slideDown" to "false". */
bottom: 0px !important; left: 0px !important; position: fixed !important; width: 100% !important; z-index: 99999998 !important; background-color:#000; filter:alpha(opacity=85); -moz-opacity:0.85; opacity: 0.85;
}
.iubenda-cs-content { display:block; margin:0 auto; padding:10px 20px; width:auto; font-family:Helvetica,Arial,FreeSans,sans-serif; font-size:14px; background:#000; color:#fff; }
.iubenda-banner-content { }
.iubenda-cs-rationale { /*max-width: 900px;*/ position:relative; margin:0 auto; }
/* STYLE FOR TEXT INTERNAL BANNER */
.iubenda-banner-content > p { font-family:Helvetica,Arial,FreeSans,sans-serif; line-height:1.5; }
/* CLOSE BUTTON. NOTICE: IMAGE FOR BUTTON NOT IMPLEMENTED YET */
.iubenda-cs-close-btn { margin:0; color:#fff; text-decoration:none; font-size:14px; position:absolute; top:0; right:0; border:none;
}
/* STYLE FOR TEXT LINK TO PRIVACY POLICY */
.iubenda-cs-cookie-policy-lnk { text-decoration:underline; color:#fff; font-size:14px; font-weight:900; }
/********* MEDIA QUERY *************/
/* !!! smartphone portrait */
@media only screen and (max-width:480px) {
#content_top {
max-width:29.375em; /* 470px / 16px = 29.375em */
padding-right:0.3125em; /* 5px / 16px = 0.3125em */
padding-left:0.3125em; /* 5px / 16px = 0.3125em */
}
#logo {
width:100%;
text-align:center;
margin-bottom:10px;
}
#top_menu {
display:none;
}
#top_menu_mobi {
display:block;
border:4px solid #e2f3fb;
background-color:#48addc;
width:96%;
height:35px;
margin-top:10px;
padding-top:10px;
float:left;
text-align:center;
color:white;
}
#header_image {
height:auto; /*250px;*/
}
#box_A, #box_B, #box_C {
float:left;
width:100%;
height:auto;
border:none;
margin-bottom:20px;
}
#box_D, #box_E {
width:100%;
float:left;
}
#footer {
height:20px;
float:left;
margin-top:5px;
margin-bottom:10px;}
#testo2 {
float:left;
width:100%;
border-top:1px solid #e1e1e1;
margin-top:30px;
}
#cellasx {
float:left;
width:100%;
border-top:0px;
margin-top:5px;
}
/* FORM CONTATTI ------------------------------------------------------------------------------------------------------------*/
.lab_cont {
width:100%;
text-align:center;
float:left;
font-size:15px;
padding-top:5px;
margin-bottom:2px;
}
.inp_cont {
width:90%;
margin-left:5%;
float:left;
margin-bottom:5px;
margin-right:10%;
}
input[type=text] {
margin-bottom: 20px;
width:90%;
padding: 1px;
height:25px;
border:3px solid #8fc8f0;
font-size:1em;
}
input[type=submit] {
margin-bottom: 20px;
width:30%;
padding: 1px;
font-size:15px;
cursor:pointer;
}
textarea {
width:90%;
padding: 1px;
margin-bottom: 20px;
resize:none;
border:3px solid #8fc8f0;
}
input.radio {
color: #000;
border-style: none;
width:25px;
}
input {
color: #000;
}
div.gallery_cat {
width:100%;
height:auto;
}
div.gallery_img {
width:48%;
margin-left:1%;
margin-right:1%;
}
div.menu_acatalogV {
margin-bottom:30px;
}
div.menu_acatalogV li {
width:100%;
}
#testo { margin-top:0px;}
}
@media screen and (max-width: 1199px){
.twocol{
display: grid;
grid-template-columns: 66% 30%;
column-gap: 4%;
}
}
@media screen and (max-width: 991px){
#up_menu>li:first-of-type a span{
display: none;
}
#up_menu>li:first-of-type a span+span{
display: block !important;
}
.twocol{
display: grid;
grid-template-columns: 100%;
column-gap: 0%;
grid-row-gap: 25px;
}
.twocol>div:last-of-type{
margin-top: 0;
display: grid;
grid-template-columns: 46% 46%;
column-gap: 8%;
}
.twocol .boxlat {
margin-top: 25px;
padding-top: 25px;
border-top: 1px solid #e1e1e1;
}
}
@media screen and (max-width: 899px){
.twocol>div:last-of-type{
display: grid;
grid-template-columns: 48% 48%;
column-gap: 4%;
}
}
@media screen and (max-width: 767.98px){
#up_menu>li:first-of-type a span+span,
#up_menu>li a span{
display: none !important;
}
#up_menu>li a svg{
margin-right: 0;
}
}
@media screen and (max-width: 649px){
.twocol>div:last-of-type{
display: grid;
grid-template-columns: 100%;
column-gap: 0%;
}
.twocol .boxlat {
width: 325px;
margin: 0 auto;
max-width: 100%;
}
}
@media screen and (max-width: 419px){
#up_menu{
justify-content: flex-start;
padding-left: 10px;
padding-right: 10px;
}
#up_menu>li:last-of-type {
margin-right: 0;
margin-left: auto;
}
#up_menu>li:last-of-type a svg {
margin-right: 0;
width: 25px;
height: 25px;
}
.twocol .boxlat {
width: 100%;
margin: 0 auto;
max-width: 100%;
}
}
/* !!! smartphone landscape + tablet portrait */
@media only screen and (min-width:481px) and (max-width:768px){
#logo {
width:100%;
float:left;
height:70px;
text-align:center;
}
#top_menu {
width:100%; /* 650px / 1300px = 0.5% */
float:left;
text-align:center;
margin-top:40px;
}
ul.menu_top {
text-align: center;
list-style-type: none;
margin: 0;
padding: 0;
}
#box_A, #box_B, #box_C {
float:left;
width:100%;
height:auto;
border:none;
margin-bottom:20px;
}
#box_D, #box_E {
width:100%;
float:left;
}
div.gallery_cat {
width:100%;
height:auto;
}
div.gallery_img {
width:49%;
margin-left:0.5%;
margin-right:0.5%;
height:170px;
}
div.menu_acatalogV {
margin-bottom:30px;
}
div.menu_acatalogV li {
width:100%;
}
}
footer{
margin: 0 auto;
max-width: 81.25em;
padding-right: 1.25em;
padding-left: 1.25em;
}