/*
 * (C)opyright Solocal Group 2014-2015
 *
 * This is Solocal Group proprietary source code.
 * Any reproduction modification or use without prior written
 * approval from Solocal Group is strictly forbidden.
 *
 */

/*********************************/
/*t005*/
/*********************************/
body{background-color:#BDC0B7;display:block;height:auto;}  /* no sticky footer */
a{color:#2A7B96}

h1, h2, h3{border-bottom:2px solid #2A7B96;padding:0 5px 5px 5px;text-transform:uppercase;margin-bottom:19px}
h1{font-size: 24px;line-height: 28px}
h2{font-size:17px}

/* Forms elements */
button {
    background-color: #2A7B96;
    color: #FFFFFF;
}

.component.cart .cart-item .shopping-info .actions .delete:hover {
    background-color: #2A7B96;
}

/*********************************/
/*header*/
/*********************************/
header{position:relative;background:white!important;max-width:1000px;margin:15px auto 0 auto;display:block;height:auto}
/*header.BG-custom{background-image:none!important; background-color:transparent!important;}*/ /* Background is on body - cancel it on header */
@media screen and (min-width:769px){
    header .inner-content {padding:0 10px 0 1px}
}
.component.site_title .title {border:0;text-transform:none;margin-bottom:0;padding: 0 5px;line-height: 28px}
.component.site_title{text-align:left;}  /* when there's no logo, align to the left */
.component.logo + .component.site_title {text-align:right}  /* when there's a logo, align to the right */

/*********************************/
/*slider*/
/*********************************/
.component.slider {max-width:1000px; margin:auto;}
.component.slider .visual-item {width:100%/* Stretch existing images... */}
.component.slider .item .content .title {border:0;text-transform:none}
.component.slider .slider-buttons {position:relative;border-top:2px solid #2A7B96;margin-top:1px;padding-left:15px}
.component.slider .slider-buttons .slider-button {background:#434343;height:10px;width:10px;opacity:1}
.component.slider .slider-buttons .slider-button:hover, .component.slider .slider-buttons .slider-button.active {background:#2A7B96}
.component.slider.slider_left .slider-buttons {right:0; text-align:right}
.component.slider > .item-container > .item .content {bottom:5%}

/************************
        CAROUSEL
************************/
@media  screen and (min-width:768px){
    .component.catalog_highlights .internal_component.catalog_product.short_view {max-width: 177px;margin: 0 auto;}
}

@media  screen and (max-width:768px){
    .component.catalog_highlights.default_view .product-slider .arrow.prev {left:-8px}
    .component.catalog_highlights.default_view .product-slider .arrow.next {right:-8px}
}

/*********************************/
/*main*/
/*********************************/
#uber-content{max-width: 1000px; width:auto;margin:0 auto;background:white;display:block}
#main-content{background:white;padding-top:40px;display:table; table-layout:fixed; width: 100%}

#main-content>section{width: 100%; padding: 0 15px}
#main-content>aside {width: 305px; padding: 11px 15px 0 5px}
#main-content>aside.sidebar-catalog {width: 230px; padding: 11px 0px 0 15px}
#main-content>section,
#main-content>aside {display:table-cell}


/*********************************/
/*box*/
/*********************************/
#main-content > aside .box{background:#2A7B96 url("../img/blanc90.png");padding:0px 10px 35px}
#main-content > aside .box .title{background:white;display:block;border-bottom:2px solid #2A7B96;padding:0 0 5px 5px;margin: 0 -10px 15px -10px;text-transform:uppercase}
#main-content > aside .box .component.schedule .title{display:none}
.box .title {font-size:17px}
#main-content > aside .box .component.catalog_terms_of_sale .title{text-transform:inherit;}

/*********************************/
/*blocks*/
/*********************************/
.blocks {margin-bottom:0}
.blocks .title {font-size:17px;margin: 0 -10px 15px -10px;padding: 0;line-height: 25px;color: #376379;text-transform:uppercase;background:white;border-bottom:2px solid #2A7B96;padding:0 0 5px 5px}
.horizontal_layout.blocks > .item-container > .item{background:#2A7B96 url("../img/blanc90.png");padding:0 10px 10px 10px;border:0;border-left:12px solid white;border-right:12px solid white}
.horizontal_layout.blocks > .item-container > .item.item-first{border-left:0;border-right:22px solid white}
.horizontal_layout.blocks > .item-container > .item.item-last{border-right:0;border-left:22px solid white}
.horizontal_layout.blocks > .item-container > .item .more-info{bottom:7px}

/************************
        CAROUSEL
************************/
.component.catalog_highlights.default_view .product-slider {margin: 0 auto;}


/*********************************/
/*contact*/
/*********************************/
.contact-page .contact_layout {margin-bottom: 40px;}
.contact-page .contact_layout > .slots-2 > .item-1{padding-right:0;width:100%}
.contact-page .contact_layout > .slots-2 > .item-2{width:100%}
.contact_form.default_view{padding-right:30px;border-top:1px solid #c1c1c1}
.contact_form.default_view .field label{text-align:right}
.contact_form.default_view .captcha.field label{text-align:left}
.contact_form.default_view input[type="text"], .contact_form.default_view select, .contact_form.default_view textarea {border-radius: 5px;border-color: #c1c1c1}
.contact_form.default_view .captcha.field .captcha-image + *{width:65%}
.contact_form.default_view .actions .button {background-color:#464645;font-weight:normal;border-radius: 5px;text-transform: uppercase;}
.contact_form.default_view .actions .button:hover{background-color:#c1c1c1}
.contact_form.default_view .actions {text-align: right;}

/*********************************/
/* practical info */
/*********************************/
.component.contact.mobile_view .mobile{font-size:16px;font-weight:normal;}
.component.contact.phone_view .phone{font-size:16px;font-weight:normal;}

/*********************************/
/* selector */
/*********************************/
.point_of_sale_selector .selector{width: 200px;}

/*********************************/
/*contact form*/
/*********************************/
.contact_form.default_view{background:#C1C1C1 url("../img/blanc90.png") repeat;padding: 10px 30px 20px 10px;}

/*********************************/
/*contact infos*/
/*********************************/
.component.point_of_sale.default_view .contact-left-col {padding-bottom:10px;}
.component.point_of_sale.default_view .contact-right-col {padding-top:10px;}
.component.point_of_sale.default_view .contact-right-col .title{padding-left:10px;}


/*********************************/
/*catalog products*/
/*********************************/
.component.catalog_product.title_view{display:block}
.component.catalog_product.pagination_view{text-align:right;display:block;padding-top:14px}
#main-content > aside .sub-menu.box{padding:0;background:none}
.component.sub-menu .item-container .item a{text-transform:uppercase}
.component.sub-menu .item-container .item:hover a, .component.sub-menu .item-container .item.active a{color:#2A7B96}


.catalog.title_view .title {margin-bottom:15px}
.catalog-controls .control-item .title{border:0}

.icon_on_nav .nav-element.nav-previous:before, .icon_on_nav .nav-element.nav-next:after {color: #2A7B96}


/********/
/* Cart */
/********/
.cart-content .title {border: 0 none; padding: 0; text-transform: none;}

.component.cart .cart-header .top-nav {
    margin-top: -40px;  /* same as the #main-content top margin/padding */
}

/* Steps title bar */
.component.cart .title-bar .title {
    padding-right: 30px;
}

.component.cart .title-bar .steps {
    margin: 0;
    display: inline-block;
}


/*********************************/
/*popin*/
/*********************************/
.component.popin .button.cancel {float: right;margin-right: 2px;}
.component.popin button {background-color:#464645!important;font-weight:normal!important;border-radius: 5px;text-transform: uppercase;}
.component.popin button:hover{background-color:#c1c1c1}
.component.popin .mandatory-message {right: 0;}

/*********************************/
/*footer*/
/*********************************/
footer{max-width:1000px;margin:17px auto 0 auto;background:white;border-top:2px solid #BDC0B7;display:block;height:auto}
footer .horizontal_layout .box{border:0}
footer .horizontal_layout .title{text-transform:uppercase;font-size:17px;line-height:18px;padding:0 5px 5px 5px;border-bottom:2px solid #BDC0B7;font-weight:normal;display:block}


/*==============================================================================================================*/
@media  screen and (min-width:769px){

/*********************************/
/*nav*/
/*********************************/
.component.main-menu{background-color:white;width:100%;border-top:2px solid #2A7B96;border-bottom:2px solid #2A7B96}
.component.main-menu>.item-container {max-width: 1000px;margin: auto;padding:0;height:71px;display:table; table-layout: fixed; width:100%;}
.component.main-menu>.item-container>.item{display:table-cell;position:relative;vertical-align:middle;text-align:center;cursor:pointer}
.component.main-menu .item-container .item a {font-weight:normal;text-transform:uppercase;font-weight:bold;font-size:16px;}
.browser-msie .component.main-menu>.item-container>.item{display:table;height: 100%;float: left;table-layout: fixed}
.component.main-menu>.item-container>.item>a.menu-link {width:100%;display:inline-block;vertical-align:middle;text-align:center;line-height:20px}
.browser-msie .component.main-menu>.item-container>.item>a.menu-link {display:table-cell}
html .component.main-menu .item-container .item:hover>a, html .component.main-menu .item-container .item.active>a{color:#2A7B96}
.component.main-menu .item-container .item-container { z-index:200; position:absolute;left:0; top: calc(100% - 7px); width:100%; padding-left:0;}
.component.main-menu .item-container .item-container:before {content: ""; display: block; width: 100%; height: 8px; background:url("../img/top_arrow.png") no-repeat center top;}
.component.main-menu .item-container .item-container .item{display:block;width:100%;background:rgba(0,0,0,0.8); border-width:0 1px 1px 1px; border-style:solid; border-color:#a7aaaf;text-align:center; padding:5px 0;}
.component.main-menu .item-container .item-container .item a{text-align:center; font-size:14px; padding:0;color:#a7aaaf}
.component.main-menu .item-container .item-container .item:hover>a, .component.main-menu .item-container .item-container .item.active>a{color:#2A7B96;}
.decli_a .component.main-menu .item-container .item-container .item:hover>a, .decli_a .component.main-menu .item-container .item-container .item.active>a{color:#2A7B96;}
.decli_b .component.main-menu .item-container .item-container .item:hover>a, .decli_b .component.main-menu .item-container .item-container .item.active>a{color:#2A7B96;}

.component.main-menu>.item-container.slots-1>.item{width:100%}
.component.main-menu>.item-container.slots-2>.item{width:50%}
.component.main-menu>.item-container.slots-3>.item{width:33.33%}
.component.main-menu>.item-container.slots-4>.item{width:25%}
.component.main-menu>.item-container.slots-5>.item{width:20%}
.component.main-menu>.item-container.slots-6>.item{width:16.66%}
.component.main-menu>.item-container.slots-7>.item{width:14.28%}
.component.main-menu>.item-container.slots-8>.item{width:12.5%}
.component.main-menu>.item-container.slots-9>.item{width:11.11%}
.component.main-menu>.item-container.slots-10>.item{width:10%}

}

@media  screen and (max-width:768px){
    header{padding-bottom:0;margin-top:0}
    #main-content > section {width:100%}
    .horizontal_layout.blocks > .item-container.slots-3 > .item{ width:33%}
    .horizontal_layout.blocks > .item-container.slots-3 > .item-first{ width:33%}

    .component.main-menu .item-container .item:hover > a, .component.main-menu .item-container .item.active > a{color:#BDC0B7}

    .contact_form.default_view .field label{text-align:left;display:block;width:100%}
    .contact_form.default_view input[type="text"], .contact_form.default_view select, .contact_form.default_view textarea {width:100%}
    .contact_form.default_view .field label + *{width:100%}
    .contact_form.default_view .send-copy.field{margin-left:0}
    .contact.contact_form_view .captcha-image{margin-bottom:10px}
    .contact_form.default_view .captcha.field .captcha-image + *{width:100%}
    .contact.contact_form_view .button{width:100%}
}

@media  screen and (max-width:480px){
    #main-content{display:block}
    #main-content > section{display:block}

    .home-page #main-content > section {padding:0}
    .component.slider{background:#FFF;}
    .component .slider > .item-container > .item .content{left:0; position:relative;}
    .slider .slider-buttons{display:none}

    .horizontal_layout.blocks > .item-container > .item{border:0;margin-bottom:20px}
    .horizontal_layout.blocks > .item-container > .item.item-first{border:0}
    .horizontal_layout.blocks > .item-container > .item.item-last{border:0}

    .horizontal_layout.blocks > .item-container.slots-3 > .item{ width:100%}
    .horizontal_layout.blocks > .item-container.slots-3 > .item-first{ width:100%}

    .point_of_sale_selector .selector{width: 100%;}

    .contact_form.default_view{padding: 20px 10px;margin-left:-15px;margin-right:-15px}
}