/*! normalize.css v1.1.2 | MIT License | git.io/normalize */article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}html,button,input,select,textarea{font-family:sans-serif}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}h2{font-size:1.5em;margin:.83em 0}h3{font-size:1.17em;margin:1em 0}h4{font-size:1em;margin:1.33em 0}h5{font-size:.83em;margin:1.67em 0}h6{font-size:.67em;margin:2.33em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}blockquote{margin:1em 40px}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}p,pre{margin:1em 0}code,kbd,pre,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:before,q:after{content:'';content:none}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}dl,menu,ol,ul{margin:1em 0}dd{margin:0 0 0 40px}menu,ol,ul{padding:0 0 0 40px}nav ul,nav ol{list-style:none;list-style-image:none}img{border:0;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}figure{margin:0}form{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0;white-space:normal;*margin-left:-7px}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;*overflow:visible}button[disabled],html input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}


/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
}

html {
    font-size: 1em;
    line-height: 1.4;
}

h1,
h2,
h3,
h4,
h5,
h6{
    font-weight: normal;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between images, videos, audio and canvas and the bottom of
 * their containers: h5bp.com/i/440
 */

audio,
canvas,
img,
video {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Browse Happy prompt
   ========================================================================== */

.browsehappy {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */



/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        -moz-box-shadow: none !important;
        -webkit-box-shadow: none !important;
        box-shadow:  none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}
.UserGeneric{
    width:100%;
    display:inline-block;
}

/*
 * Font-face
 */
@font-face { 
    font-family: 'Frutiger LT Std Roman';
    src: url('fonts/frutiger_lt_std_roman.eot'); 
    src: url('fonts/frutiger_lt_std_roman.eot?#iefix') format('embedded-opentype'), 
         url('fonts/frutiger_lt_std_roman.svg#Frutiger LT Std Roman') format('svg'), 
         url('fonts/frutiger_lt_std_roman.woff') format('woff'), 
         url('fonts/frutiger_lt_std_roman.ttf') format('truetype'); 
    font-weight: normal; 
    font-style: normal;
}


@font-face { 
    font-family: 'Frutiger LT Std Bold';
    src: url('fonts/frutiger_lt_std_bold.eot'); 
    src: url('fonts/frutiger_lt_std_bold.eot?#iefix') format('embedded-opentype'), 
         url('fonts/frutiger_lt_std_bold.svg#Frutiger LT Std Bold') format('svg'), 
         url('fonts/frutiger_lt_std_bold.woff') format('woff'), 
         url('fonts/frutiger_lt_std_bold.ttf') format('truetype'); 
    font-weight: normal; 
    font-style: normal;
}

@font-face { 
    font-family: 'Frutiger LT Std Black Cn';
    src: url('fonts/frutiger_lt_std_blackcn.eot'); 
    src: url('fonts/frutiger_lt_std_blackcn.eot?#iefix') format('embedded-opentype'), 
         url('fonts/frutiger_lt_std_blackcn.svg#Frutiger LT Std Black Cn') format('svg'), 
         url('fonts/frutiger_lt_std_blackcn.woff') format('woff'), 
         url('fonts/frutiger_lt_std_blackcn.ttf') format('truetype'); 
    font-weight: normal; 
    font-style: normal;
}

@font-face { 
    font-family: 'Frutiger LT Std ExtraBlack';
    src: url('fonts/frutiger_lt_std_extrablackcn.eot'); 
    src: url('fonts/frutiger_lt_std_extrablackcn.eot?#iefix') format('embedded-opentype'), 
         url('fonts/frutiger_lt_std_extrablackcn.svg#Frutiger LT Std ExtraBlack') format('svg'), 
         url('fonts/frutiger_lt_std_extrablackcn.woff') format('woff'), 
         url('fonts/frutiger_lt_std_extrablackcn.ttf') format('truetype'); 
    font-weight: normal; 
    font-style: normal;
}

@font-face { 
    font-family: 'Frutiger LT Std Italic';
    src: url('fonts/frutiger_lt_std_italic.eot'); 
    src: url('fonts/frutiger_lt_std_italic.eot?#iefix') format('embedded-opentype'), 
         url('fonts/frutiger_lt_std_italic.svg#Frutiger LT Std Italic') format('svg'), 
         url('fonts/frutiger_lt_std_italic.woff') format('woff'), 
         url('fonts/frutiger_lt_std_italic.ttf') format('truetype'); 
    font-weight: normal; 
    font-style: normal;
}

@font-face { 
    font-family: 'Frutiger LT Std Light';
    src: url('fonts/frutiger_lt_std_light.eot'); 
    src: url('fonts/frutiger_lt_std_light.eot?#iefix') format('embedded-opentype'), 
         url('fonts/frutiger_lt_std_light.svg#Frutiger LT Std Light') format('svg'), 
         url('fonts/frutiger_lt_std_light.woff') format('woff'), 
         url('fonts/frutiger_lt_std_light.ttf') format('truetype'); 
    font-weight: normal; 
    font-style: normal;
}

@font-face { 
    font-family: 'Frutiger LT Std Light Cn';
    src: url('fonts/frutiger_lt_std_lightcn.eot'); 
    src: url('fonts/frutiger_lt_std_lightcn.eot?#iefix') format('embedded-opentype'), 
         url('fonts/frutiger_lt_std_lightcn.svg#Frutiger LT Std Light Cn') format('svg'), 
         url('fonts/frutiger_lt_std_lightcn.woff') format('woff'), 
         url('fonts/frutiger_lt_std_lightcn.ttf') format('truetype'); 
    font-weight: normal; 
    font-style: normal;
}

@font-face { 
    font-family: 'Frutiger LT Std UltraBlack';
    src: url('fonts/frutiger_lt_std_ultrablack.eot'); 
    src: url('fonts/frutiger_lt_std_ultrablack.eot?#iefix') format('embedded-opentype'), 
         url('fonts/frutiger_lt_std_ultrablack.svg#Frutiger LT Std UltraBlack') format('svg'), 
         url('fonts/frutiger_lt_std_ultrablack.woff') format('woff'), 
         url('fonts/frutiger_lt_std_ultrablack.ttf') format('truetype'); 
    font-weight: normal; 
    font-style: normal;
}

@font-face { 
    font-family: 'Entypo';
    src: url('fonts/entypo.eot'); 
    src: url('fonts/entypo.eot?#iefix') format('embedded-opentype'), 
         url('fonts/entypo.svg#Entypo') format('svg'), 
         url('fonts/entypo.woff') format('woff'), 
         url('fonts/entypo.ttf') format('truetype'); 
    font-weight: normal; 
    font-style: normal;
}
 /*
 * Font-face
 */
html{
    background:#9a9c9f url('images/cobert/bg-html.jpg') repeat-y top center;
    overflow-y: scroll;
}

body{
    font: 13px/18px 'Frutiger LT Std Roman', sans-serif;
    color: #5b5e62;
    width:100%;
    background:transparent url('images/cobert/bg-body.jpg') no-repeat top center;
    background-attachment: fixed;
}

body a{
    text-decoration: none;
    color:#305593;
}

a:hover img,
main.statics.detail .top .share-buttons a:hover{
    opacity: 0.8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
}


/* OFF - ON*/
.off{
    display: none!important;
}

.off.on{
    display: inline-block!important;
}
/* OFF - ON*/

body .sep{
    width:576px;
    height: 1px;
    background-color: #e2e4e7;
    margin: 25px auto 15px;
}

#wrapper{
    width:980px;
    margin:0px auto;
    background-color: #ffffff;
}

 /*
 * Header
 */
.header-container {
    width:100%;
    height:116px;
    background-color: #ffffff;
}

#overlayer {
    position: absolute;
    top: 95px;
    z-index: 998;
    background: #b2b2b2;
    width: 100%;
    height: 100%;
    opacity: 0.6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
    -khtml-opacity: 0.6;

    display: none;
}

#top_bar{
    display:inline-block;
    width:100%;
}

#top_language{
    display: inline-block;
    background-color: #ffffff;
}

#top_language ul {
    list-style: none;
    list-style-image: none;
    font-size:12px;
    padding:0px;
    margin:0px;
}

#top_language ul li{
    display: inline-block;
}

#top_language ul li:before,
#top_language ul li{
   content:"|";
   color:#e2e4e7;
}

#top_language ul li.selected,
#top_language ul li.selected:before,
#top_language ul li:first-child:before{
   content:"";
}

#top_language ul li a{
    color:#305593;
    padding:7px 12px;
    display: inline-block;
}

#top_language ul li.selected a{
    color:#ffffff;
    background-color:#305593;
}

#top_language ul li.selected{
    margin-right: -1px;
}

#top_language ul li a:hover,
article.distributors .items.three .item a:hover{
    text-decoration: underline;
}

.top_access{
    font-size: 12px;
    float:right;
}

.top_access ul{
    padding:0px;
    margin:0px;
    list-style-type:none;
    background-color:#095495;
}


.top_access ul.logon{
    background-color:#ff8f06;   
}

.top_access ul li{
    display:inline-block;
}

.top_access a.login{
    color:#ffffff;
    padding:7px 15px 7px 28px;
    display: inline-block;
    position: relative;
}

.top_access ul.logon a.login{
    padding-right:5px;      
}

.top_access a.login:before{
    content: "";
    font-family: 'Entypo';
    position: absolute;
    font-size: 32px;
    left: 5px;
    top: 0px;
    color:#6487b2;
}

.top_access ul.logon a.login:before{
    color:#ffb25e;
    content:"👤";
}

.top_access a.close{
    padding:0px 8px 0px 10px;
    border-left:1px solid #ffb25e;
    color:#ffb25e;
}

header .cobert {
    min-width:270px; 
    display: inline-block; 
    margin-top:18px;
    margin-left:20px;
}

header .cobert img{
    width:100%;
}

header ul.menu-icons{   
    padding:0px;
    margin:0px;
    float:right;
    list-style-type:none;
    margin-right:6px;
    margin-top:18px;
    display:none;
}

header ul.menu-icons li{
    display:inline-block;
}

header ul.menu-icons li a{
    padding:0px 3px;
    width:30px;
    display:inline-block;
    margin-right:10px;
}

header ul.menu-icons li img{
    width:100%;
}

header nav{
    float: right;
    margin-top: 24px;
    margin-right: 38px;
    text-transform: uppercase;
}


header nav ul{
    padding:0px;
    list-style-type: none;
}

header nav ul li {
    display: inline;
    padding: 0px 12px 0px 25px;
    position: relative;
    background: transparent url('images/cobert/slash-diagonal.png') no-repeat 0px 4px;
}
header nav ul li.special{
    display:none;
}

header nav ul li:first-child{
   background: none;
}

header nav ul li a{
    color:#305593;
}

header nav ul li a:hover{
    color:#5477b2;
}

header nav ul li a.selected{
    color:#305593;
    border-bottom:3px solid #305593;
}

 /*
 * Header
 */

 /*
 * Footer
 */
.footer-container{
    margin-top:-40px;
    padding-top: 100px;
    background: transparent url('images/cobert/footer-corner.png') no-repeat top left;
}

.footer-container .inner{
    border-top:2px solid #ffffff;
    background-color: #5b5e62;
    height: 144px;
}

footer nav{
    display: inline-block; 
    float:left;
    width:33%;
}

footer nav ul {
    list-style: none;
    list-style-image: none;
    font-size:12px;
    padding:0px;
    margin:0px;
    margin-top:34px;
    margin-left: 20px;
}

footer nav ul li{
    display: inline-block;
}

footer nav ul li:before,
footer nav ul li{
   content:"|";
   color:#95979a;
}

footer nav ul li.selected:before,
footer nav ul li:first-child:before{
   content:"";
}

footer nav ul li a{
    color:#ffffff;
    padding:0px 3px;
    display: inline-block;
}

footer .logo{
    width:33%;
    height: 100%;
    text-align: center;
    color: #fff;
    font-size: 11px;
    margin-left: auto;
    margin-right: auto;
    display: inline-block;
    vertical-align: top;
}

footer .cobert {
    display: inline-block;
    /*background: transparent url(images/cobert/footer-logo.png) no-repeat center top;*/
    width:196px; 
    height:33px; 
    margin-top: 50px;
} 

footer .logo span{
    display: block;
}

footer .logo span.last-update{
    color: #ccc;
}

footer .social{
    display: inline-block;
    width:33%;
    height: 100%;
}

footer .social ul{
    list-style: none;
    float: right;
    list-style-image: none;
    padding: 0px;
    margin-top: 55px;
    margin-right: 20px;
}

footer .social li{
    background:transparent url(images/cobert/social-v2.png) no-repeat center top;
    width:36px;
    height:35px;
    display: inline-block;
    margin: 0 2px;
}

footer .social li.rss{
    background-position: 0px 0px;
}

footer .social li.youtube{
    background-position: 0px -37px;
}

footer .social li.linkedin{
    background-position: 0px -74px;
}

footer .social li.flickr{
    background-position: 0px -111px;
}

footer .social li.facebook{
    background-position: 0px -148px;
}

footer .social li.instagram{
    background-position: 0px -185px;
}

footer .social li.twitter{
    background-position: 0px -222px;
}

footer .social li a{
    display: inline-block;
    width:100%;
    height:100%;
}

#trademark ul{
    list-style: none;
    list-style-image: none;
    padding: 0px;
    margin: 0px;
    margin-top:10px;
    margin-left:20px;
    display: inline-block;
}

#trademark li{
    /*background:transparent url(images/cobert/footer-trademark.png) no-repeat center top;
    display: inline-block;*/
    height:51px;
    margin:0px 8px;
}

#trademark li.partner{
	padding-left: 35px;
	position: relative;
}

#trademark li.partner:after{
	content: attr(data-after-content);
	position: absolute;
	font-size: 12px;
	line-height: 12px;
	color: #fff;
	top: 18px;
	left: -8px;
}

/*#trademark li.uralita{
    background-position: 0px 0px;
    width:131px;
    padding-right: 28px;
    border-right:1px solid #e2e4e7;
    height: 38px;
    vertical-align: top;
}*/

#trademark li.ursa{
    background-position: -176px 0px;
    width:53px;
}

#trademark li.pladur{
    background-position: -246px 0px;
    width:90px;
}

#trademark li.algiss{
    background-position:-350px 0px;
    width:56px;
}

#trademark li.adequa{
    background-position: -427px 0px;
    width:60px;
}

#trademark li a{
    display: inline-block;
    width:100%;
    height:100%;
}
 /*
 * Footer
 */


 /*
 * Slider
 */
#slider{
    display: inline-block;
    position:relative;
    width:100%;
    height:358px;
    padding-bottom:25px;
}

#slider ul {
    list-style: none;
    list-style-image: none;
    padding:0px;
    margin:0px;
    height:358px;
}


#slider ul li{
    height:100%;
    float: left;
    margin: 0;
    padding: 0;
    position: relative;
}

#slider figure{
    display: inline-block;
}

#slider figure figcaption{
    display: none;
}

#slider .poligon{
    width:100%;
    height:100%;
    position:absolute;
    top:0px;
    left:0px;
    background: transparent url('images/cobert/bg-slider.png') no-repeat;
}

#slider .slideTxt{
    background-image: url('images/cobert/bg-slideTxt.png');
    position:absolute;
    left:0px;
    bottom:65px;
    width:60%;
    padding:30px 42px;
}

#slider .slideTxt:after {
    content:"";
    width:42px;
    height:40px;
    background-image: url('images/cobert/slider-corner.png');
    position:absolute;
    left: 0px;
    bottom: -40px;
    font-family: 'Frutiger LT Std Light';
}

#slider .slideTxt h2{
    color:#ffffff;
    font-size:27px;
    margin-top:0px;
    padding:0px;
    line-height: 28px;
    font-family: 'Frutiger LT Std Bold';
}

#slider .slideTxt a:hover h2,
#slider .slideTxt a:hover div{    
    color:#f78f1e;
}

#slider .slideTxt a.go{
    color:#f78f1e;
    font-size:17px;
    position: relative;
    padding-left:28px;
}

#slider .slideTxt a.go:hover{
    color:#ffffff;    
}

#slider .slideTxt a.go:before{
    content:"";
    width:22px;
    height:22px;
    background-image: url('images/cobert/featured-link.png');
    position: absolute;
    top:-1px;
    left:0px;
}

#slider .slideTxt a.go:hover:before{
    background-position: -22px center;
}

#slider .slideTxt div{
    color:#ffffff;
    font-size:14px;
    margin-top: 10px;
    font-family: 'Frutiger LT Std Light';
}

#slider .slideTxt div strong{
    font-family: 'Frutiger LT Std Bold';    
    font-weight: normal;
}

#slider .dots{
    position: absolute;
    left: 0;
    right: 0;
    top:370px;
    list-style: none;
    list-style-image: none;
    padding:0px;
    margin:0;
    margin-left:10px;
}

#slider .dots li {
    display: inline-block;
    width: 11px;
    height: 11px;
    margin: 0 4px;
    text-indent: -999em;
    background-image: url('images/cobert/dot-inactive.png');
    cursor: pointer;
}

#slider .dots li.active {
    background-image: url('images/cobert/dot-active.png');
}

 /*
 * Slider
 */


 /*
 * Content
 */
main{
    min-height: 200px;
    width:100%;
    display: inline-block;
    position: relative;
}

main.home:before {
    content:"";
    width:105px;
    height: 105px;
    background: transparent url('images/cobert/home-corner.png') no-repeat;
    position: absolute;
    right: 0px;
    top:-14px;
}

main article{
    display: block;
}

.ms-WPHeader{ display: none;}
 /*
 * landing
 */
main.landing #top,
main.statics #top,
main.private-area #top{
    border-top:1px solid #e4e7ea;
    background:url('images/cobert/top-corner.png') no-repeat;
    height:86px;
    width:100%;
    overflow: hidden;
    position: relative;
    z-index: 1;
}

main.landing #top .image,
main.statics #top .image,
main.private-area .image{
    display: inline-block;
    vertical-align: top;
    width: 100%;
    overflow: hidden;
    position: relative;
    height: 90px;
    margin-top: -110px;
}

main.statics.detail #top .image{
    border-bottom-style:none;
}

main.landing #top .image img,
main.statics #top .image img,
main.private-area #top .image img{
    position: absolute;
    right:-50px;
    top:-50px;
}

main.landing #top h1,
main.statics #top h1,
main.statics #top a.returnlink,
main.private-area h1,
main.private-area #top a.returnlink{
    font-size:35px;
    font-weight: normal;
    color:#a7a9ac;
    font-family: 'Frutiger LT Std Light';
    padding-bottom: 30px;
    padding-top: 14px;
    width: 100%;
    z-index: 1;
    position: relative;
    border-bottom:1px solid #e4e7ea;
    text-indent: 2%;
    margin:.67em 0;
    display: block;
}
main.statics #top a.returnlink,
main.private-area #top a.returnlink{
    padding-bottom: 31px;
    display: inline-block;
    width:auto;
}

main.private-area h1{
    border-bottom:none;
}

/* SPECIAL DETAIL*/
main.detail #top{
    width: 100%;
    /*overflow: hidden;*/
    background-color: #313438;
}

main.detail #top h1{
    /*max-height: 24px;*/
    max-width: 675px;
    width: 100%;
    line-height: 30px;
    font-size:35px;
    font-weight: normal;
    color:#ffffff;
    font-family: 'Frutiger LT Std Light';
    padding: 20px;
    padding-right: 95px;
    z-index: 1;
    position: relative;
    font-weight: normal;
    margin:0px;
    display: inline-block;
    background: transparent url('images/cobert/bg-h1.png') no-repeat right center;
    background-size: cover;
}

main.detail #top h1 span:not(.superindice){
    float: right;
    vertical-align: middle;
    margin-top: -16px;
    margin-left: 20px;
    margin-right: -40px;
}

main.detail #top h1 span.superindice{
    float: none;
    vertical-align: super;
    margin-left: 0px;
    margin-top: 0px;
}

main.detail #top .navigation{
    display: inline-block;
    float: right;
    position: relative;
    z-index: 999;
    font-family: 'Frutiger LT Std Light';
}

main.detail #top .navigation a.current{
    color:#ffffff;
    font-size:12px;
    text-transform: uppercase;
    height: 64px;
    width:190px;
    display: inline-block;
    line-height: 64px;
    text-indent: 16px;
    background: url("images/cobert/button-navigation.png") transparent no-repeat 90% center;

    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
main.detail #top .navigation a.current.on{
    background-color: #254272;
}

main.detail #top .navigation .layer{
    display: none;
    position: absolute;
    background-color: #ffffff;
}

main.detail #top .navigation .layer ul{
    margin: 0px;
    list-style-type: none;
    padding: 15px;
    font-size: 14px;
}

main.detail #top .navigation .layer ul.second{
    text-transform: uppercase;
    border-top:1px solid #e2e4e7;
    font-size: 12px;
    font-family: 'Frutiger LT Std Roman';
}

main.detail #top .navigation .layer div.moreinfo{
    background:#305593;
    padding:20px 0px;
    color:#ffffff;
    position: relative;
}

main.detail #top .navigation .layer div.moreinfo .corner{
    background: url("images/cobert/corner-moreinfo.png") transparent no-repeat right -10px;
    width: 35px;
    height: 26px;
    position: absolute;
    bottom:-26px;
    right:0px;
}

main.detail #top .navigation .layer div.moreinfo .title{
    width:80%;
    margin:0px 10%;
    font-size: 15px;
    font-family: 'Frutiger LT Std Bold';
}


main.detail #top .navigation .layer ul li{
    margin: 5px 0px;
}

main.detail #top .navigation .layer ul li a{
    color:#305593;
}


main.detail #top .navigation .layer ul li.selected a{
    color:#f78f1e;
}

main.detail #top .navigation .layer div.moreinfo ul li{
    list-style-type: disc;
    margin-left: 20px;
}

main.detail #top .navigation .layer div.moreinfo ul li a{
    color:#ffffff;
    font-size:13px;
}

main.detail #main-image{
    position: relative;
    width:100%;
}

main.detail #main-image figure img{
    width:100%;
}

main.detail #main-image .poligon{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    background: transparent url('images/cobert/bg-slider.png') no-repeat;
}
/* SPECIAL DETAIL*/

/* ESTATICS */
main.statics #top h1{
    border-bottom-style: none;
}

main.statics .image-full{
    width:100%;
    height:222px;
    position: relative;
    overflow: hidden;
    margin-top: -1px; 
    z-index: 1;
}

main.statics .image-full img{
    margin: 0!important;
}

main.statics .image-full figure {
    display: inline-block;
}

main.statics .image-full figure figcaption{
    display: none;
}

main.statics .image-full .slideTxt {
    background-image: url('images/cobert/bg-slideTxt.png');
    position: absolute;
    left: 23px;
    bottom: 62px;
    width: 444px;
    padding: 34px 24px;
    color:#ffffff;
    font-size:19px;
    line-height: 23px;
    font-family: "Frutiger LT Std Roman";
}

main.statics #submenu{
    width:74.8%;
    border:none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-bottom: 1px solid #e2e4e7;
    border-right: 1px solid #e2e4e7;
    position:relative;
    z-index:1;
}

main.statics article{
    vertical-align: top;
    padding-top:36px;

    border-right-style: none;
    border-right: 1px solid #e2e4e7;
    display: block;
    max-width: 72%;
    padding-right: 1%;
}

/* NOTICIAS */
main.statics article.main section.listitems{
    border-right-style: none;
    padding-top: 0px;
    display: block;
}

/*adaptación portugal*/
main.statics.pt article.main section.listitems,
main.statics article.documentation{
    border-right: 1px solid #e2e4e7;   
    padding-right: 0px; 
    max-width: 74.8%;
}

main.statics article.main section.empresa{
    max-width: 74.8%;

}

main.statics article.documentation section.listitems{
    margin-left: 1%;
    width: 73.9%;
    max-width: 73.9%
}

main.statics article.main section.listitems .items{
    margin-left: 3%;
    width:98%;
    padding: 0;
}

main.statics article.documentation .items.three .item{
    width:30%;
    margin:1.5% 2.5%;
    margin-left: 0px;
}

/* DETAIL ESTATICS*/
main.statics.detail #top{
    background-color:transparent;
}

main.statics.detail h1{
    color:#ffffff;
    background-color:#305593;
    font-size:28px;
    line-height: 35px;
    margin:0px;
    padding:18px;
    font-family: 'Frutiger LT Std Light';
    position: relative;
}
main.statics.detail h1:after{
    content:'';
    width:23px;
    height:20px;
    background: url("images/cobert/detail-corner.png") no-repeat;
    position: absolute;
    left:0px;
    bottom:-20px;
}

main.statics.detail .top{
    border-bottom:1px solid #e2e4e7;
    height:38px;
    line-height: 38px;
    font-size:12px;
}

main.statics.detail .top .date{
    color:#a7a9ac;
    text-indent:21px;
    display: inline-block;
}

main.statics.detail .top .share-buttons{
    float: right;
    margin-right: 9px;
    width: 225px;
    margin-top: 2px;
}

main.statics.detail .top .share-buttons a{
    margin-left: 9px;
    cursor: pointer;
}

main.statics.detail .bottom{
    border-top: 1px solid #e2e4e7;
    padding: 17px 21px;
}

main.statics.detail .bottom a{
    color:#305593;
    font-size:13px;
    padding-left: 29px;
    background: url("images/cobert/return.png") no-repeat;
    height: 22px;
    line-height: 22px;
    display: inline-block;
}
main.statics.detail .bottom a:before{
    content:' ';
}

main.statics.detail article{
    margin:0px;
    padding: 0px;
    max-width: 100%;
    border-right-style:none;
}

main.statics.detail article section.content{
    width:auto;
    padding-right: 2%;
    border:none;
    max-width: 100%;
    float:none;
}

main.statics.detail aside.right{
    width:auto;
    border-style:none;
    margin:17px;
    padding: 0px;
    margin-right:0px;
}
/* DETAIL ESTATICS*/

/* ESTATICS */

/* GENERAL */
.paginador{
    border-top:1px solid #e2e4e7;
    margin-left: 3%;
    width: 96%;
}
.paginador ul {
    text-align:center;
}

.paginador ul li {
    display: inline-block;  
    display: -moz-inline-stack; /* hack FF 2 */
    *display: inline; /* hack IE 7 */
    color:#cdcecf;
    font-size: 12px;
}

.paginador ul li a{
    -moz-border-radius: 100px; 
    -webkit-border-radius: 100px; 
    border-radius: 100px;
    color: #305593;
    padding: 8px 12px;

    -webkit-box-shadow: inset 0px 0px 0px 2px rgba(226, 226, 226, 0.7);
    -moz-box-shadow:    inset 0px 0px 0px 2px rgba(226, 226, 226, 0.7);
    box-shadow:         inset 0px 0px 0px 2px rgba(226, 226, 226, 0.7);
}

.paginador ul li a.on{
    background-color: #305593;
    color:#ffffff;
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    box-shadow:none;
}

.paginador ul li a.ir{
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    box-shadow:none;
    color:#305593;
    position:relative;
}

.paginador ul li a.ir.disabled{
    color:#e2e4e7;
    cursor:default;
    pointer-events:none;
}

.paginador ul li a.ir.arrow_next{
    margin-left:20px;
}

.paginador ul li a.ir.arrow_next:after,
.paginador ul li a.ir.arrow_last:before{
    content: ' ';
    width: 8px;
    height: 12px;
    background-image: url("images/cobert/flechas.png");
    background-repeat: no-repeat;
    display: inline-block;
    background-position: 0px -36px;
    position: absolute;
    top: 10px;
}

.paginador ul li a.ir.arrow_last:before{
    left:-5px;
    background-position: 0px -12px;
}

.paginador ul li a.ir.arrow_last.disabled:before{
    background-position: 0px 0px;
}

.paginador ul li a.ir.arrow_next:after{
    right: -5px;
    background-position: 0px -36px;
}

.paginador ul li a.ir.arrow_next.disabled:after{    
    background-position: 0px -24px;
}

#breadcrumb{
    border-top:1px solid #e2e4e7;
}

#breadcrumb ul{
    list-style: none;
    list-style-image: none;
    font-size:11px;
    padding:10px 0px 10px 20px;
    margin:0px;
}

#breadcrumb ul li{
    display: inline-block;
}

#breadcrumb ul li a{
    color:#9a9c9f;
    padding-right: 2px;
}

#breadcrumb ul li:after{
    content:'/';
}

#submenu{
    display: inline-block;
    background-color: #fff;
    border-bottom:1px solid #e2e4e7;
    width: 100%;
}

#submenu ul {
    list-style: none;
    list-style-image: none;
    font-size:13px;
    padding:0px;
    margin:0px;
    text-transform: uppercase;
    font-family: 'Frutiger LT Std Bold';
}

#submenu ul li{
    display: inline-block;
    margin:0px 4px;
}

#submenu ul li:first-child{
    margin-left:0px;
}

#submenu ul li a{
    color:#305593;
    padding:6px 16px;
    display: inline-block;
}

#submenu ul li.selected a{
    color:#ffffff;
    background-color:#305593;
}

#nav-items{
    display: inline-block;
    position: relative;
    margin-bottom:20px;
    background-color: #305593;
    width:100%;

    -moz-box-shadow: 1px 3px 6px -2px #5b5e62;
    -webkit-box-shadow: 1px 3px 6px -2px #5b5e62;
    box-shadow: 1px 3px 6px -2px #5b5e62;
}

.archive-item{display:inline-block;}

article ul.all-models li .layer-shadow.on{min-width: 230px;}

main.landing #nav-items{
    background-color: #ffffff;
    border-bottom:1px solid #e2e4e7;
    width:100%;


    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

article.main #nav-items{
    background-color: #ffffff;
    border-top:1px solid #e2e4e7;
    border-bottom:1px solid #e2e4e7;
    width:100%;

    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

#nav-items ul.items {
    list-style: none;
    list-style-image: none;
    font-size:14px;
    padding:0px;
    margin:0px;
    font-family: 'Frutiger LT Std Light';
    height: 38px;
}

main.landing  #nav-items ul.items{
    font-size:13px;
    font-family: 'Frutiger LT Std Roman';
}

#nav-items ul.items li{
    display: inline-block;
    margin:0px;
    padding: 0px;
}

#nav-items ul.items li:last-child,
#nav-items ul.items li.selected{
    margin-left: 0px;
    background: none;
}

#nav-items ul.items li.selected{
    background: transparent url('images/cobert/submenu-corner-blue.png') no-repeat left 38px;
    padding-bottom: 16px;
}


main.landing #nav-items ul.items li.selected{
    background: transparent url('images/cobert/submenu-corner.png') no-repeat left 39px;
}


article.main #nav-items ul.items li.selected{
    background: none;
}


main.landing #nav-items ul.items li.selected,
#nav-items ul.items li:first-child{
    margin-left:0px;
}

#nav-items ul.items li a{
    color:#ffffff;
    padding:10px 18px;
    display: inline-block;
}

article.main #nav-items ul.items li a{
    color:#305593;
}

main.landing #nav-items ul.items li a{
    color:#305593;
    padding:10px 8px;
}

main.landing #nav-items ul.items li:first-child a{
    padding-left:15px;
}

#nav-items ul.items li.selected a{
    background-color:#496eab;
}

article.main #nav-items ul.items li.selected a{
    color:#ffffff;
}

main.landing #nav-items ul.items li.selected a{
    background-color:#e2e4e7;
}

#nav-items ul.buttons{
    position: absolute;
    background-color:#305593;
    list-style: none;
    list-style-image: none;
    padding:0px;
    margin:0px;
    left: -35px;
    top: -1px;
}

#nav-items ul.buttons li{
    width:23px;
    height:23px;
    background: url('images/cobert/slide-buttons.png') no-repeat;
    margin:12px 6px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

#nav-items ul.buttons li.top.disabled{
    /*background-position: 0px -61px;*/
    cursor: default;
    opacity: 0.3;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    filter: alpha(opacity=30);
    -moz-opacity: 0.3;
    -khtml-opacity: 0.3;
}

#nav-items ul.buttons li.top{
    background-position: 0px 0px;
}

#nav-items ul.buttons li.bottom.disabled{
    /*background-position: 0px -98px;*/
    opacity: 0.3;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    filter: alpha(opacity=30);
    -moz-opacity: 0.3;
    -khtml-opacity: 0.3;
}

#nav-items ul.buttons li.bottom{
    background-position: 0px -36px;
}


#nav-items ul.buttons li a{
    display: inline-block;
    width:100%;
    height: 100%;
}

#nav-items ul.buttons li.disabled a{
    cursor: default;
}

#nav-items .go-gallery{
    font-size:13px;
    color:#ffffff;
    font-family: 'Frutiger LT Std Light';
    float:right;
    margin-right: 28px;
    margin-top: -28px;
    position: relative;
    padding-left: 15px;
}

#nav-items .go-gallery:before{
    content:'⚏';
    font-family: 'Entypo';
    position: absolute;
    left:0px;
    color:#9caecb;
    font-size: 32px;
    top: -8px;
}

/* Contact */
main.landing article.sac{
    margin-top: -30px;
    padding-top: 10px;
    display: inline-block;
    margin-bottom: 18px;
    width:100%;
}

main.landing article.sac section{
    padding: 10px 2%;
    width: 62%;
    float:left;
}

main.landing article section h2{
    color:#305593;
    font-size:20px;
    font-family: 'Frutiger LT Std Light';
}

main.landing article section ul{
    padding: 0px;
    margin: 0px;
    list-style-type: none;
    color:#5b5e62;
    font-size: 15px;
    font-family: 'Frutiger LT Std Light';
}

main.landing article section li{
    position: relative;
}

main.landing article section li span{
    cursor:pointer;    
    border-bottom:1px solid #e2e4e7;
    padding: 8px 0px 8px 26px;
    display: block;
    background:url("images/cobert/flecha.png") no-repeat 3px 0px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

main.landing article section li.on span{    
    color:#305593;
    border-bottom:1px solid #305593;
    background:url("images/cobert/flecha.png") no-repeat 3px -36px;
}

main.landing article section li a,
main.landing article section li div.gps{
    color:#305593;
    display: inline-block;
    position: relative;
    cursor: pointer;
}

main.landing article section li dl{
    display: none;
    font-size: 13px;
    color:#5b5e62;
    position: relative;
    margin-left: 26px;
}   

main.landing article section li dl.on{
    display: block;
}

main.landing article section li dd{
    margin:0px 0 5px 80px;
}

main.landing article section li dl dt{
    width: 80px;
    float: left;
    clear: left;
}

main.landing article section li div.gps .layer{
    
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;

    position:absolute;
    color:#ffffff;
    font-size:13px;
    width:245px;
    background: url("images/cobert/layer-gps.png") transparent no-repeat;
    padding:16px 20px;
    top: -30px;
    left: -163px;
    height:0px;

    pointer-events:none;

    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}


main.landing article section li div.gps:hover .layer{

    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;

    top: -73px;
    height:41px;
    pointer-events:auto;
}

main.landing article aside.customer-service{
    width:29%;
    background-color: #e4e7ea;
    float:right;
    position: relative;
    padding: 30px 2% 10px 2%;
}

main.landing article aside.customer-service .title{
    color:#305593;
    font-size:19px;
    font-family: 'Frutiger LT Std Light';
}

main.landing article aside.customer-service p{
    color:#5b5e62;
    font-size:12px;
}

main.landing article aside.customer-service p.info,
main .module.suscribe-magazine p.info,
main.private-area article p.info,
main.private-area article p.errorMessageEmail{
    background-color:#fffcd9;
    color:#a52728!important;
    display: none;
    width: 100%;
    padding: 6px 7.2%;
    margin-left: -7.5%;  
    margin-bottom: -20px;
}

main.private-area article div.errorMessage{
    color:#a52728!important;
    display: none;
    width: 100%;
    padding: 6px 7.2%;
    margin-left: -7.5%;  
    margin-top: -22px;
    font-size:11px;
    position:absolute;
}

main.private-area article div.errorMessage.on{
    display:block;
}

main.landing article aside.customer-service p.info{
    margin-bottom: 0px; 
}

main .module.suscribe-magazine p.info{
    margin-left: -6.5%;
    margin-bottom: 0px;         
}

main.private-area article section p.info{
    width:auto;
    margin:0px; 
    width:62%;
    padding:6px 3%;
    margin-top: 20px;
}

main.landing article aside.customer-service p.info.on,
main .module.suscribe-magazine  p.info.on,
main.private-area article p.info.on{
    display: block;
}

main.landing article aside.customer-service label,
main.statics aside.leftcolumn label,
main.private-area article fieldset label,
main.private-area article aside.rightcolumn fieldset label,
article.modificar-password fieldset label,
article.recordar-password fieldset label,
article.recommender dl dd label
{
    color:#5b5e62;
    font-size:13px;
    font-family: 'Frutiger LT Std Bold';    
    display: inline-block;
    width: 100%;
    vertical-align: middle;
    line-height: 46px;
    position: relative;
}

main.statics aside.leftcolumn.left-galerias .filter,
main.statics aside.leftcolumn.left-distribuidores .filter{

    display:none;
}

article.recommender dl dd label{
    line-height: 12px;
    margin:0px;
    width:210px;
}

article.recommender dl dd label.localization{
    width:100%;
}

main.private-area article aside.rightcolumn fieldset label{
    color:#ffffff;
    font-size:12px;
    line-height: 18px;
    margin-top:20px;
}

main.private-area article fieldset label,
article.modificar-password fieldset label,
article.recordar-password fieldset label{
    width:65%;
}

main.private-area .module-recordar-password fieldset{
    width:70%;
}

main.private-area .module-recordar-password fieldset input{
    width:60%;      
}

main.private-area .module-recordar-password .spam{
    display: inline-block;
    width: 100%;
}

article.modificar-password fieldset label{
    width:85%;
    display: block;
}

main.statics aside.leftcolumn label{
    line-height: 6px;
    margin-bottom: 20px;
}

main.statics aside.left-distribuidores label{
    margin-bottom:0px;          
}

main.statics aside.leftcolumn label.findByColor ul{
    padding: 0px;
    margin:0px;
    margin-top:5px;
}

main.statics aside.leftcolumn label.findByColor li{
    width:35px;
    height:35px;
    display: inline-block;
    position: relative;
    cursor: pointer;
    list-style-type: none;
    margin: 2px 1px;
    /*overflow: hidden;*/
}

main.statics aside.leftcolumn label.findByColor li:hover{
    /*overflow: visible;*/
}

main.statics aside.leftcolumn label.findByColor li.antracite{
    background-color:#595959;
}

main.statics aside.leftcolumn label.findByColor li.on span.check{
    position: absolute;
    background: url("images/cobert/selected-color.png") no-repeat center;
    width:35px;
    height:35px;
}

main.statics aside.leftcolumn label.findByColor li span.info,
article.recommender dl dd label.localization li span.info{
    
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    
    
    
    position: absolute;
    background-color: #305593;
    text-transform: uppercase;
    padding: 13px;
    color:#ffffff;
    font-size:12px;

    -webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.9);
    -moz-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.9);
    box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.9);

    top:-20px;
    left: -50%;
    right:auto;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    pointer-events:none;
    
    line-height:12px;
}

article.recommender dl dd label.localization li span.info{
    left:20%;
}

main.statics aside.leftcolumn label.findByColor li:hover span.info{
    top:-35px;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
}

main.statics aside.leftcolumn label.findByColor li span.info span,
article.recommender dl dd label.localization li span.info span{
    background: url("images/cobert/hover-color.png") no-repeat center 0px;
    width: 15px;
    height: 10px;
    position: absolute;
    bottom: -10px;
    left: 40%;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

main.statics aside.leftcolumn label.findByColor li:hover span.info span,
article.recommender dl dd label.localization li:hover span.info span{
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";         
}

main.statics aside.leftcolumn label.findByName{
    margin-top: 20px;
}


main.statics aside.leftcolumn label.findByName input,
main.statics aside.leftcolumn label.findByCP input{
    background: url("images/cobert/lupa.png") no-repeat calc(100% + -5px) 3px;
}
main.statics aside.leftcolumn label.findByName input:hover,
main.statics aside.leftcolumn label.findByCP input:hover{
    border:1px solid #305593;
    background: url("images/cobert/lupa.png") no-repeat calc(100% + -5px) -36px;
}

main.landing article aside.customer-service label.required:before,
main.landing article aside.customer-service label.isrequired:before,
main.private-area article header .obligatorio:before,
main.private-area article fieldset label.required:before,
main.private-area article fieldset label.isrequired:before{
    content: '*';
    color: #305593;
    left: -8px;
    top: -2px;
    font-size: 11px;
    position: absolute;
}

main.landing article aside.customer-service input,
main.landing article aside.customer-service select,
main.landing article aside.customer-service textarea,
main.statics aside.leftcolumn input,
main.statics aside.leftcolumn select,
main.landing article.distributors label .combo select,
main.landing article.distributors label input,
main.private-area article fieldset input,
main.private-area article fieldset textarea,
article.modificar-password fieldset input,
article.recordar-password fieldset input,
main.private-area article aside.rightcolumn fieldset input{
    -webkit-box-shadow: inset 1px 1px 2px 0px rgba(0, 0, 0, 0.44);
    -moz-box-shadow: inset 1px 1px 2px 0px rgba(0, 0, 0, 0.44);
    box-shadow: inset 1px 1px 2px 0px rgba(0, 0, 0, 0.44);
    margin: 8px 0px;
    border:0px;
    width: 67%;
    border: 1px solid #a7a9ac;
    background-color: #ffffff;
    height: 20px;
    padding: 4px 4%;
    float: right;
    color:#5b5e62;
}

main.private-area article fieldset input,
main.private-area article fieldset textarea,
article.modificar-password fieldset input,
article.recordar-password fieldset label{
    width:50%;
}

main.private-area article fieldset textarea{
    min-height:60px;
}

main.private-area article .module-asistencia-profesional fieldset input[type="submit"]{ 
    margin-top: 50px;                           
}

main.private-area article .module-asistencia-profesional .isrequired {
    width: 40%;
    display: inline-block;
    color: #a7a9ac;
    font-size: 12px;
    position: relative;
    margin-left: 30px;  
    font-family: 'Frutiger LT Std Light';
}


main.private-area article .activacion{
    color:#385c97;
    background-color: transparent;
    border-style: none;
    font-family: 'Frutiger LT Std Bold';
}

main.statics aside.leftcolumn input{
    width: 91%;
    float: left;
}

main.private-area article aside.rightcolumn fieldset input{
    width: 86%;
    float: left;
}

main.landing article aside.customer-service select,
main.statics aside.leftcolumn select,
main.private-area article fieldset select,
main.statics article.recommender dl dd select{
    height: 30px;
    width: 111%;
    background: none repeat scroll 0 0 transparent;
    float: left;
    border-style:none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    margin: 0px;
    padding: 0px 4%;
}

main.landing article aside.customer-service textarea{
    height: 110px;
}


main.landing article aside.customer-service .combo,
main.statics aside.leftcolumn .combo,
main.private-area article fieldset .combo,
main.statics article.recommender dl dd .combo{
    background: url(images/cobert/select_flecha.png) no-repeat scroll right center #ffffff;
    width: 75%;
    border: 1px solid #a7a9ac;
    overflow: hidden;
    margin-top: 8px;
    height: 28px;
    float: right;
    display: inline-block;
}

main.private-area article fieldset .combo{
    width:58%;
}

main.statics aside.leftcolumn .combo,
main.statics article.recommender dl dd .combo{
    width:100%;
}

main.statics article.recommender dl dd .localization ul{
    list-style-type: none;
    margin:0px;
    padding: 0px;
    width:100%;
}

main.statics article.recommender dl dd .localization ul li{
    width:23%;
    display: inline-block;
    margin-right: 1%;
    position: relative;
    vertical-align: top;
}    

main.statics article.recommender dl dd .localization ul li figure{
    margin-top:3px;
}

main.statics article.recommender dl dd .localization ul li figcaption{
    display: none;
}


main.landing article aside.customer-service input[type="submit"],
main.landing article.distributors input[type="submit"],
main.private-area article fieldset input[type="submit"],
main.private-area article aside.rightcolumn fieldset input[type="submit"],
main.private-area article section a.button,
article.modificar-password fieldset input[type="submit"],
article.recordar-password fieldset input[type="submit"]{
    color:#ffffff;
    background-color: #305593;
    padding: 7px 32px;
    width:auto;
    height:auto;
    float:left;
    border-style:none;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    border-style:none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

main.landing article aside.customer-service input[type="submit"]:hover,
main.landing article.distributors input[type="submit"]:hover,
main.private-area article fieldset input[type="submit"]:hover{
    color:#305593;
    background-color: #ffffff;
}

main.landing article aside.customer-service span.message-required{
    display: none;
}

main.landing article aside.customer-service label.isrequired {
    display: inline-block;
    color: #5b5e62;
    font-size: 13px;
    font-family: 'Frutiger LT Std Light';
    float: right;
    padding: 0px;
    width:auto;
    height:auto;
    margin-right: 20px;
}

main.landing article.distributors{
    background-color: #e2e4e7;
    padding: 24px 20px;
    height:178px;
} 

main.landing article.distributors h2{
    margin:0px;
}


main.landing article.distributors p{
    font-size:13px;
    color:#5b5e62;
}

main.landing article.distributors label{
    color: #5b5e62;
    font-size: 13px;
    font-family: 'Frutiger LT Std Bold';
    display: inline-block;
    width: 42%;
    vertical-align: middle;
    line-height: 46px;
    position: relative;
    display: block;
}

main.landing article.distributors label.province,
main.landing article.distributors label.cp{
    display: inline-block;
    margin-bottom: 10px;
}

main.landing article.distributors label.cp{
    text-indent: 10px;
}

main.landing article.distributors label.cp input{
    width:50px;
    float: none;
    margin-left:10px;
}

main.landing article.distributors label.nombre input{
     width: 61%;        
}

main.landing article.distributors label .combo{
    background: url(images/cobert/select_flecha.png) no-repeat scroll right center #ffffff;
    width: 69%;
    border: 1px solid #a7a9ac;
    overflow: hidden;
    margin-top: 8px;
    height: 28px;
    float: right;
    display: inline-block;
}

main.landing article.distributors label .combo select{
    height: 30px;
    width: calc(100% + 18px);
    background: none repeat scroll 0 0 transparent;
    float: left;
    border-style: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    margin: 0px;
    padding: 0px 4%;
}

main.landing article.distributors a.showall{
    color:#305593;
    font-size:13px;
    text-decoration: none;
    display: block;
    line-height: 32px;
    text-indent: 30px;
}

main.landing article.distributors aside.right,
main.landing article.exportacion aside.right,
main.landing article.faqs aside.right{
    display: inline-block;
    float: right;
    width: auto;
    border-style: none;
    margin: 0px 20px;
    padding: 0px;
}

main.landing article.exportacion section{
    width:100%;
}

main.landing article.distributors,
main.landing article.exportacion{
    position:relative;
}

main.landing article.distributors aside.right,
main.landing article.exportacion aside.right{
    width: 36%;
    vertical-align: middle;
    height: 100%;
    display: inline-table;
    position: absolute;
    right: 0px;
    bottom: 0px;    
    text-align:right;   
}
main.landing article.faqs aside.right img,
main.landing article.exportacion aside.right img{
    width:100%;
}

main.landing article.exportacion{
    padding:18px 20px;
    height: 230px;
    border-top: 1px solid #e2e4e7;
}

main.landing article.exportacion .countrylist,
main.landing article.exportacion .contactlist{
    display: inline-block;
    padding: 0px;
    margin: 0px;
    list-style-type: none;
    position: relative;
}

main.landing article.exportacion .contactlist{
     display: block;
}

main.landing article.exportacion .countrylist li{
    cursor: pointer;
    color:#305593;
    font-size:13px;
    text-transform: uppercase;
    width:63px;
    height:63px;
    text-align: center;
    margin: 0px 15px;
    line-height: 13px;

    display: table;
    float:left;
}


main.landing article.exportacion .countrylist li div{
    width: 100%;
    text-decoration: none;
    position: relative;
    height: 100%;
    display: table-cell;
    vertical-align: middle;
    text-align:center;
}

main.landing article.exportacion .countrylist li.on{
    background:url('images/cobert/contact-country.png') no-repeat;
    color:#ffffff;
}

main.landing article.exportacion .contactlist li{
    position: absolute;
    top:0px;
    left:0px;
    display: none;
}

main.landing article.exportacion .contactlist li.on{
    display: block;
}

main.landing article.exportacion .contactlist li dl{
    display: block;
}

main.landing article.faqs aside.right{
    position: relative;
    width: 60%;
    padding: 50px 0px;
}

main.landing article.faqs aside.right ul{
    width:100%;
    list-style-type: none;
    color:#5b5e62;
    font-size: 13px;
    padding:0px;
    margin:0px;
}

main.landing article.faqs aside.right li{
    position: absolute;
    display: none;
}
main.landing article.faqs aside.right li.on{
    display: block;
}

main.landing article.faqs{
    padding:0px 20px;
    border-top:1px solid #e2e4e7;
}

main.landing article.faqs section{
    max-width: 30%;
}

main.landing article.faqs section ul{
    padding: 0px;
    margin: 0px;
    list-style-type: none;
    font-size:13px;
    color:#305593;
    padding-left: 20px;
}

main.landing article.faqs section ul li{
    margin:5px 0px;
    cursor: pointer;
    list-style-type: disc;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}


main.landing article.faqs section ul li.on{
    color:#5b5e62;
}

article .header-article{
   border-top: 1px solid #e2e4e7;
   border-bottom: 1px solid #e2e4e7;
   margin: 20px;
   padding-bottom: 5px;
}

/* Contact - Distributors & Galería */
main.statics #top{
    border-bottom:1px solid #e2e4e7;
}

main.statics.detail #top{
    border-bottom:none;
}

main.statics aside.leftcolumn.left-recommender{
    padding: 0;
    width: 24.9%;
}

main.statics aside.leftcolumn.left-recommender p{
    padding: 0px 10%;    
}

main.statics aside.leftcolumn.left-recommender .module.info p{
    padding: 0;
}

main.statics .distributors-list,
main.statics .gallery-list,
main.statics .recommender-list{
    display: inline-block;
    vertical-align: top;
    float: right;
    width: 74.8%;
    border-left:1px solid #e2e4e7;
    margin-top: 0.3em;
}
main.statics .distributors-list .header-article,
main.statics .gallery-list .header-article,
main.statics .recommender-list .header-article{
    margin-bottom: 1em;
}

main.statics article.distributors,
main.statics article.gallery,
main.statics article.recommender{
    border-style: none;
    padding: 0px;
    display: inline-block;
    min-width: 100%;
    float:right;
}

main.statics article.gallery{
    min-height:500px;
}

main.statics article.distributors{              
    min-height: 300px;
}

main.statics article.gallery p.results,
main.statics article.recommender p.results{
    width: 85%;
    margin-left: 4%;
    color: #a62828;
}

main.statics article.gallery p.results{             
    margin-left: 2%;
}

main.statics article.recommender p.results.ok{
    color:#6aae28;
}


main.statics article.recommender dl{
    padding:18px;
    border-bottom: 1px solid #e2e4e7;
}


main.statics article.recommender dl dt{
    background:url("images/cobert/step-recommender.png") transparent no-repeat;
    width:42px;
    height:42px;
    text-align: center;
    line-height: 42px;
    font-family: 'Frutiger LT Std Bold';
    color:#ffffff;
    font-size: 16px;

    float: left;
    clear: left;
}


main.statics article.recommender dl dd{
    display: block;
    vertical-align: top;
    margin:0px 0px 20px 60px;
}

main.statics article.gallery .popup{
    display: none;
    position: relative;
}

main.statics article.distributors .header-article{
    padding: 0px;
    border-style: none;
}

main.statics article.distributors .header-article h2{
    padding: 0px;
    margin: 0px;
    font-size:29px;
    font-family:'Frutiger Lt Std Light Cn';
    border-style: none;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}

main.statics article.distributors .items.three,
main.statics article.gallery .items.three{
    margin:0px;
    width:100%;
}

main.statics article.distributors .items.three .item,
main.statics article.gallery .items.three .item{
    width:29%;
    margin:0 1.5%;
    border-top:1px solid #e2e4e7;
    padding:8px 3px 0px;
    min-height: 190px;
    position: relative;
}

main.statics article.gallery .items.three .item{
    padding: 0px;
    margin: 1.7% 0% 0% 1.5%;
    width:31%;
    border-top-style:none;
}

main.statics article.distributors .items.three .item h4{
    font-size:17px;
    font-family:'Frutiger Lt Std Light';
}

main.statics article.distributors .items.three .item dl{
    margin: 0.2em 0;
}

main.statics article.distributors .items.three .item dt
{
    font-size: 13px;
    color: #5b5e62;
    position: relative;
    float:left;
    margin:0px;
    margin-right:5px;
}

main.statics article.distributors .items.three .item dd{
    float:none;
    padding-left: 0px;
    margin: 0px;
    display: block;
    width: 100%;
    min-height: 18px;
    word-break: break-word;
}


main.statics article.distributors .items.three .item dt.special{
    width:15px;
    height: 25px;
    background:url("images/cobert/geo.png") no-repeat;
    margin-top:15px;
}

main.statics article.distributors .items.three .item dd.special{
    margin-top:15px;
}

main.statics article.distributors .items.three .item a{
    color:#305593;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    overflow: hidden;
}

main.statics article.distributors .items.three .item .special a{
    overflow: auto;
    white-space: normal;
    text-overflow:initial;
    display: initial;
}

main.statics article.gallery a.image{
    width:100%;
    height: 190px;
    display: inline-block;
    overflow: hidden;
    position: absolute;
}


main.statics article.gallery a.image img{
    position: absolute;
    top:0px;
    left:0px;
    min-height: 100%;
    min-width: 100%;
}

/*Layer info*/
.layerInfo{
    text-align:left;
    position: absolute;
    bottom: 0px;
    height: 0px;
    width: 100%;
    overflow: hidden;
    padding-top: 24px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}


.layerInfo.on{
    height: 44px;
}

.layerInfo .button{
    width:30px;
    height:24px;
    background:url("images/cobert/flecha-gray.png") no-repeat 0px -24px;
    position: absolute;
    top:0px;
    cursor: pointer;
}


.layerInfo.on .button{
    background:url("images/cobert/flecha-gray.png") no-repeat 0px 0px;
}

.layerInfo .info{
    background-color:rgb(49, 52, 56);
    background-color:rgba(49, 52, 56, 0.8);
    height: 100%;
    display: block;
    text-indent: 10px;
}

.layerInfo .info .type{
    font-size:15px;
    color:#ffffff;
    font-family: "Frutiger Lt Std Light";
    display: block;
    padding-top:4px;
}

.layerInfo .info .family{
    font-size:12px;
    color:#a7a9ac;
    display: block;
}


.layerInfo a{
    color: #ffffff;
    background-color: #305593;
    min-width: 60px;
    height: 100%;
    float: right;
    text-align: center;
    line-height: 44px;
    text-transform: uppercase;
}
/*Layer info*/

/*Pop up gallery*/

.popup .layerInfo{
    width:350px;
}

.popup .layerInfo.on{
    height: 60px;
} 

.popup .layerInfo .info{
    padding:10px;
}

.popup .layerInfo a{
    height: 40px;
    margin: 10px;
    min-width: 100px;
}

/* SPECIALS COMPONENTS */
main.components article .header-article{    
   border-bottom-style: none;
   margin-bottom: 0px;
   padding-bottom: 0px;
}
/* SPECIALS COMPONENTS */

article .header-article h2,
article .header-article h3{
    padding: 0px;
    margin: 0px;
}

article .header-article h2{
    font-weight: normal;
    font-size:20px!important;
    color:#305593;
    border-top:10px solid #305593;
    width:220px;
    -moz-box-shadow: 0px -1px 0px #e2e4e7;
    -webkit-box-shadow: 10px -1px 0px #e2e4e7;
    box-shadow: 0px -1px 0px #e2e4e7;
    display: inline-block;
    max-width:221px;
    width:23.5%;
}

article .header-article.w-100 h2{
    max-width: 100%;
}

/* DOCUMENTATION */
article.documentation .header-article{
    background: url('images/cobert/catalogos.jpg') no-repeat left center;
    height:50px;
    border-style: none;
} 

article.documentation .header-article h2
{
    font-size:20px;
    -moz-box-shadow: none;
    -webkit-box-shadow:  none;
    box-shadow:  none;
    border-style: none;
    font-size: 22px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-style: none;
    padding-top: 20px;
    font-family: 'Frutiger Lt Std Light';
}

/* DOCUMENTATION*/

/* SPECIALS COMPONENTS */
main.components article .header-article h2{
    font-weight: normal;
    font-size:24px;
    font-family: 'Frutiger LT Std Light Cn';
    padding-top:25px;
}
/* SPECIALS COMPONENTS */

/*SPECIALS DETAIL*/
main.detail article{
    padding:15px 20px 10px 20px; 
    margin:0px;
}

main.detail article.acabados,
main.detail article.instalacion,
main.detail article.datos-tecnicos{
    display: inline-block;
    width: 96%;
    padding: 0px 2% 10px;               
}

main.detail article.caracteristicas{
    width: 66%;
    padding: 15px 0px 20px 2%;
    float:left;
    
}

main.detail article .header-article{
    padding: 10px 0px;
}

main.detail article.area{
    min-height: 212px;
    margin-bottom: 60px;
    background:#305593 url('images/cobert/area-corner.jpg') no-repeat left bottom;
    padding-bottom: 46px;
}

main.detail article.area ul.listitems{
    padding: 0px;
    margin: 0px;
    list-style-type: none;
    margin-top:10px;
}

main.detail article.area ul.listitems li{
    display: inline-block;
    margin: 7px 4px;
}

main.detail article.instalacion{
    background-color: #e7eaee;
    padding: 10px 2% 0px;
}


main.detail article.instalacion .text{
    width:100%;
}

main.detail article .header-article{
    border-style:none;    
    margin:0px;
}

main.detail article .header-article h2{
    font-size:22px;
    line-height: 22px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-style:none;
    font-family: 'Frutiger LT Std Light';
    padding: 0px;
    width:100%;
    display: block;
}

main.detail article.area .header-article h2{
    color:#ffffff;
}

main.detail article .item h3{
    font-weight: normal;
    font-size:17px;
    font-family: 'Frutiger LT Std Light';
    padding:10px 0px;
    color:#305593;
    width:100%;
}

main.detail article .item h5{
    font-weight: normal;
    font-size:13px;
    font-family: 'Frutiger LT Std Light';
    padding:0px 0px 5px 0px;
    color:#305593;
    text-indent: 20px;
    width:100%;
    margin:0px;
}

main.detail article .text{
    color:#5b5e62;
    font-size: 13px;
    vertical-align: top;
}

main.detail article .text > div{
    margin-bottom: 1em;
}

main.detail aside.right{
    width: 26%;
    display: inline-block;
    float: right;
    padding: 2%;
    padding-right:0px;
    border-left: 1px dotted #e2e4e7;
    margin-top: 30px;
}

main.detail aside .viewer{
    position: relative;
    display: inline-block;
    width:100%;
}

main.detail aside .viewer .image{
    float: right;
    text-align: center;
    margin-right: 70px;
}

main.detail aside .viewer .image img{
    max-width: 100%;
}

main.detail aside .viewer .button{
    position: absolute;
    right:0px;
    bottom: 5px;
    background-color: #5b5e62;
    width:34px;
    padding: 10px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
main.detail aside .viewer:hover .button{
    background-color: #305593;
}

main.detail aside .viewer .button span{
    width:100%;
    text-align: center;
    padding:12px 0px 6px;
    color:#ffffff;
    font-size: 11px;
    font-family: 'Frutiger LT Std Bold';
    display: inline-block;

    border-top:1px solid rgb(40, 40, 40);
    border-top:1px solid rgba(40, 40, 40, 0.4);
}

main.detail aside .viewer .button span.more{
    font-size: 20px;
    padding:6px 0px 13px;

    border-style:none;
}
/*SPECIALS DETAIL*/


article .header-article h2 span{
    font-size:19px;
    color:#98acc9;
    display: block;
    margin-bottom: 4px;
}
.superindice{
    position: relative;
    vertical-align: super;
    font-size: 50%;
}
article .header-article h2 span.superindice{
    color: #305593;
    display: inline-block;
}

article .header-article h3{
    display: inline-block;
    width:66%;
    padding:15px;
    font-family: 'Frutiger LT Std Italic';
    font-weight: normal;
    font-size: 18px; 
    line-height: 21px; 
    letter-spacing: -0.03em;
}

/* SPECIALS SUMMARY-LINKS */
article.summary-links .header-article{
    width:545px;
    margin:0px auto;
    border-top-style: none;
    padding-bottom:10px;
    margin-bottom: 20px;
}

article.summary-links h2{
    max-width: 100%;
    width: 100%;
    text-align: center;
    box-shadow: none;
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    border-top-style: none;
    font-family: 'Frutiger LT Std Italic';
    font-size:23px;
    line-height: 26px;
}

article.summary-links h2 strong{
    font-family: 'Frutiger LT Std Bold';
    font-style: italic;
}


article.summary-links .item .go{
    font-size: 12px;
    font-family: 'Frutiger LT Std Roman';
    color:#305593;
    padding-left: 30px;
    height: 22px;
    line-height: 22px;
    display: inline-block;
    background: url("images/cobert/go.png") no-repeat center left;
}

article.summary-links .three .item h3{
    font-size:18px;
    font-family: 'Frutiger LT Std Bold';
    color:#305593;
    line-height: 24px;
    letter-spacing: -0.03em;
}

article.summary-links .three .item .image img{
    width:100%;
}

article.summary-links .two .item{
    height:105px;
}

article.summary-links .two .item h3{
    font-size:16px;
    font-family: 'Frutiger LT Std Roman';
    color:#305593;
    margin:8px 0px;
}

article.summary-links .two .item .image{
    height:100%;
    width:48%;
    display: inline-block;
    margin-right: 2%;
    position:relative;
    overflow: hidden;
}

article.summary-links .two .item .image img{
    width: 100%;
    position: absolute;
    top: 0px;
    left:0px;
    max-height:100%;
}

article.summary-links .two .item .block{
    display: inline-block;
    width:45%;
    vertical-align: top;
}

/* SPECIALS SUMMARY-LINKS */


article .bot-button{
    width:149px;
    height:37px;
    background-image:url('images/cobert/bot-button.jpg');
    display: inline-block;
    font-size: 13px;
    margin-right: 10px;

    padding:15px 50px 10px 20px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    vertical-align: top;;
    display: inline-block;
}

article.caracteristicas .bot-button{
    margin-bottom:10px;         
}

article .bot-button.small{
    width: 150px;
    height: 20px;
    background-image:url('images/cobert/bot-button-small.jpg');
    display: inline-block;
    padding:8px 50px 17px 20px;
}


article .bot-button.special{
    width: 222px;
    height: 52px;
    background-image:url('images/cobert/bot-button-special.png');
    display: inline-block;
    padding:0px;
    position: relative;
}

article .bot-button span{
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;

}

article .bot-button span.name{
    font-family: 'Frutiger LT Std Bold';
    color:#305593;
}


article .bot-button span.type{
    color:#a8aaac;
    text-transform: uppercase;
}

article .bot-button.special .type{
    position: absolute;
    color: #a7a9ac;
    font-size: 10px;
    font-family: 'Frutiger LT Std Bold';
    top: 18px;
    left: 10px;
    width: 27px;
    text-align: center;
    font-weight: normal;
}


article .bot-button.special .name{
    color:#ffffff;
    font-size: 13px;
    left:55px;
    top:17px;
    position: absolute;
    font-weight: normal;
}

article .bot-button:hover{
    background-position: 0px -62px;
}


article .bot-button.small:hover{
    background-position: 0px -45px;
}

article .bot-button.special:hover{
    background-position: 0px 0px;
}

article .bot-button:hover span.name{
    color:#ffffff;
}

article .bot-button:hover span.type{
    color:#a7a9ac;
}

article .items{
    width: 98%;
    margin-left: 2%;
}

article .items.two{
    width: 86%;
    margin-left: 4%;
}

article.recommender .items.two{ 
    width: 96%;
    margin-left: 5%;            
}

main.home article .items.two{
    width:92%;
}

/* ITEMS COMMON*/
article .items h3,
article .items h4{
    font-size:24px;
    color:#305593;
    margin:0px;
    font-weight: normal;
    margin-bottom:5px;
    font-family: 'Frutiger LT Std Light Cn';
}

article.documentation .items h4{
    font-size:18px;
}

article .items a.location{
    display: inline-block;
    color: #305593;
    float: right;
    margin-top: -25px;
    margin-right: 2%;
    background: transparent url('images/cobert/sprite.png') no-repeat 0px -95px;
    height: 25px;
    line-height: 25px;
    padding-left: 21px;
}

/* ITEMS COMMON*/
/*1 ITEM*/
article .items.one .item{
    width: 98%;
    display: inline-block;
    margin: 1.5%;
    margin-left: 0px;
    vertical-align: top;
    font-size: 13px;
}
/*1 ITEM*/
/*2 ITEMS*/
main.detail article .items{
    width: 102%;
    margin:0px;
}

main.detail article .items.eight{
    margin-bottom: -25px;
}

article .items.two .item{
    width: 48%;
    display: inline-block;
    margin: 1.5%;
    margin-left: 0px;
    vertical-align: top;
    font-size: 13px;
}

article.datos-tecnicos .items.two .item{
    overflow-x:auto;
}

article.recommender .items.two .item{
    margin: 3% 6.5%;
    margin-left: 0px;
    width: 43%;
}

.errorField{
    border:1px solid #a62828!important;
    background-color:#fffcd9!important;
}

#hidden-content{
    display: none;
    position: relative;
    overflow: hidden;
}

#hidden-content div.info{
    text-align: center;
    font-size: 12px;
    display: block;
    position: absolute;
    width: 100%;
    bottom: 25px;
}

#hidden-content div.info span{
    background: url(images/cobert/arrows-360.png) no-repeat center center;
    width: 30px;
    height: 10px;
    display: inline-block;
    margin-right:8px;
}

#hidden-content #frames-360{
    position: relative;
    width: 100%!important;
    height: 100%!important;
    text-align: center;
    background-color:#fff;
}    

#hidden-content #frames-360 .spritespin-stage{

    width: 98%!important;
    height: 98%!important;
    text-align: center;
}

#hidden-content #frames-360 img{
    vertical-align: middle;
    max-width: 90%!important;
    height: 90%!important;
    width: auto!important;
}

/*TABLE VERTICAL WITH DIVS*/
article.comparator .table,
article .items.two .item .table{
    display: table;
    width:100%;
}

article .items.two .item .table{
    border-left: 1px solid #e2e4e7;
    border-right: 1px solid #e2e4e7;
    border-bottom: 1px solid #e2e4e7;
}

article.comparator .table div.row,
article .items.two .item .table div.row{
    display: table-row;
    line-height: 20px;
}

article.comparator .table div.row:nth-child(odd){
    background-color: #eaeef4;
}

article.comparator .table div div,
article .items.two .item .table div div{
    display: table-cell;
    color:#5b5e62;
    font-size:12px;
    font-family: "Frutiger LT Std Roman";
    padding: 6px 0px;
    text-align: center;
    width:25%;
    border-left: 1px solid #e2e4e7;
}

article .items.two .item .table div div{
    border-top: 1px solid #e2e4e7;
}

article.comparator .table div div:first-child,
article .items.two .item .table div div:first-child{
    text-align: left;
    padding-left: 10px;
    padding-right:10px;
    border-left-style: none;
    text-transform: none!important;
    font-family: 'Frutiger LT Std Bold'!important;
    color:#5b5e62!important;
    font-size:12px!important;
}

article .items.two .item .table div div:first-child,
article .items.two .item .table div div{
    text-indent: 0px;
    padding: 6px 15px;
    text-align: left;
}

article.comparator .table div.row.header{
    height:70px;
    position: relative;
    background-color: transparent;
}

article.comparator .table div.header div{
    border-style:none;    
}

article.comparator .table div.header a.img{
    position: relative;
}

article.comparator .table div.header a.img img{
    display: inline-block;
    z-index: 1;
    position: relative;
    width:80px;
    margin-top: -30px;
}

article.comparator .table div.header a.img:before{
    content: '+';
    position: absolute;
    color: #ffffff;
    font-size: 31px;
    background-color: rgb(0, 0, 0);
    background-color: rgba(0, 0, 0, 0.4);
    margin: 0px auto;
    width: 40px;
    padding: 9px 0px;
    z-index: 2;    
    top: -22px;
    margin-left: 27%;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

article.comparator .table div.header a.img:hover:before{
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
}

article.comparator .table div.header a.empty{
    background: url("images/cobert/comparator-empty.jpg") no-repeat;
    width: 80px;
    height: 80px;
    margin-top: -2px;
    margin-bottom: -25px;
    display: inline-block;
    z-index: 1;
    position: relative;
}

article.comparator .table div.gama div{ 
    text-transform: uppercase;
    border-top:1px solid #e2e4e7;
}

article.comparator .table div.modelo div{ 
    font-size:16px;
    color:#305593;
    font-family: 'Frutiger LT Std Bold';
}

article.comparator .table div.buttons div{
    padding: 15px 0px;
}

/*TABLE VERTICAL*/
article .items .item table.vertical { display: block; position: relative; width: 100%; border-collapse: collapse; border-spacing: 0;  }
article .items .item table.vertical thead { display: block; float: left; width: 50%;}
article .items .item table.vertical tbody { display: block; width: auto; position: relative; overflow-x: auto; white-space: nowrap; width: 50%;}
article .items .item table.vertical thead tr { display: block; width:100%;vertical-align: middle;}
article .items .item table.vertical th { border:1px solid #e2e4e7; display: block; padding:5px 0px;text-align: left; text-indent: 10px; }
article .items .item table.vertical tbody tr { display: inline-block; vertical-align: middle; width:99%; text-indent: 10px;}
article .items .item table.vertical td { border:1px solid #e2e4e7;  display: block;padding:5px 0px; text-align: left; margin: 0; vertical-align: middle; }
article .items .item table.vertical th { border-bottom-width: 0px;  border-right-width: 0px; }
article .items .item table.vertical td { border-left-width: 0px; border-right-width: 0px; border-bottom-width: 0px; }
article .items .item table.vertical tr { border-left-width: 0px;border-right: 1px solid #e2e4e7; }
article .items .item table.vertical th:last-child,
article .items .item table.vertical td:last-child { border-bottom: 1px solid #e2e4e7; }

/*TABLE HORIZONTAL*/
article .items .item table.horizontal { display: block; position: relative; width: 100%; border-collapse: collapse; border-spacing: 0;  }
article .items .item table.horizontal thead th{ width:25%; border:1px solid #e2e4e7; text-align:center;padding: 7px 10px;}
article .items .item table.horizontal tr{ width:25%; }
article .items .item table.horizontal tr td{padding: 10px;border:1px solid #e2e4e7;text-align:center;}
article .items .item table.horizontal th.left,
article .items .item table.horizontal tr td.left{text-align:left;}

article .items .item table.horizontal .thead{background-color: #f3f4f5; color: #5b5e62;font-family: 'Frutiger LT Std Bold';text-align: left;}

/*2 ITEMS*/
/* 3 ITEMS */
article .items.three .item{
    width: 31.4%;
    display: inline-block;
    margin: 1.5%;
    margin-left: 0px;
    vertical-align: top;
    font-size: 13px;
    position:relative;
}

main.statics article .items.three .item{
    width: 31%;
}

article .items.three .item h3,
article .items.two .item h3,
article .items.three .item h4,
article .items.two .item h4{
    z-index: 1;
    position: relative;
    background-color: white;
    display: inline-block;
    width: 100%;
    margin-top: 15px;
}

main.detail article .items.three .item{
    margin-bottom:0px;

}

article .items.three .image,
article .items.two .image{
    width: 100%;
    height: 87px;
    position: relative;
    z-index: 0;
    width: 100%;
}

article.documentation .items.three .image{
    margin-top:-25px;
}

article .items.three .overflow{
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
    z-index: 0;
}

article .items.three .image img.bg{
    position: absolute;
    top: 0px;
    right: 0%;
    min-width: 100%;    
    min-height:100%;
}

article .items.three .image.hv img,
article .items.two .image.hv img{
    position: absolute;
    bottom:0px;
    left:0px;
    z-index: 1;
    width:100%;
}
article.documentation .items.three .image.hv img{
    width:100%;
}

article .items.three .item p,
article .items.two .item p{
    color:#5b5e62;
    margin:11px 0px 14px 0px;    
    padding-bottom: 30px;
    min-height: 30px;
}



article.area .items.three .item p{
    color:#e2e4e7;
    font-size:13px;
    margin:0px;
    padding-bottom:0px;
}

article.area .items.three .item a.button{
    background-color:#243f6c;
    color:#ffffff;
    display: inline-block;
    font-size:13px;
    min-width: 184px;
    min-height: 34px;
    text-align:center;
    line-height: 34px;
    margin:12px 0px;

    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

article.area .items.three .item a.button:hover{
    background-color: #fff; 
    color:#243f6c;
}

article.area .items.three .item ul{
    color:#e2e4e7;
    font-size:13px;
    padding-left: 20px;
    margin:0px;
}

article .items.three .item .compare,
article.recommender dl dd label.localization span.check{
    color:#a7a9ac;
    font-family: 'Frutiger LT Std Light';
    background: transparent url('images/cobert/sprite.png') no-repeat 0px -9px;
    height:14px;
    line-height: 16px;
    display: inline-block;
    cursor: pointer;
    padding-left: 18px;
    margin-top:10px;
}

article .items.three .item .compare{
    position:absolute;
    left:0px;
    bottom:7px;
}

article .items.three .item .compare:hover,
article.recommender dl dd label.localization li:hover span.check{
    background-position: 0px -23px;
}


article .items.three .item .compare.check,
article.recommender dl dd label.localization span.check.on,
article.recommender dl dd label.localization li:hover span.check.on{
    background-position: 0px -37px;
}

article.recommender dl dd label.localization span.help{
     background: transparent url('images/cobert/icon-help.png') no-repeat;
     width:18px;
     height: 18px;
     display: inline-block;
     float:right;
     margin-top:7px;
}

article .items.three .item div.show,
article.comparator a.show,
article .items.two div.show{
    padding:6px 12px;
    background-color: #a7a9ac;
    color:#ffffff;
    float:right;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

article .items.three .item div.show{
    position:absolute;
    right:0px;
    bottom:0px;
}

article .items.three .item a:hover div.show,
article.comparator a.show:hover,
article .items.two a:hover div.show{
    background-color: #305593;
}

article.comparator a.show{
    float: none;
    padding: 10px 30px;
    margin:12px 0px;
}

article .items.three a.descarga.certificado{
    display: inline-block;
    width:100%;
}


article .items.three a.descarga.certificado .image{
    width:65px;
    height:65px;
    float:left;
}

article .items.three a.descarga.certificado .image img{
    max-width:65px;
    max-height:65px;
}

article .items.three a.descarga.certificado .download{
    float:left;
    width:75%;
    margin-left:2%;
}

article .items.three a.descarga.certificado .name{
    color:#305593;
    font-size:12px;
    z-index:2;
    position: relative;
    width:90%;
    padding-right: 10px;
    margin-top:5px;
    display: inline-block;
}

article .items.three a.descarga.certificado .description{
    color:#5b5e62;
    font-size:12px;
    z-index:1;
    position: relative;
    width:88%;
    padding-right: 31px;
    background: transparent url('images/cobert/download.png') no-repeat right top;
    padding-top: 15px;
    margin-top:-15px;
    display: inline-block;
    min-height: 31px;
}

/* 3 ITEMS */


/* 4 ITEMS */
article .items.four{
    margin-bottom: 30px;
}
article .items.four .item{
    width: 22.9%;
    display: inline-block;
    margin: 1% 1.5%;
    margin-left: 0px;
    vertical-align: top;
    font-size: 13px;
    border: 1px solid #e2e4e7;
    position:relative;
    min-height:270px;
    
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

article .items.four .item .image{
    width:80%;
    margin:20px 10% 5px 10%;
    height:110px;
    position: relative;
    text-align: center;
}

article .items.four .item .image.hv img{
    max-width: 100%;
    max-height:100%;
    position: relative;
    bottom:0px;
}

article .items.four .item:hover{
    border-color:#a7a9ac;
}

article .items.four .item h5{
    color:#5b5e62;
    font-weight: normal;
    font-family: 'Frutiger LT Std Bold';
    text-align: center;
    margin:0px;
    margin-top:11px;
    width:90%;
    margin-left:5%;
    font-size: 13px;
    height:20px;
}

article .items.four .item p{
    padding:0px 10px;
    font-size:12px;
    color:#5b5e62;
    line-height: 16px;
}

article .items.four .item div.show{    
    color:#a7a9ac;
    background: transparent url('images/cobert/sprite.png') no-repeat 64px -51px;
    height:21px;
    line-height: 21px;
    padding-right:17px;
    position:absolute;
    right:0px;
    bottom:0px;
}

article .items.four .item a:hover div.show{    
    color:#305593;
    background: transparent url('images/cobert/sprite.png') no-repeat 64px -73px;
}

/* 4 ITEMS */

/* 8 ITEMS */

article .items.eight .item{
    width: 11.5%;
    display: inline-block;
    margin: 1% 0.45%;
    margin-left: 0px;
    vertical-align: top;
    font-size: 13px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

article .items.eight .item a.lightbox{    
    display: inline-block;
    width: 100%;
    height: 100%;
    position: relative;
}

article .items.eight .item .image{
    overflow: hidden;
    position: relative;
    height:74px;
}

article .items.eight .item p{
    color:#5b5e62;
    text-align: center;
    width: 100%;
    font-size:12px;
    margin-top: 5px;
}
/* 8 ITEMS */

/* ITEMS SLIDER: PIEZAS ESPECIALES; */
article .tejado{
    text-align: center;
    position: relative;
}

article .tejado #imgTejado{
    width:726px;
    height:220px;
}

article .tejado #hover-tejado{
    width:50px;
    height: 50px;
    background: url("images/cobert/hover-tejado.png") no-repeat;
    display: none;
    position: absolute;
}

article .items-slider.four,
article .items-slider.six{
    width:100%;
    position: relative;
    text-align: center;
}

article .items-slider.six a.showall{
    color: #ffffff;
    background-color: #305593;
    padding: 7px 32px;
    display: inline-block;
}

article .items-slider.four .wrapper,
article .items-slider.six .wrapper{
    width: 96%;
    margin: 0px 2%;
    height: 162px;
    overflow: hidden;
    border-top:1px solid #e2e4e7;
    border-bottom:1px solid #e2e4e7;
    margin-top:40px;
    position: relative;
}

article .items-slider.four .wrapper{
    border-style: none;
    height: 200px;
}

article .items-slider.four .wrapper ul,
article .items-slider.six .wrapper ul{    
    position: relative;
    margin: 0;
    padding: 0;
    list-style: none;
    height: 162px;
    width:20000em;
    z-index: 1;
}

article .items-slider.four .wrapper ul#carousel .image{
    height:137px;
    overflow:hidden;
}

article .items-slider.four .wrapper ul#carousel .image img{
    width: 100%;
    min-height: 100%;
}


article .items-slider.four .wrapper ul{
    height:200px;
}


article .items-slider.four .wrapper ul li,
article .items-slider.six .wrapper ul li{
    float:left;
    width:120px;
    height: 100%;
    text-align: center;
    margin:0px 15px;
    border-top:6px solid #ffffff;
}

article .items-slider.four .wrapper ul li{
    width:205px;
    border-style: none;
    margin:0px 10px;
    text-align: left;
    font-size: 13px;
}

article .items-slider.six .wrapper ul li{
    height:150px;
}


article .items-slider.six .wrapper ul li.on{
    border-top:6px solid #305593;
}

article .items-slider.six .wrapper ul li img{
    height:55%;
    margin-top:10px;
    max-width:100%;
}

article .items-slider.four .wrapper ul li img{
    width:100%;
}

article .items-slider.four .wrapper ul li .image{
    position: relative;
}

article .items-slider.four .wrapper ul li span.step{
    color:#ffffff;
    font-size:18px;
    font-family: 'Frutiger LT Std Bold';
    position: absolute;
    left:0px;
    bottom:0px;
    padding:5px 10px;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0, 0.6);
}

article .items-slider.four .wrapper ul li a,
article .items-slider.six .wrapper ul li a{
    color:#5b5e62;
    font-size: 14px;
    display: inline-block;
    width: 100%;
    height: 100%;
    position: relative;
}

article .items-slider.four .wrapper ul li p{
    margin:0.5em 0px;
}

article .items-slider.four .wrapper ul li a:before,
article .items-slider.six .wrapper ul li a:before,
article .items.eight .item a.lightbox:before {
    content: '+';
    position: absolute;
    color: #ffffff;
    font-size: 31px;
    background-color: rgb(48, 85, 147);    
    background-color: rgba(48, 85, 147, 0.6);
    margin: 0px auto;
    width: 40px;
    padding: 9px 0px;
    z-index: 2;
    top: 25%;
    margin-left: 30%;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;

    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    text-align: center;
}

article .items-slider.six .wrapper ul li a:before{
    margin-left:0px;
    left:33%;
}

article .items.eight .item a.lightbox:before{    
    top: 18%;
    margin-left: 33%;
}

article .items-slider.four .wrapper ul li a.video:before{
    content:' ';
    background: url("images/cobert/icon-video.png") transparent no-repeat;
    width:66px;
    height: 66px;
    padding:0px;
    top: 17%;
    left: -5%;
} 

article .items-slider.four .wrapper ul li a:before{
    margin-left: 40%;
}

article .items-slider.four .wrapper ul li a:hover:before,
article .items-slider.six .wrapper ul li a:hover:before,
article .items.eight .item a.lightbox:hover:before{
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
}

article .items-slider.six .wrapper ul li p{
    font-size:13px;
    margin:0.5em 0;
    line-height:20px;
}

article .items-slider.four ul.buttons,
article .items-slider.six ul.buttons{
    position: absolute;
    list-style: none;
    list-style-image: none;
    top: 23%;
    width: 102%;
    left:-1%;
    margin: 0px;
    padding: 0px;
    z-index: 0;
}

article .items-slider.four ul.buttons li,
article .items-slider.six ul.buttons li{
    width: 23px;
    height: 23px;
    background: url('images/cobert/slide-buttons-horizontal.png') no-repeat 0px -36px;
    margin: 12px 6px;
    display: inline-block;
    float:left;
    cursor:pointer;
}

article .items-slider.four ul.buttons li.right,
article .items-slider.six ul.buttons li.right{
    float:right;
    background-position: 0px 0px;
}

article .items-slider.four ul.buttons li.disabled,
article .items-slider.six ul.buttons li.disabled{
    cursor:default;
}

article .items-slider.four ul.buttons li.left.disabled,
article .items-slider.six ul.buttons li.left.disabled{
    background-position: 0px -97px;
}


article .items-slider.four ul.buttons li.right.disabled,
article .items-slider.six ul.buttons li.right.disabled{
    background-position: 0px -61px;
}

/* ITEMS SLIDER */

/*TABLES*/
table thead th{
    background-color:#f3f4f5;
    font-size:12px;
    color:#5b5e62;
    font-family: 'Frutiger LT Std Bold';
}

table td{
    font-size:13px;
    color:#5b5e62;
}

/*TABLES*/

/*COMPARADOR*/

#comparator{
    background-color:#313438;
    height:80px;
    padding-top: 5px;
    width:100%;
    position: fixed;
    top:-85px;
    z-index: 999;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    display: none;
}

#comparator.visible{
    display: block;
}

#comparator.active{
    top:0px;
}

#comparator .wrapper{
    width: 980px;
    margin: 0px auto;
}

#comparator span.seleccion{
    color:#e2e4e7;
    font-size:12px;
    display: block;
    margin-bottom: 2px;
}

#comparator span.seleccion span{
    color:#949699;
}

#comparator #selector{
    padding:0px;
    margin: 0px;
    list-style-type: none;
    display: block;
}

#comparator #selector li{
    margin: 0px;
    list-style-type: none;
    margin-right: 18px;
    width: 164px;
    height: 60px;
    text-align: center;
    background: url('images/cobert/comparator-sprite.png') no-repeat center -60px;
    display: inline-block;
    color: #e2e4e7;
    font-size: 17px;
    font-family: 'Frutiger LT Std Light';
    vertical-align: top;
    position: relative;
    display: table;
    float:left;
}

#comparator #selector li.empty{
    background:url('images/cobert/comparator-sprite.png') no-repeat center 0px;
    font-size:12px;
    color:#a7a9ac;
    font-family: 'Frutiger LT Std Roman';
    padding: 10px;
    width:144px;
    height: 40px;
    line-height: 20px;
    display:inline-block;
}

#comparator #selector li span.delete{
    content:' ';
    width:17px;
    height: 15px;
    background:url("images/cobert/comparator-select.png") no-repeat;
    position: absolute;
    right: 4px;
    top:4px;
    cursor: pointer;
    z-index: 2;
}
#comparator #selector li span.text{
    width: 100%;
    display: table-cell;
    vertical-align: middle;
    padding: 0px 15%;
}

#comparator #selector li.empty span.text{
    padding: 0px;
}

#comparator #selector li.empty span.delete{
    display: none;
}

#comparator span.message-empty{
    display: none;
}

#comparator .buttons{
    display: inline-block;
    float:right;
    vertical-align: middle;
    margin-top: 12px;
}

#comparator a.compare{
    background-color: #305593;
    font-size: 13px;
    color:#ffffff;
    padding: 8px 16px;
    display: inline-block;
}  

#comparator a.delete{
    font-size: 13px;
    color:#a7a9ac;
    padding: 8px 16px;
    display: inline-block;
    text-decoration: underline;
}  

#show-comparator{
    height:12px;
    background-color:#313438;
    width:100%;
    position: fixed;
    top:0px;
    z-index: 999;
    display: none;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

#show-comparator.visible{
    display: block;
}  

#show-comparator.active{
    top:85px;
}

#show-comparator a{
    width: 110px;
    text-align: center;
    background-color: #313438;
    height: 35px;
    margin: 0px auto;
    display: block;
    margin-top: 12px;
    color: #ffffff;
    position: relative;
    padding-right: 25px;
    line-height: 28px;
}

#show-comparator a:after{
    content: ' ';
    width: 42px;
    height: 42px;
    position: absolute;
    background: url("images/cobert/flecha.png") no-repeat 18px -4px;
}

#show-comparator a.hide{
    margin-top:12px;
    display: none;
}

#show-comparator.active a.show{
    display: none;    
}

#show-comparator.active a.hide{
    display: block;
}

#show-comparator a.hide:after{
    background: url("images/cobert/flecha.png") no-repeat 18px -40px;
}
/*COMPARADOR*/

/*AREA PRIVADA*/
main.private-area article,
main.statics article.modificar-password,
main.private-area article,
main.statics article.recordar-password {
    width:96%;
    max-width: 96%;
    border-style:none;
    padding: 0px;
    margin:30px 2% 0px 3%;
}

main.statics article.main,
main.private-area article{  
    width:100%;
    max-width: 100%;
    border-style:none;
    padding: 0px;
    margin:0px 2% 0px 0px;
}

main.private-area article{
    margin-top:20px;
}

main.private-area article aside{
    border-left:1px solid #e2e4e7;
}

main.statics article.modificar-password section,
main.statics article.recordar-password section{
    max-width: 50%;
}

article.main section h2{
    font-size: 22px;
    color:#305593;
    font-family: 'Frutiger LT Std Light';
    margin-left: 3%;
}

article.main section .content{
    margin-left: 3%;
}

article.main section.area-profesional .content{
    display: none;
}

article.main section.area-profesional .content.on{
    display: block;
}

article.main section .content .left-menu{
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    font-size: 13px;
    color:#305593;
    float:left;
    padding-right: 5px;
    border-right:1px solid #e2e4e7;
    width: 22%
}

article.main section .content .left-menu li{
    margin: 15px 0px;
    cursor: pointer;
}


article.main section .content .left-menu li.on{
    background:url("images/cobert/flecha-select.png") no-repeat right center;
    cursor: default;
}

article.main section .content .details{
    width: 100%;
    max-width: 77%;
    position: relative;
    float: right;
    min-height:400px;
}

article.main section .content .details article{
    float: right;
    width: 100%;
    max-width: 100%; 
    margin: 0px;
    padding: 0px;
    border: none;
    position: absolute;
    top:0px;
    left:0px;
    display: none;
}


article.main section .content .details article.on{
    display: block;
}

article.main section .content .details article .detail,
article.main section .content .details article .components{
    width: 100%;
}

article.main section .detail .image,
article.main section .components .image{
    display: inline-block;
    vertical-align: top;
    margin: 0px 4px;
    width:65px;
    text-align:right;   
}

article.main section .components .image{
    width:70px;
    text-align:center;      
}

article.main section .detail .image img,
article.main section .components .image img{
    height:50px;
    max-width: 65px;
}

article.main section .detail ul.models,
article.main section .detail ul.files,
article.main ul.other-files{
    margin: 0px;
    padding:0px;
    list-style-type: none;
    display: inline-block;
    width:220px;
    vertical-align: top;
}

article.main ul.other-files{
    width: 100%;
}

article.main section .detail ul.models,
article.main section .content .details article .components ul li a.bot-button.small{
    margin-right:20px;    
}

article.main section .detail ul.models li,
article.main ul.other-files li{
    margin-bottom:6px;
    display: inline-block;
    width:220px;
}

article.main ul.other-files li{
    margin-right: 11px;
}

article.main section .detail ul.files li a.download-button,
article ul.all-models li .layer-shadow ul li a.download-button{
    background: url("images/cobert/download-file.png") #305593 no-repeat 90% center;
    color:#ffffff;
    font-size: 12px;
    width:100%;
    display: inline-block;
    height: 45px;
    line-height: 45px;
    text-indent: 20px;
    max-width: 220px;
} 

article.main section .content .details article .components h4{
    font-size:13px;
    color:#313438;
    font-family: 'Frutiger LT Std Bold';
    text-indent: 20px;
    margin-top: 25px;
}

article.main section .content .details article .components ul{
    margin: 0px;
    padding:0px;
    list-style-type: none;
    display: inline-block;
    width:100%;
}


article.main section .content .details article .components ul li{
    margin-bottom: 10px;
}

article.main section .content .details article .components ul li a.download-button{
    background: url("images/cobert/download-file.png") #305593 no-repeat center center;
    width:44px;
    height: 44px;
    display: inline-block;
}

article.main section .content .details article .components ul li a.download-button span{
    display:none;
}

article ul.all-models{
    margin: 0px;
    padding:0px;
    list-style-type: none;
    display: inline-block;
    width:100%;
}

article ul.all-models li{
    width: 28.5%;
    margin: 0px 2% 40px 2%;
    display: inline-block;
    vertical-align: top;
    position: relative;
}


article ul.all-models li .name-model{
    color:#305593;
    font-size:18px;
    font-family: 'Frutiger LT Std Light Cn';
    display: inline-block;
    margin-top: 30px;
    position:relative;
    z-index:1;
}

article ul.all-models li .image{
    display: inline-block;
    position: absolute;
    right: -11px;
    z-index: 0;    
}


article ul.all-models li .image img{
    height:50px;
    max-width: 65px;
}

article ul.all-models li .show{
    cursor: pointer;
    padding: 8px 0px 8px 20px;
    display: block;
    background: url("images/cobert/flecha.png") no-repeat 3px 0px;
    color:#305593;
    width: auto;
    position: absolute;
    left:10px;
}

article ul.all-models li .show.less{
    background-position: 0px -38px;
}

article ul.all-models li .layer-shadow.on .show.more{
    display: none;
}


article ul.all-models li .layer-shadow{    
    position: relative;
    margin-top:2px;
    border-top:1px solid #e2e4e7;
    margin-left: -5%;
    width: 110%;
    position: absolute;
}

article ul.all-models li .layer-shadow.on{
    border:3px solid #e2e4e7;
    background-color: #ffffff;
    -webkit-box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.4);
    -moz-box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.4);
    box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.4);
    max-width:242px;
    z-index: 18;
}

article ul.all-models li .layer-shadow .layer{
    display: none;
}

article ul.all-models li .layer-shadow ul{
    margin: 0px;
    padding:0px;
    list-style-type: none;
    display: inline-block;
    width:100%;
    margin-top: 30px
}


article ul.all-models li .layer-shadow ul li{
    display: inline-block;
    width:100%;
    margin-bottom: 6px;
}

main.private-area article section label{
    display: block;
    width:70%;
}

main.private-area article section .garantia label,
main.private-area article section .reclamacion label{
    width:70%;              
}

main.private-area article section{
    max-width: 68%;
    width: 68%;
    float:left;
}

main.statics article.main section{
    width:100%;
    max-width: 78%;
    float:left;
    border-right:1px solid #e8e8e8;
}

main.statics article.main section.area-profesional{
    max-width: 74%
}

main.statics article.main section article{
    max-width: 100%;
    border:none;
    padding-top: 18px;
}


main.statics article.main section article figure{
    margin-bottom: 18px;
}

main.private-area article section{
    max-width: 72%;
    color:#5b5e62;
    font-size: 13px;
    float:left;
    margin-left: 3%;
}


main.private-area article section div.content{
    max-width: 80%;
}

main.private-area article section h2{
    color:#305593;
    font-size: 19px;
    font-family: 'Frutiger LT Std Light';
    margin-top: 0px;
}

main.private-area article section ul{
    padding-left: 20px;
    width:100%;
    margin:0px;
    margin-bottom: 20px;
    display: inline-block;
}


main.private-area article section li{
    float:left;
    width:44%;
    margin-right: 6%;
    padding: 4px 0px;
}

main.private-area article section .condiciones{
    display: block;
}

main.private-area article section .condiciones input,
main.private-area article section .condiciones label{
    display: inline-block;
}

main.private-area article section .condiciones label{
    margin-top: -6px;
}

main.private-area article section .condiciones label a{ 
    color: #385c97;         
}

main.private-area article section .condiciones label{
    width:auto;
}
main.private-area article section .condiciones label#lblAceptoen{
    margin-left: 18px;
    margin-top: -12px;
}
/* NOTICIAS */
main.statics article figure img{
    width: 100%;
}

main.statics article aside.left{
    width: 20%;
    display: inline-block;
    vertical-align: top;
    padding-left: 3%;
    float: left;
}

main.statics article aside.left h3{
    font-size:13px;
    color:#305593;
    font-family: 'Frutiger LT Std Bold';
}

main.statics article section.content{
    width: 69%;
    display: inline-block;
    border-left: 1px solid #e2e4e7;
    vertical-align: top;
    padding: 0 2%;
    border-right: 0px;
}

main.statics article section.content div.text img{
    max-width: 100%;
    float: left;
}

main.statics article section.content div.text ul{
    padding-left: 35px;
}

main.statics article section.content div.text ul li{
    list-style-type: none;
    padding:5px 0px;
}

main.statics article section.content div.text ul li:before
{
    content: "-";
    padding-right:6px;
}

main aside.rightcolumn{

    width: 27%;
    margin-right: 1%;
    margin-left: 1%;
    float: right;
}

main article.main aside.rightcolumn{
    width:23%
}

main.private-area aside.rightcolumn,
main.statics aside.leftcolumn{
    display: inline-block;
    vertical-align: top;
    padding: 0px;
    margin: 0px;
    border-style:none;
}

main.private-area aside.leftcolumn{
    width: 25%;
}


main.statics aside.leftcolumn{
    float: left;
    padding: 0px 2%;
    width: 21%;
    vertical-align: top;
    display: inline-block;
}

main.statics aside.leftcolumn.left-galerias .layer h2{
    font-family: "Frutiger LT Std Roman", sans-serif;
    font-size: 13px;
    line-height: 18px;
    color: 5b5e62;
}

main.statics article.documentation aside.rightcolumn{
    border-left: 1px solid #e8e8e8;
    width: 24.9%;
    margin: 0px;
    margin-top: -80px;
    float:right;
}

main.private-area aside.rightcolumn .module{
    width:100%;
}

main aside.rightcolumn .module.news{    
    width: 95%;
    margin-top: -10px;
    margin-left: 2%;
}

main aside.rightcolumn .module.magazine,
main aside.rightcolumn .module.installations,
main aside.rightcolumn .module.material,
main aside.rightcolumn .module.asistencia{
    width: 88%;
    padding-left: 5%;
    padding-top:24px;
}

main aside.rightcolumn .module.magazine{
    padding-top:12px;
    font-size:12px;
    width:100%;
    padding-left: 2%;
}

main aside.rightcolumn .module.material{    
    border-left: 1px solid #e8e8e8;
    margin-top: -20px;
}

main aside.rightcolumn .module.asistencia{
    width: 100%;
    padding: 0px;
    margin: 0px;
    margin-top: 20px;
}

main aside.rightcolumn .module.suscribe-magazine,
main.statics aside.leftcolumn.left-recommender .module.info{
    margin-top: 20px;
    width: 97%;
    padding: 17px 8% 24px 5%;
    background-color: #e2e4e7;
    margin-left: -5%;
}

main.statics aside.leftcolumn.left-recommender .module.info{
    width:84%;
    padding: 17px 8% 24px 8%;
    position: relative;
    margin-left: 0px;
}

main.statics aside.leftcolumn.left-recommender .module.info:after{
    content:" ";
    background: url("images/cobert/corner-recommender.jpg") no-repeat;
    width: 35px;
    height: 36px;
    display: inline-block;
    position: absolute;
    bottom: -36px;
    left: 0px;
}

main aside.rightcolumn .module.news .title,
main aside.rightcolumn .module.magazine .title,
main aside.rightcolumn .module.installations .title,
main aside.leftcolumn.left-recommender .module.info .title,
main aside.rightcolumn .module.material .title,
main aside.rightcolumn .module.asistencia .title{
    color:#305593;
    font-size:22px;
    font-family: 'Frutiger LT Std Light';
    margin-bottom: 13px;
    line-height: 21px;
}

main aside.rightcolumn .module.news .title{
    margin: 0px;
}

main.statics aside.leftcolumn.left-recommender .module.info .title{
    font-size:15px;
    font-family: 'Frutiger LT Std Bold';
}

main aside.rightcolumn .module.magazine ul,
main aside.rightcolumn .module.material ul,
main aside.rightcolumn .module.asistencia ul{
    padding: 0px;
    list-style-type: none;
    color:#385c97;
}

main aside.rightcolumn .module.material ul.list li{
    margin: 0px;
    padding: 3px 0px 3px 20px;
    background: url(images/cobert/tick.png) no-repeat left 6px;
}

main aside.rightcolumn .module.asistencia ul.list li{    
    margin: 5px 0px;
    padding: 3px 0px 3px 10px;
    min-height: 29px;
    vertical-align: middle;
}

main aside.rightcolumn .module.asistencia ul.list li a{
    color:#385c97;              
}

main aside.rightcolumn .module.material ul.list li div{
    vertical-align: middle;
    display: inline-block;
}


main aside.rightcolumn .module.asistencia ul.list li img{   
    margin-right: 9px;
    float: left;
    width: 30px;
}

main aside.rightcolumn .module.magazine ul li{
    margin: 10px 0px;
    padding: 0px;
    font-size: 13px;
}


main aside.rightcolumn .module.magazine ul li img{
    margin-right: 10px;
    height: 25px;
    float: left;
}

main aside.rightcolumn .module.magazine ul li div{
    display: table;
    height: 100%;
    width: 90%;
    padding-left: 5%;
}

main aside.rightcolumn .module.magazine ul li div span{
    display: table-cell;
    vertical-align: middle;
}

main aside.rightcolumn .module.magazine ul li ul li,
main aside.rightcolumn .module.material ul.list li ul li,
main aside.rightcolumn .module.asistencia ul.list li ul li{    
    background: url(images/cobert/hyphen.png) no-repeat 10px center;
}

main aside.rightcolumn .module.suscribe-magazine .title
{
    color:#5b5e62;
    font-size:16px;
    font-family: 'Frutiger LT Std Bold';
}

main aside.rightcolumn .module.news ul,
main aside.rightcolumn .module.installations ul{
    list-style: none;
    list-style-image: none;
    font-size:13px;
    padding:0px;
    margin:0px;    
    width:100%;
}

main aside.rightcolumn .module.news li,
main aside.rightcolumn .module.installations li{
    display: inline-block;    
    width:100%;
    border-bottom: 1px solid #e2e4e7;
    padding: 9px 0px;
}

main.statics article.main section.listitems .items li{
    padding:0px 0px 8px 0px;
}

main.statics article.main section.listitems .items li.last,
main aside.rightcolumn .module.installations li{
    border-bottom-style: none;
}

main aside.rightcolumn .module.news a,
main.statics article.main section.listitems .items a,
main aside.rightcolumn .module.installations a{
    color:#305593;
    font-family: 'Frutiger LT Std Bold';
    margin-top:7px;
    display: inline-block;
    width:100%;
}

main aside.rightcolumn .module.news a,
main aside.rightcolumn .module.installations a{
    margin-top:0px;
}

main aside.rightcolumn .module.news li figure,
main aside.rightcolumn .module.installations li figure{
    margin-bottom:7px;
    display:inline-block;
}

main aside.rightcolumn .module.news li figure.more,
main aside.rightcolumn .module.installations li figure.more{
    display:none;
}

main aside.rightcolumn .module.news a:hover,
main.statics article.main section.listitems .items a:hover,
main aside.rightcolumn .module.installations a:hover{
    text-decoration: underline;
    color:#5477b2;
}

main aside.rightcolumn .module.news li figure,
main.statics article.main section.listitems .items figure,
main aside.rightcolumn .module.installations figure{
    width:100%;
    height:100px;
    overflow: hidden;
    position: relative;
    display:inline-block;
}

main aside.rightcolumn .module.news li figure a,
main.statics article.main section.listitems .items figure a,
main aside.rightcolumn .module.installations figure a{
    margin: 0px;
}

main aside.rightcolumn .module.news li figure img,
main.statics article.main section.listitems .items figure img,
main aside.rightcolumn .module.installations figure img{
    width:100%;
}

main aside.rightcolumn .module.news .date,
main.statics article.main section.listitems .items .date,
main aside.rightcolumn .module.installations .date{
    color:#a7a9ac;
    font-size: 11px;
    display: block;
}

main aside.rightcolumn .module.news a.detail{
    float:right;
    margin-top:30px;
}

main aside.rightcolumn .module.magazine p,
main aside.rightcolumn .module.suscribe-magazine p
{
    color:#5b5e62;
    font-size:13px;
}

main aside.rightcolumn .module.magazine ul{
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    font-size: 12px;
}

main aside.rightcolumn .module.magazine ul li{
    margin:4px 0px;
}

main aside.rightcolumn .module.magazine ul li a{
    color:#305593;
}  

main aside.rightcolumn .module.suscribe-magazine label{
    display: block;
    color:#5b5e62;
    font-family: 'Frutiger LT Std Bold';
    font-size:13px;
}
main aside.rightcolumn .module.suscribe-magazine label.nospam{
    display: inline-block;
    color:#9a9c9f;
    font-size:11px;
    font-family: 'Frutiger LT Std Light';
    float: right;
    padding: 7px 0px;
}
main aside.rightcolumn .module.suscribe-magazine input[type="text"]{
    width:92%;
    border:1px solid #a7a9ac;
    background-color: #ffffff;
    height:20px;
    padding: 4px 4%;
    font-family: 'Frutiger LT Std Light';

    -webkit-box-shadow: inset 1px 1px 2px 0px rgba(0, 0, 0, 0.44);
    -moz-box-shadow:    inset 1px 1px 2px 0px rgba(0, 0, 0, 0.44);
    box-shadow:         inset 1px 1px 2px 0px rgba(0, 0, 0, 0.44);
    margin:8px 0px;
}

main aside.rightcolumn .module.suscribe-magazine input[type="submit"],
article.recommender a.go{
    color:#ffffff;
    background-color: #305593;
    padding: 7px 16px;
    border-style:none;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

article.recommender a.go{
    padding: 8px 40px;
    margin-left:8px;
}

main aside.rightcolumn .module.suscribe-magazine input[type="submit"]:hover,
article.recommender input[type="submit"]:hover{
    color:#305593;
    background-color: #ffffff;
}

article.recordar-password p{
    width: 100%;
    display: inline-block;
}

main.private-area article header .left,
main.private-area article header .right{
    display: inline-block;
    font-family: 'Frutiger LT Std Light';
}

main.private-area article header .left label,
main.private-area article header .right label{
    width: auto;
    display: inline-block;
}

main.private-area article header .title{    
    color: #305593;
    font-size: 20px;
}

main.private-area article .rightcolumn .title{
    color:#ffffff;
    font-size:19px;
    font-family: 'Frutiger LT Std Light';
}

main.private-area article header .obligatorio{
    color:#a7a9ac;
    font-size:12px;
    position: relative;
    margin-left: 30px;
}

main.private-area article header .right{
    float: right;
    font-size: 15px;
    color:#5b5e62;
}

main.private-area article header .right a{
    color:#305593;
    background:url("images/cobert/login.png") no-repeat right center; 
    height: 22px;
    line-height: 22px;
    display: inline-block;
    padding-right: 30px;
}

main.private-area article fieldset,
article.modificar-password fieldset,
article.recordar-password fieldset{
    margin-top: 15px;
}

/*
main.private-area article fieldset label,
article.modificar-password fieldset label,
article.recordar-password fieldset label{
    margin-right: 40%;
}*/

main.private-area article fieldset input[type="submit"],
article.modificar-password fieldset input[type="submit"],
article.recordar-password fieldset input[type="submit"],
main.private-area article aside.rightcolumn fieldset input[type="submit"],
main.private-area article section a.button{
    background: url("images/cobert/bg-button.jpg") #305593 no-repeat right center;
}

main.private-area article fieldset input[type='checkbox']{
    height: auto;
    box-shadow: none;
    width: auto;
    display: inline-block;
    float: none;
    padding-left: 10px;
    position: relative;
}

main.private-area article fieldset input.required:before{
    content: '*';
    color: #305593;
    left: -8px;
    top: -2px;
    font-size: 11px;
    position: absolute;
}

aside .message{
    font-size:13px;
    color:#5b5e62;
}

aside .reenviar{
    font-size:12px;
    color:#5b5e62;
    margin-top: 30px;
}


aside .activacion{
    color:#305593;
    background-color: transparent;
    border-style:none;
    font-family: 'Frutiger LT Std Bold';
}

main.private-area article aside.rightcolumn .module-login,
main.private-area article aside.rightcolumn .module-activar-cuenta{
    width:298px;
    height:auto;
    background: url("images/cobert/bg-login.jpg") no-repeat;
    padding:21px;
    margin-left: -28%;
    color:#a7a9ac;
    background-color:#313438;
}

main.private-area article aside.rightcolumn .module-activar-cuenta{
    background:none;
    color:#313438;
}

main.private-area article aside.rightcolumn .module-activar-cuenta{
    height:auto;
}

main.private-area article aside.rightcolumn fieldset input[type="submit"]{
    margin-top:18px;
}

main.private-area article aside.rightcolumn a{
    font-size: 12px;
    color:#ffffff;
    margin-top: 23px;
    margin-left: 20px;
    display: inline-block;
}

/*AREA PRIVADA*/

 /*
 * Content
 */

/*
 * Responsive
 */

@media only screen and (max-width: 980px) {
    #wrapper{
        width:99%;
    }
    
    #comparator .wrapper{
        width:98%;              
    }
    
    header .cobert{
        min-width: 220px;
        width:20%;              
    }   

    header nav{
        margin-top:2%;
        margin-right: 10px;
    }

    header nav ul li{
        padding:0px 6px 0px 20px;
    }

    h3{
        margin:0.8em 0;
    }
        
    article .items.three .image.hv{
        margin-top:0px;             
    }
    
    body .sep{
        width:90%;          
    }
    
    article.summary-links .header-article{
        width:84%;
    }
            
    main.statics article.gallery .items.three .item{
        width:48%;
        margin:1.7% 0% 0% 1.4%;
        min-height:190px;
    }   
    
    main.statics article.distributors .items.three .item{   
        width:45%;          
    }
    
    main.statics article aside.left{
        width:97%;
    }
    
    main.statics article section.content{
        width: 94%;
        border: none;
        margin: 0px;
        max-width: 97%;
        padding-right: 3%;              
        padding-left: 3%;               
    }
    
    main.statics .image-full{
        height:auto;
        margin-bottom:-18px;                
    }
    
    main.statics .image-full .slideTxt{
        width: 80%;
        top: auto;
        margin: 9% 6%;
        padding: 4%;        
        left:inherit;       
        bottom: 0px;
    }
    
    main.statics .image-full figure img{
        width:100%;             
    }
    
    main.statics #submenu{
        width: 100%;
        margin: 0px;
        padding: 0px;
        border-right-style: none;   
    }
    
    main.statics article.main section.empresa{          
        max-width: none;
        border: none;   
    }   
        
    #submenu ul li {
        display: inline-block;
        width: 100%;
        margin: 0px;
    }
    
    #submenu ul.total_2 li,
    #submenu ul.total_4 li,
    #submenu ul.total_6 li{
        width:50%;
    }

    #submenu ul.total_3 li,
    #submenu ul.total_5 li{
        width:33.33%;
    }
    
    #submenu ul li a{
        width: 100%;
        text-align: center;
        padding: 6px 0px;
        vertical-align: middle;
    }
    
    main.statics.pt article.main section.listitems, 
    main.statics article.documentation{
        border-right: none;
        padding-right: 0px;
        max-width: 100%;
        overflow:hidden;
        position:relative;
    }
    
    main.landing article aside.customer-service{
        width:323px;    
        margin-top:20px;    
    }
    
    main.landing article.sac section{
        width:53%;              
    }
    
    main.statics article.documentation section.listitems{
        width: 100%;
        max-width: 100%
    }
    
    main.statics article.main section.listitems .items {
        margin-left: 2%;
        width: 100%;
        padding: 0;
        margin-right: 0px;
    }
    
    main aside.rightcolumn .module.suscribe-magazine{
        width: 93%;
        margin-left: -3%;           
    }
    
    main.statics article.main section article{
        width:100%;     
        padding-right: 0px
    }
    
    main.statics .recommender-list{
        width: 100%;
        margin: 0px;
        padding: 0px;
        border: none;
    }
    
    main article.main aside.rightcolumn,
    main.statics aside.leftcolumn.left-recommender{
        width:94%;
        margin:0;
        border-top: 1px dotted #dadada;
        float: left;
        margin: 0px 3%;
        padding-top: 30px;
    }
    
    main.statics aside.leftcolumn.left-recommender{
        width: 100%;
        padding: 10px 0px 10px 0px;
        margin: 40px 0px 70px 0px;  
    }
    
    main.statics aside.leftcolumn.left-recommender .module.info {
        width: 92%;
        padding: 17px 4% 24px 4%;
    }
    
    main.statics aside.leftcolumn.left-recommender p{
        padding:0px 4%;             
    }
    
    main.statics article.documentation aside.rightcolumn{
        margin-top:3px;
        width:100%;     
    }
    
    main aside.rightcolumn .module.news{
        width:100%;
        margin:0;
        position:relative;
        overflow:hidden;
    }   

    
    main aside.rightcolumn .module.news ul{
        width:102%;
    }
    
    main aside.rightcolumn .module.news li figure.more{
        display:block;
    }
    
    main aside.rightcolumn .module.news li, 
    main aside.rightcolumn .module.installations li{
        width:31%;
        margin:0px 1.5%;
    }
    
    main aside.rightcolumn .module.news li, 
    main aside.rightcolumn .module.installations li:first-child{
        margin-left:0px;
    }
    
        
    main aside.rightcolumn .module.installations ul{
        width:104%;
    }
    
    main aside.rightcolumn .module.magazine, 
    main aside.rightcolumn .module.installations, 
    main aside.rightcolumn .module.material, 
    main aside.rightcolumn .module.asistencia{
        width: 94%;
        padding-left: 3%;
        padding-top: 0px;
    }
    
    main aside.rightcolumn .module.installations li{
        width:30%;
    }
    
    #nav-items,
    main.detail article.piezas-especiales .text,
    main.detail article.piezas-especiales .tejado,  
    article .items-slider.six ul.buttons,
    main.detail #top .navigation{
        display:none;               
    }
    
    main.statics article.main section.area-profesional #nav-items{
        display:block;
    }
    
    main.statics article.main section.area-profesional #nav-items ul.items li{
        padding-bottom:0px;
    }
    
    main.statics article.main section.area-profesional #nav-items ul.items{
        height:auto;                
    }
    
    article .items-slider.four .wrapper, article .items-slider.six .wrapper{
        overflow-x:auto;
    }
    
/*  article .items-slider.four, article .items-slider.six{
        width:92%;
        padding-left:4%;                
        padding-right:4%;               
    }*/
    
        
    article.recommender .items.two{     
        width: 96%;
        margin-left: 2%;
    }
    
    article.recommender .items.two .item {
        width: 31.4%;
        display: inline-block;
        margin: 1.5%;
        margin-left: 0px;
        vertical-align: top;
        font-size: 13px;
        position: relative;
    }   
    
    main.private-area aside.rightcolumn .module.material{
        display:none;
    }
    
    main.statics article.main section.area-profesional{
        max-width: 100%;
        border: none;
    }
    
    main.private-area article section{
        max-width:94%;
        width:94%;              
    }   
        
    main.private-area article section .garantia label,
    main.private-area article section .reclamacion label{
        width: 100%;
        max-width: 100%;
        display: inline-block;
        text-indent: 10px;  
        line-height:40px;           
    }
    
    main.private-area article section .garantia .combo, 
    main.private-area article section .reclamacion .combo,
    main.private-area article section .garantia input, 
    main.private-area article section .reclamacion input,
    main.private-area article section .garantia textarea, 
    main.private-area article section .reclamacion textarea{
        width:95%;      
        padding: 4px 2%;
        margin-top:0px;         
    }
    
    main.private-area article section .garantia .combo select, 
    main.private-area article section .reclamacion .combo select{
        width:108%; 
        padding: 0px 2%;            
    }
    
    main.private-area article section .garantia input[type="submit"], 
    main.private-area article section .reclamacion input[type="submit"]{
        width: 33%;
        height: 30px;
        background-color: #305593;
        margin-top: 30px;
        float: right;
    }
    
    main.private-area article aside.rightcolumn .module-login, 
    main.private-area article aside.rightcolumn .module-activar-cuenta{             
        width: 90%;
        margin: 0px;
        padding: 5%;            
    }
    
    main.private-area aside.rightcolumn {
        position: relative;
        width: 100%;
        margin: 0px;
        max-width: none;
        width: 94%;
        margin: 0;
        border-top: 1px dotted #dadada;
        float: left;
        margin: 30px 3%;
        padding-top: 30px;
    }
    
    main.landing article.distributors{
        height:auto;    
    }
}

@media only screen and (max-width: 890px){
    #comparator .buttons{           
        width: 180px;   
        margin-top:0px; 
        text-align: center; 
    }
}           


@media only screen and (max-width: 870px){
         
    article.recommender .items.two .item .image.hv,
    article .items.three .image.hv{
        margin-top:-3%;
        margin-bottom:10px;
    }
    
    article.recommender .items.two .item .image.hv{
        margin-top:-11%;                
    }
    
    main.landing article.sac section{
        width:48%;              
    }
    
    main.private-area article section div.content{
        max-width: 75%;     
    }
        
    main.private-area article{
        position:relative;              
    }
    
    main.private-area article section{
        max-width:none;     
        width:96%;
    }   

}

@media only screen and (max-width: 768px) {
    #wrapper{
        margin-top:25px;            
    }   
        
    header .cobert{
        width: 42%;     
        min-width: 220px;
        margin-left:10px;
        margin-top:-10px;
    }
    
    main.detail #top h1{
        padding:10px;   
        max-height: 44px;
        line-height: 24px;      
        font-size: 18px;
        padding-left:20px;
        padding-right: 60px;
    }
    
    .header-container{
        height:70px;                
    }

    header ul.menu-icons{
        display:block;              
    }
    
    header nav ul li.special{
        display: inline-block;
        width: 100%;        
    }
    
    header nav ul,
    .top_access ul{ 
        display:none;               
    }
    
    #top_bar{
        width:auto;
        display:block;
    }
    
    #top_language ul{
        width:100px;
        margin:0px;
        padding:0px;    
        z-index:999;
        position:absolute;      
        left: 0.5%;
        top: 1px;
        padding-top: 32px;
    }
    
    #top_language ul li{
        display:none;   
        float:none;     
        width:100%; 
        
        height: 29px;
        line-height: 15px;
        border-top: 1px solid #ececec;
    }
    
    #top_language ul li.selected{
        display:block;
    }
    
    #top_language ul li:before{
        content:''; 
    }   
    
    #top_language ul li a{
        background-color:#ffffff;
        color: #305593;             
        width: 76%;
    }
    
    #top_language ul li.selected{
        color: #305593;
        background: url("images/cobert/flecha.png") #ffffff no-repeat 90% -2px;
        border:none;    
        position: absolute;
        top: 0px;
    }
    
    #top_language ul.activo li.selected{
        background: url("images/cobert/flecha.png") #ffffff no-repeat 90% -38px;    
    }
    
    #top_language ul li.selected a{
        background-color:transparent;           
        color: #305593; 
    }
    
    article .header-article{
        width:92%;
        margin:20px 4%;             
    }
        
    header nav,
    header nav ul,
    .top_access ul.logon{
        width:100%;
        margin:0px;
        padding:0px;    
        z-index:999;
    }

    header nav ul,
    .top_access ul.logon{
        position: absolute;
        width: 250px;
        height: 100%;
        right: -250px;
        background: #f8f8f8;
        padding: 0;
        top: 95px;
    }

    header nav ul li,
    .top_access ul.logon li{        
        background:none;
        display: block;
        float: none;
        border-bottom: 1px solid #ececec;
        height: auto;
        color: #333;
        padding:0;
    }
    
    .top_access ul.logon a.login:before{
        content:'';             
    }
    
    header nav ul li a,
    .top_access ul.logon li a{
        color: #333;
        font-size: 14px;
        text-decoration: none;
        display: block;
        margin: 0 0;
        padding: 3px 0px 3px 32px;
        line-height: 44px;
        border-left:none;
        position:relative;
    }
    
    header nav ul li a.login{
        float:left;             
    }
    
    header nav ul li a.close{
        margin-left: 7px;
        margin-top: 19px;
        float: left;
        padding: 0px;
        border-left: 1px solid #095495;
        height: 13px;
        line-height: 13px;
        padding-left: 7px;
    }
    
    header nav ul li a.login:before{
        content: "";
        font-family: 'Entypo';
        position: absolute;
        font-size: 32px;
        left: 6px;
        line-height: 35px;
        color: #095495;
    }
    
    header nav ul li a.logon.login:before{
        content: "👤";       
    }
    
    #comparator.visible.active{
        height:170px;               
    }
    
    #comparator.visible{
        overflow:hidden;                
    }
    
    #show-comparator.active{
        top: 175px;
    }
    
    #comparator #selector{
        width:100%;     
    }
    
    #comparator #selector li{
        width: 100%;
        background-color: #5b5e62;
        height: 30px;
        margin-bottom:6px;
    }

    #comparator #selector li.empty{
        width: 100%;
        border: 1px dotted #a7a9ac;     
        background-image:none;
        text-align:center;
        line-height: 30px;
        height: 30px;
        padding: 0px 0px;
    }
    
    #comparator #selector li.empty span.text{
        display:inline-block;           
    }
    
    #comparator .buttons {
        width:100%;
    }   
    
    main.detail article.caracteristicas{
        width: 92%;
        padding-left: 4%;
        padding-top: 0px;
    }
    
    main.detail aside .viewer .button a{
        width:28px;
    }
    
    main.private-area article section{
        width:90%;              
        margin:0px 5%;
        max-width:none;
    }
    
    main.detail aside.right{
        width: 100%;
        padding: 0px;
        margin: 0px;
        border: none;
        text-align: center;
    }
    
    main.detail aside .viewer {
        position: relative;
        display: inline-block;
        width: 100%;
        text-align: center;
    }
    
    main.detail aside .viewer .image{       
        width: 100%;
        margin-right: 0px;              
    }
    
    main.detail aside .viewer .image img{
        max-width:none;
        min-width:200px;                
    }
            
    main.private-area article section div.content{
        max-width:none          
    }
    
    main.private-area .module-recordar-password fieldset{
        width:100%;
    }   
    
    main.private-area article section label{
        width:100%;             
    }
            
    main.private-area aside.rightcolumn{
        position:relative;
        width:100%;             
        margin:0px;
        max-width:none;
        
        width: 94%;
        margin: 0;
        border-top: 1px dotted #dadada;
        float: left;
        margin: 30px 3%;
        padding-top: 30px;
    }

    main.landing article.distributors aside.right,
    main.landing article.exportacion aside.right{
        display:none;               
    }
    
    main.private-area article aside.rightcolumn .module-login, 
    main.private-area article aside.rightcolumn .module-activar-cuenta{             
        width: 90%;
        margin: 0px;
        padding: 5%;            
    }
    
    main.private-area article aside.rightcolumn fieldset input{
        width: 92%;         
    }
    
    main.landing article aside.customer-service{
        width:90%;  
        padding:30px 5% 10px 5%;
    }
    
    main.landing article.sac section{
        width:90%;  
        padding:20px 5%;        
    }
    
    article .items.four .item{
        width:31.3%;
    }
    
    main.detail article .items.eight .item{
        width: 24.5%;           
    }

    article .items.two{
        width:auto;
    }

    article .items.two .item{
        width: 100%;
        height: auto;
    }
    
    main.home article .items.two{
		max-width: 428px;
		margin: 0 auto;
	}

    article.summary-links .two .item .image{
        height: 100px;
        text-align: center;
        display: inline-block;
    }
            
    article.summary-links .two .item .image img{
        max-height:none;    
        height:100%;
        max-width:428px;
        position:relative;          
    }
        
    article.summary-links .two.full-cols .item .image,
    article.summary-links .two.full-cols .item .block{
		height: auto!important;
	}
    
    article.recommender .items.two,
    article .items.three{
        width: 92%;
        margin-left: 4%;    
    }

    article.recommender .items.two .item,
    article .items.three .item{
        margin: 20px 1.5%;
        width: 47%;
    }

    article.recommender .items.two .item .image,
    article .items.three .image{        
        height: auto;
        width: 100%;
        display: inline-block;
        margin-right: 2%;
        position: relative;
        float: left;
    }
    
    main.statics article .items.three .item{
        width:46%;              
    }
    
    article.recommender .items.two .image.hv,
    article .items.three .image.hv{
        margin-top:-10%;                
    }
    
    article.recommender .items.two .image.hv img,
    article .items.three .image.hv img{
        position:relative;              
    }
    
    main aside.rightcolumn .module.news li{
        width:48%;      
    }
    
    article ul.all-models li{
        width: 42.5%;
        margin: 0px 4% 40px 3%; 
    }

    article .items.three .block{
        display: inline-block;
        width: 100%;
        vertical-align: top;
    }
        
    article .header-article h2{
        width:100%;
        max-width:none;             
    }
    
    article .header-article h3{
        width:100%;
        padding:15px 0px;
    }

    article .items.three .block h3{
        margin-top: 0px;
    }
    
    main.statics aside.leftcolumn.left-galerias,
    main.statics aside.leftcolumn.left-distribuidores{
        position:absolute;
        width:96%;      
        z-index:998;    
    }
    
    main.statics aside.leftcolumn.left-galerias .filter,
    main.statics aside.leftcolumn.left-distribuidores .filter{
        background-color:#305593;   
        padding:8px 2%;
        width:96%;  
        display:inline-block;
        color: #ffffff;
        margin-top: 10px;
    }
    
    main.statics article.gallery .items.three .item{
        margin:1.7% 0% 0% 1%;               
    }

    main.statics aside.leftcolumn.left-galerias .layer,
    main.statics aside.leftcolumn.left-distribuidores .layer{

        display:none;           
        background-color: #fff;
        border: 1px solid #305593;          
        padding:15px;
    }
        
    main.statics aside.leftcolumn.left-galerias .layer p,
    main.statics aside.leftcolumn.left-distribuidores .layer p{
        padding: 0px 13px;
        margin:0px;
    }
    
    main.statics aside.leftcolumn.left-galerias .layer .block,
    main.statics aside.leftcolumn.left-distribuidores .layer .block{
        width:46%;
        margin:0px 2%;
        display: inline-block;
        margin-top: 20px;
        vertical-align:bottom;
    }
    
    main.statics .distributors-list, 
    main.statics .gallery-list, 
    main.statics .recommender-list{
        width: 99%;
        margin-right: 0px;
        border:none;        
        margin-top:44px;        
    }
    
    main.statics .recommender-list{
        margin-top:0px;             
    }
    
    main aside.rightcolumn .module.installations li {
        width: 47%;
    }
    
    main.statics article.recommender dl dd .localization ul li{
        width: 48%;
        margin-right: 2%;
        margin-bottom: 2%;              
    }
    
    .footer-container .inner{
        height:auto;
    }

    footer nav.footer,
    footer div.logo,
    footer div.social
    {
        width:100%;
    }

    footer nav.footer{
        text-align: center;
        margin-top: 30px;
    }

    footer nav.footer ul{
        margin:0px;
    }

    footer div.logo{
        margin-top: -46px;
    }
    
    footer div.social{
		margin-top: 10px;
	}

    footer div.social ul{
        float: none;
        margin-right: auto;
        margin-left: auto;
        width: 95%;
        text-align: center;
        margin-top: 0px;
    }

    .footer-container #trademark{
        height:auto;
    }
        
    main.landing #top .image, main.statics #top .image, main.private-area .image{
        display:none;               
    }
    
    main.detail article {
        margin: 0px;
        width: 92%;
        padding: 0px 4% 10px;
    }
    
    article .items.three a.descarga.certificado .download{
        width:63%;              
    }
    
    article .items-slider.four .wrapper, article .items-slider.six .wrapper{
        width:106%;
        margin:20px 0px 0px 0px;            
    }
    
    main.landing article.distributors label{
        width:50%;              
    }
    
    article.main section.area-profesional .content .details{        
        max-width: 72%;
    }
    
    article.main section.area-profesional .content .details .bot-button.small {
        width: 130px;
        background-position-x: -12px;
    }
    
    article.main section.area-profesional .content .details .bot-button.small:hover{
        background-position-x: -12px;               
    }
    
    article.main section.area-profesional .content .details .detail .image, 
    article.main section.area-profesional .content .details .components .image{
        height:60px;                
    }
    
    main.private-area article fieldset, article.modificar-password fieldset, article.recordar-password fieldset{
        width:100%;             
    }
}

@media only screen and (max-width: 640px) {             
    article .items.four .item{
        width:48%;              
    }   
    
    main.landing #nav-items{
        display:none;               
    }
    
    header .cobert{             
        margin-top: -3px;               
    }
    
    main.statics article section.content{
        padding-left:5%;
        padding-right:5%;
        width:90%;  
    }
    
    main.home:before{
		display: none;
	}
    
    article.summary-links .header-article{
		padding-bottom: 0;
		margin-bottom: 0;
	}
	article .header-article h2{
		padding-top: 0;
		padding-bottom: 5px;
	}
	
	#noSlider{
		padding-bottom: 0!important;	
	}

}


@media only screen and (max-width: 480px) { 
    body{
        padding:0px!important;
    }
    
    .fixed{
        position: relative!important;
        top: inherit!important;
    }
            
    article .items.three .item{
        width:100%;         
        margin-left:0px;    
        margin-right:0px;   
    }
        
    .items.four .item {
        width: 47.7%;
    }
    
    article .items.four .item{
        width:98%;          
        margin-left:0px;    
        margin-right:0px;                   
    }
    
/*  article .items-slider.six{
        width: 80%;
        padding-right: 10%;
        padding-left: 10%;
    }*/
    
    article ul.all-models{
        width:95%;              
    }
    
    article.recommender .items.two .item,
    main.statics article .items.three .item{
        width:93%;      
        margin: 10px 1.5%;              
    }
    
    article.recommender .items.two .item{
        width:98%;      
        margin: 10px 1%;                
    }


    article.recommender .items.two .image,
    article .items.three .image,
    article.summary-links .two .item .image{
        width:100%;
        margin: 0px;
    }

    article.recommender .items.two .block,
    article .items.three .block,
    article.summary-links .two .item .block{
        width:100%;
    }
    
    main.statics .distributors-list, 
    main.statics .gallery-list, 
    main.statics .recommender-list{
        width: 100%;
    }
    
    .popup .layerInfo{
        width:100%;             
    }

    
    main.statics aside.leftcolumn.left-galerias .layer p, main.statics aside.leftcolumn.left-distribuidores .layer p{
        padding:0px;
        margin:1em 0px;
    }
    
    main.statics aside.leftcolumn.left-galerias .layer .block,
    main.statics aside.leftcolumn.left-distribuidores .layer .block{
        width:100%;
        margin:0px;         
    }
                
    main.statics article.distributors,
    main.statics article.gallery{
        width: 96%;
        margin: 0px 2%;
        float: left;
        min-width: inherit;
        max-width: inherit;     
    }
    
    main.statics article.distributors .items.three .item,
    main.statics article.gallery .items.three .item{
        min-height:inherit;
        padding:15px 0px;   
        width: 100%;
        margin: 0px;                    
    }
    
    /*article .items.three .item p, article .items.two .item p{
        padding-bottom: 0px;        
    }*/
    
    main.statics article.gallery .items.three .item{
        min-height:175px;
    }
    
    main aside.rightcolumn .module.news li{
        width:100%;     
        margin:0;
    }
    
    article ul.all-models li {
        width: 92.5%;
        margin: 0px 0% 40px 5%;
    }

    article .header-article{            
        line-height: 33px;              
    }
    
    main aside.rightcolumn .module.installations li {
        width: 96%;
        margin:0;
    }
    
    article.comparator .table div.header a.img img{
        width:60px;             
    }

    article.comparator .table div.header a.empty{
        background: url("images/cobert/comparator-empty.jpg") no-repeat -10px -10px;
        width: 60px;
        height: 60px;       
        margin-top: -2px;
        margin-bottom: -12px;       
    }
    
    article.comparator a.show{      
        padding: 7px 0px;
        width: 98%;
        float: left;
        margin: 0px;
    }
    
    article.comparator .table div.buttons div{
        padding:4px 0px;                
    }
    
    article .items.eight .item{
        width: 32.5%;       
    }
    
        
    main.landing article.distributors label{
        width:100%;             
    }
    
    main.landing article.distributors label.cp{
        text-indent:0px;                
    }
    
    main.landing article.distributors label.cp input {
        width: 66%;
        float: right;
        margin:0px;
    }
    
    main.landing article.exportacion {
        height: auto;
        padding-bottom: 100px;
    }
    
    main.landing #top h1, main.statics #top h1, main.statics #top a.returnlink, main.private-area h1, main.private-area #top a.returnlink{
        font-size:25px;             
    }
    
    article.main ul.other-files li{
        display:block;
        margin:auto;
        margin-bottom:6px;
    }
    
    main.landing article.faqs aside.right,
    main.landing article.faqs section{
        max-width:40%;              
    }
        
    main.landing article.faqs section ul{
        list-style-type: none;
        padding-left: 0px;
    }
    
    main.landing article.faqs section ul li{
        list-style-type: none;              
    }
    
    main.landing article.faqs{              
        padding-bottom: 130px;
    }
    
    main.landing article.exportacion .countrylist{
        margin-left:-15px;
        margin-right:-15px;             
    }

}


@media only screen and (max-width: 320px) {
    article .items.four .item {
        width: 97%;
    }
    
        
    article.main section.area-profesional .content .details a.download-button, 
    article.main section.area-profesional .content .details .layer-shadow ul li a.download-button{
        width:200px;                
    }

    
}

/*
 * Responsive
 */

/*
 * Nivo Lightbox Default Theme v1.0
 * http://dev7studios.com/nivo-lightbox
 *
 * Copyright 2013, Dev7studios
 * Free to use and abuse under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 */
 
.nivo-lightbox-theme-default.nivo-lightbox-overlay { 
    background: #666;
    background: rgba(0,0,0,0.6); 
}
.nivo-lightbox-theme-default .nivo-lightbox-content.nivo-lightbox-loading { background: url('images/cobert/loading.gif') no-repeat 50% 50%; }

.nivo-lightbox-theme-default .nivo-lightbox-nav {
    top: 10%;
    width: 8%;
    height: 80%;
    text-indent: -9999px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
     opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
}
.nivo-lightbox-theme-default .nivo-lightbox-nav:hover { 
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.5);
}
.nivo-lightbox-theme-default .nivo-lightbox-prev { 
    background-image: url('images/cobert/prev.png'); 
    border-radius: 0 3px 3px 0;
}
.nivo-lightbox-theme-default .nivo-lightbox-next { 
    background-image: url('images/cobert/next.png'); 
    border-radius: 3px 0 0 3px;
}

.nivo-lightbox-theme-default .nivo-lightbox-close {
    display: block;
    background: url('images/cobert/aspa.png') #233a62 no-repeat center center;
    width: 42px;
    height: 42px;
    text-indent: -9999px;
    right: 0px;
    top:-42px;
}
.nivo-lightbox-theme-default .nivo-lightbox-close:hover {     
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
 }

.nivo-lightbox-theme-default .nivo-lightbox-title-wrap { 
    top: 0px;
    width: 100%;
    height: 42px;
    z-index: 0;
    top:-42px;
}
.nivo-lightbox-theme-default .nivo-lightbox-title {
    font-size: 17px;
    font-family: 'Frutiger LT Std Light';    
    font-style: normal;
    font-weight: normal;
    background: #305593;
    color: #fff;
    width:100%;
    display: inline-block;
    line-height: 42px;
    text-align: left;
    text-indent: 20px;
}

.nivo-lightbox-image{
    line-height:normal!important;
    height:auto!important;
}

/*.nivo-lightbox-theme-default .nivo-lightbox-image img {
    background: #fff;
    -webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.4);
       -moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.4);
            box-shadow: 0px 1px 1px rgba(0,0,0,0.4);
}*/
.nivo-lightbox-theme-default .nivo-lightbox-ajax,
.nivo-lightbox-theme-default .nivo-lightbox-inline {
    overflow: hidden;
    margin-top:inherit!important;
    top:inherit!important;
}
/*
.nivo-lightbox-wrap{  
    position: absolute;
    bottom: 10%;
    left: 10%;
    right: 10%;
    height: 60%;
    top: 20%;
}*/

@media (-webkit-min-device-pixel-ratio: 1.3),
       (-o-min-device-pixel-ratio: 2.6/2),
       (min--moz-device-pixel-ratio: 1.3),
       (min-device-pixel-ratio: 1.3),
       (min-resolution: 1.3dppx) {

    .nivo-lightbox-theme-default .nivo-lightbox-content.nivo-lightbox-loading { 
        background-image: url('images/cobert/loading@2x.gif'); 
        background-size: 32px 32px;
    }
    .nivo-lightbox-theme-default .nivo-lightbox-prev { 
        background-image: url('images/cobert/prev@2x.png'); 
        background-size: 48px 48px;
    }
    .nivo-lightbox-theme-default .nivo-lightbox-next { 
        background-image: url('images/cobert/next@2x.png'); 
        background-size: 48px 48px;
    }
    .nivo-lightbox-theme-default .nivo-lightbox-close { 
        background-image: url('images/cobert/close@2x.png'); 
        background-size: 16px 16px;
    }
    
}


/*
 * Nivo Lightbox v1.1
 * http://dev7studios.com/nivo-lightbox
 *
 * Copyright 2013, Dev7studios
 * Free to use and abuse under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 */

.nivo-lightbox-overlay {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99998;
    width: 100%;
    height: 100%;
    overflow: hidden;
    visibility: hidden;
    
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;

    
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.nivo-lightbox-overlay.nivo-lightbox-open {
    visibility: visible;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
}
.nivo-lightbox-wrap  {
    position: absolute;
    bottom: 20%;
    left: 10%;
    right: 10%;
}

.nivo-lightbox-inline .popup{
    height:100%;        
    text-align:center;
    background-color:rgb(49, 52, 56);
    background-color:rgba(49, 52, 56, 0.8);
}

.nivo-lightbox-inline .popup img{
    height:auto;
    max-height:70%;
}

/*
.nivo-lightbox-content {
    width: 100%;
    height: 100%;
}*/
.nivo-lightbox-title-wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 99999;
    text-align: center;
}
.nivo-lightbox-nav { display: none; }
.nivo-lightbox-prev {
    position: absolute;
    top: 50%;
    left: 0;
}
.nivo-lightbox-next {
    position: absolute;
    top: 50%;
    right: 0;
}
.nivo-lightbox-close {
    position: absolute;
    top: 2%;
    right: 2%;
}

.nivo-lightbox-image { text-align: center; }
.nivo-lightbox-image img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    vertical-align: middle;
}
.nivo-lightbox-content iframe {
    width: 100%;
    height: 100%;
}
.nivo-lightbox-inline,
.nivo-lightbox-ajax {
    max-height: 100%;
    overflow: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    /* https://bugzilla.mozilla.org/show_bug.cgi?id=308801 */
}
.nivo-lightbox-error {
    display: table;
    text-align: center;
    width: 100%;
    height: 100%;
    color: #fff;
    text-shadow: 0 1px 1px #000;
}
.nivo-lightbox-error p {
    display: table-cell;
    vertical-align: middle;
}

/* Effects
 **********************************************/
.nivo-lightbox-notouch .nivo-lightbox-effect-fade,
.nivo-lightbox-notouch .nivo-lightbox-effect-fadeScale,
.nivo-lightbox-notouch .nivo-lightbox-effect-slideLeft,
.nivo-lightbox-notouch .nivo-lightbox-effect-slideRight,
.nivo-lightbox-notouch .nivo-lightbox-effect-slideUp,
.nivo-lightbox-notouch .nivo-lightbox-effect-slideDown,
.nivo-lightbox-notouch .nivo-lightbox-effect-fall {
    -webkit-transition: all 0.2s ease-in-out;
       -moz-transition: all 0.2s ease-in-out;
        -ms-transition: all 0.2s ease-in-out;
         -o-transition: all 0.2s ease-in-out;
            transition: all 0.2s ease-in-out;
}

/* fadeScale */
.nivo-lightbox-effect-fadeScale .nivo-lightbox-wrap {
    -webkit-transition: all 0.3s;
       -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
         -o-transition: all 0.3s;
            transition: all 0.3s;
    -webkit-transform: scale(0.7);
       -moz-transform: scale(0.7);
        -ms-transform: scale(0.7);
            transform: scale(0.7);
}
.nivo-lightbox-effect-fadeScale.nivo-lightbox-open .nivo-lightbox-wrap {
    -webkit-transform: scale(1);
       -moz-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);
}

/* slideLeft / slideRight / slideUp / slideDown */
.nivo-lightbox-effect-slideLeft .nivo-lightbox-wrap,
.nivo-lightbox-effect-slideRight .nivo-lightbox-wrap,
.nivo-lightbox-effect-slideUp .nivo-lightbox-wrap,
.nivo-lightbox-effect-slideDown .nivo-lightbox-wrap {
    -webkit-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
       -moz-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
        -ms-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
         -o-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
            transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
}
.nivo-lightbox-effect-slideLeft .nivo-lightbox-wrap {
    -webkit-transform: translateX(-10%);
       -moz-transform: translateX(-10%);
        -ms-transform: translateX(-10%);
            transform: translateX(-10%);
}
.nivo-lightbox-effect-slideRight .nivo-lightbox-wrap {
    -webkit-transform: translateX(10%);
       -moz-transform: translateX(10%);
        -ms-transform: translateX(10%);
            transform: translateX(10%);
}
.nivo-lightbox-effect-slideLeft.nivo-lightbox-open .nivo-lightbox-wrap,
.nivo-lightbox-effect-slideRight.nivo-lightbox-open .nivo-lightbox-wrap {
    -webkit-transform: translateX(0);
       -moz-transform: translateX(0);
        -ms-transform: translateX(0);
            transform: translateX(0);
}
.nivo-lightbox-effect-slideDown .nivo-lightbox-wrap {
    -webkit-transform: translateY(-10%);
       -moz-transform: translateY(-10%);
        -ms-transform: translateY(-10%);
            transform: translateY(-10%);
}
.nivo-lightbox-effect-slideUp .nivo-lightbox-wrap {
    -webkit-transform: translateY(10%);
       -moz-transform: translateY(10%);
        -ms-transform: translateY(10%);
            transform: translateY(10%);
}
.nivo-lightbox-effect-slideUp.nivo-lightbox-open .nivo-lightbox-wrap,
.nivo-lightbox-effect-slideDown.nivo-lightbox-open .nivo-lightbox-wrap {
    -webkit-transform: translateY(0);
       -moz-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
}

/* fall */
.nivo-lightbox-body-effect-fall .nivo-lightbox-effect-fall {
    -webkit-perspective: 1000px;
       -moz-perspective: 1000px;
            perspective: 1000px;
}
.nivo-lightbox-effect-fall .nivo-lightbox-wrap {
    -webkit-transition: all 0.3s ease-out;
       -moz-transition: all 0.3s ease-out;
        -ms-transition: all 0.3s ease-out;
         -o-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
    -webkit-transform: translateZ(300px);
       -moz-transform: translateZ(300px);
        -ms-transform: translateZ(300px);
            transform: translateZ(300px);
}
.nivo-lightbox-effect-fall.nivo-lightbox-open .nivo-lightbox-wrap {
    -webkit-transform: translateZ(0);
       -moz-transform: translateZ(0);
        -ms-transform: translateZ(0);
            transform: translateZ(0);
}

@media print {
    #top_bar, header nav, #breadcrumb, main.statics.detail #top, main.statics.detail .top 
    .share-buttons,.rightcolumn, main.statics.detail .bottom,.footer-container{
        display:none;               
    }   
            
    header .cobert img{
        width:75%;              
    }
    
    main.statics.detail h1{
        margin-top:10px;
        margin-bottom:-20px;                
    }
    
    main.statics.detail .top .date{
        text-indent:25px;       
    }
    
    main.statics.pt article.main section.listitems{
        max-width:100%; 
        border-right:none;
    }
}

/* Error 404 */

main.private-area article.errorPage section{
    width:100%;
    position: relative;
    padding: 5% 10%;
    text-align: center;
    webkit-border-radius: 4px;
    moz-border-radius: 4px;
    border-radius: 4px 4px 4px 4px;
    border: 1px solid #e6e6e6;
    border-radius: 4px;
    /* float: left; */
    box-shadow: 0px 0px 18px #e6e6e6;
    -webkit-box-shadow: 0px 0px 18px #e6e6e6;
    -moz-box-shadow: 0px 0px 18px #e6e6e6;
    background-color: #ffffff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}

main.private-area article.errorPage section h2{
    font-size: 7em;
    color: #305593;
    font-weight: bold;
}

main.private-area article.errorPage section h3{
    color: #607da4;
    font-weight: bold;
    text-transform: uppercase;
}

main.private-area article.errorPage section p{
    margin-top: 25px;
    color: #666666;
    font-size: 15px;
}

/* Fin Error 404 */


/* WP_Usuarios */

table.tableUserList
{
    border-collapse:collapse;
}

table.tableUserList,.tableUserList th,.tableUserList td
{
    border: 1px solid black;
    padding: 7px;
}

/* Fin WP_Usuarios */

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - 
 - - - - - - - - Cambios en la web V2 - - - - - - - - - -
  - - - - - - - - - - - - - - - - - - - - - - - - - - */
  
 /* carrusel: solo una transición */
 
#noSlider{
    display: inline-block;
    position:relative;
    width:100%;
    height:358px;
    overflow: hidden;
    padding-bottom:10px;
}

#noSlider .banner{
    height:100%;
    float: left;
    margin: 0;
    padding: 0;
    position: relative;
}

#noSlider figure{
    display: inline-block;
}

#noSlider figure figcaption{
    display: none;
}

#noSlider .banner img{
    max-width: 978px;
    width: 100%;
    max-height: 361px;
}

#noSlider .poligon{
    width:100%;
    height:100%;
    position:absolute;
    top:0px;
    left:0px;
    background: transparent url('images/cobert/bg-slider.png') no-repeat;
}

#noSlider .slideTxt{
    background-image: url('images/cobert/bg-slideTxt.png');
    position:absolute;
    left:0px;
    bottom:65px;
    width:60%;
    padding:30px 42px;
}

#noSlider .slideTxt:after {
    content:"";
    width:42px;
    height:40px;
    background-image: url('images/cobert/slider-corner.png');
    position:absolute;
    left: 0px;
    bottom: -40px;
    font-family: 'Frutiger LT Std Light';
}

#noSlider .slideTxt h2,
#noSlider .slideTxt h1{
    color:#ffffff;
    font-size:27px;
    margin-top:0px;
    padding:0px;
    line-height: 28px;
    font-family: 'Frutiger LT Std Bold';
}

#noSlider .slideTxt a:hover h2,
#noSlider .slideTxt a:hover h1,
#noSlider .slideTxt a:hover div{    
    color:#f78f1e;
}

#noSlider .slideTxt a.go{
    color:#fff;
    font-size:17px;
    position: relative;
    padding-left:28px;
}

#noSlider .slideTxt a.go:hover{
    color:#f78f1e;    
}

#noSlider .slideTxt a.go:before{
    content:"";
    width:22px;
    height:22px;
    background-image: url('images/cobert/featured-link.png');
    background-position: -22px center;
    position: absolute;
    top:-1px;
    left:0px;
}

#noSlider .slideTxt a.go:hover:before{
    background-position: 0px 0px;
}

#noSlider .slideTxt div{
    color:#ffffff;
    font-size:14px;
    margin-top: 10px;
    font-family: 'Frutiger LT Std Light';
}

#noSlider .slideTxt div strong{
    font-family: 'Frutiger LT Std Bold';    
    font-weight: normal;
}
    
    /* Destacados Home (6) */
article .items.center-items{
    text-align: center;
}

article .items.center-items .item{
    text-align: left;
}

    /* Destacados Noticias Home */
article.summary-links .two.full-cols .item{
    height: 100%;
}

article.summary-links .two.full-cols .item >a{
    width: 100%;
    display: inline-block;
}

article.summary-links .two.full-cols .item .image,
article.summary-links .two.full-cols .item .block{
    width: 100%;
    height: 105px;
    display: inline-block;
}   

article.summary-links .two.full-cols .item .block h3{
    width: 100%;
}

main.statics #submenu.cb-submenu{
    width: calc(100% - 1px);
    height: auto;
    overflow: hidden;
}

main.statics #submenu.cb-submenu ul li{
    position: relative;
    margin: 0;
}

main.statics #submenu.cb-submenu ul li:after{
    content: '';
    position: absolute;
    width: 270%;
    height: 1px;
    background-color: #e2e4e7;
    bottom: -1px;
    left: 0;
}

main.statics #submenu.cb-submenu ul li a{
    padding: 6px 19.5px;
}

    /* Nueva sección Diseño e Instalación */
.cb-newpage{
    /*overflow: hidden;*/
}

.cb-newpage #top .image img{
    -webkit-mask-image: -webkit-linear-gradient(left,rgba(0,0,0,0) 0,#000 100%);
}

main.statics.cb-newpage #submenu{
    border-top: 1px solid #e2e4e7;
}

main.statics article.cb-full{
    max-width: 100%;
}

.cb-newpage .cb-intro{
    padding: 20px 30px;
}

.cb-newpage .cb-intro .cb-text{
    padding: 1px 30px;   
}

.cb-newpage .cb-intro h3{
    font-size: 15px;
    line-height: 20px;
    color: #305593;
    font-family: 'Frutiger LT Std Bold';
}

.cb-newpage .cb-intro p{
    font-family: "Frutiger LT Std Roman", sans-serif;
    font-size: 13px;
    line-height: 18px;
    color: #5b5e62;
}

main.statics article.cb-contact-info{
    padding: 0;
    margin: 0;
    overflow: hidden;
}

.cb-contact-info .cb-contact{
    background-color: #e2e4e7;
    padding: 36px 20px;
    width: calc(100% - 32px);
    display: inline-block;
}

.cb-contact-info .cb-contact h3{
    font-family: "Frutiger LT Std Light";
    font-size: 20px;
    line-height: 20px;
    color: #305593;
    margin-top: 0;
    margin-bottom: 10px;
}

.cb-contact-info .cb-contact p{
    font-family: "Frutiger LT Std Roman", sans-serif;
    fint-size: 13px;
    line-height: 18px;
    color: #5b5e62;
}

.cb-contact-info .cb-contact .cb-links a{
    padding: 7px 32px;
    color: #ffffff;
    background-color: #305593;
    width: auto;
    height: auto;
    display: inline-block;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.cb-contact-info .cb-contact .cb-links a:hover{
    color: #305593;
    background-color: #ffffff;
    text-decoration: none;
}

.cb-contact-info .cb-contact .cb-links a:first-child{
    margin-right: 20px;
    margin-bottom: 10px;
}

.cb-header-tab{
    border-bottom: 1px solid #e2e4e7;
    margin: 20px;
    padding-bottom: 5px;
}
.cb-header-tab h3{
    font-family: "Frutiger LT Std Roman", sans-serif;
    font-size:22px;
    line-height: 22px;
    color: #305593;
    margin: 13px 0;
}

.cb-items-links{
    display: flex;
    flex-wrap: wrap;
}

.cb-items-links .item{
    width: 31.4%;
    display: inline-block;
    margin: 1.5%;
    margin-left: 0px;
    position: relative;
    vertical-align: top;
    background-color: #f3f4f5;
}

.cb-items-links .item:hover .image{
    filter: grayscale(80%);
}

.cb-items-links .item .image{
    width: 96%;
    margin: 6px auto 0;
    height: 100px;
    overflow: hidden;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.cb-items-links .item .image img{
    width: 100%;
}

.cb-items-links .item .block{
    width: 100%;
    display: inline-block;
}

.cb-items-links .item .block h3{
    font-family: "Frutiger LT Std Roman";
    font-size: 16px;
    line-height: 18px;
    color: #5b5e62;
    margin: 8px 15px 0;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.cb-items-links .item:hover .block h3{
    color: #305593;
}

.cb-items-links .item .block .go{
    font-family: "Frutiger LT Std Roman";
    font-size: 12px;
    line-height: 17px;
    color: #a7a9ac;
    margin: 0 15px 5px;
}

    /* Preciarios */
.cb-items-links.preciario{
    margin-bottom: 50px;
}

.cb-items-links.preciario .item .image{
    text-align: center;
    background-color: #5b5e62;
    padding: 5px 0;
    height: 70px;
    position: relative;
}

.cb-items-links.preciario .item .image:after{
    content: '';
    position: absolute;
    background: url('images/cobert/simbolo-enlace-externo.png') no-repeat;
    background-size: cover;
    width: 50px;
    height: 50px;
    position: absolute;
    top: calc(50% - 25px);
    left: calc(50% - 25px);
    opacity: 0;
    transition: opacity 1s;
}

.cb-items-links.preciario .item a:hover .image:after{
    opacity: 1;
}

.cb-items-links.preciario .item .image img{
    width: auto;
    height: 100%;
    background-color: #fff;
    transition: opacity 1s;
}

.cb-items-links.preciario .item a:hover .image img{
    opacity: 0.05;
}

.cb-items-links.preciario .item .block h3 span{
    margin-left: 15px;
    font-size: 12px;
    line-height: 12px;
    top: -3px;
    position: relative;
}

.cb-items-links.preciario .item .image img.no-bg{
    background-color: transparent;
}
    /* FIN: Preciarios */

    /* Bibliotecas BIM */
.cb-docs-list{
    width: 100%;
    max-width: 917px;
    margin: 0 auto;
    position: relative;
}

.cb-docs-list .doc{
    width: 220px;
    margin: 15px 0.5%;
    display: inline-block; 
    vertical-align: top;
    position: relative;
}

.cb-docs-list .doc a:hover{
    text-decoration: none;
}

.cb-docs-list .doc .description{
    padding: 7px 15px 5px;
    background-color: #a6a7ab;
    min-height: 36px;
}

.cb-docs-list .doc .description h3{
    font-family: "Frutiger LT Std Bold";
    font-size: 13px;
    line-height: 18px;
    color: #305593;
    margin: 0;
}

.cb-docs-list .doc .description p{
    font-family: "Frutiger LT Std Roman", sans-serif;
    font-size: 11px;
    line-height: 18px;
    margin: 0;
    color: #ffffff;
}

.cb-docs-list .doc .document{
    font-family: "Frutiger LT Std Bold";
    font-size: 13px;
    line-height: 28px;
    color: #305593;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.cb-docs-list .doc .document:hover{
    color: #ffffff;
}

    /* Vídeos */
.cb-videos{
    width: 100%;
    text-align: center;
    display: inline-block;
    margin: 30px 0;
}

.cb-videos .video{
    width: 40%;
    margin: 0 2% 70px;
    height: 265px;
    display: inline-block;
    vertical-align: top;
}

.cb-videos .video p{
    font-family: "Frutiger LT Std Roman", sans-serif;
    font-size: 12px;
    line-height: 18px;
    color: #a7a9ac;
    width: 95%;
    border-top: 1px solid #e2e4e7;
    margin: 5px auto 25px;
    padding-top: 10px;
}

    /* Soluciones Constructivas */
.cb-items-links.cb-solutions{
    margin: 30px auto;
}

.cb-items-links.cb-solutions .item{
    width: 47%;
    margin: 0 1% 15px 1.5%;
    background-color: #325694;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.cb-items-links.cb-solutions .item:hover{
    background-color: #f3f4f5;
}

.cb-items-links.cb-solutions .item a{
    width: calc(100% - 30px);
    display: inline-block;
    padding: 15px;
}

.cb-items-links.cb-solutions .item .image{
    width: 50%;
    height: 165px;
    display: inline-block;
    border: 1px solid #a7a9ac;
}

.cb-items-links.cb-solutions .item .block{
    width: calc(50% - 2px);
    float: left;
}

.cb-items-links.cb-solutions .item .block h3{
    font-size: 19px;
    line-height: 21px;
    color: #ffffff;
    margin: 15px;
    text-transform: uppercase;
}

.cb-items-links.cb-solutions .item:hover .block h3{
    color: #305593;
}

.cb-items-links.cb-solutions .item .block .go{
    font-size: 14px;
    line-height: 18px;
    color: #ffffff;
    margin: 0 30px 0 15px;
}

.cb-items-links.cb-solutions .item:hover .block .go{
    color: #a7a9ac;
}

    /* Soluciones Constructivas: Ficha */
.cb-header-tab.cb-detail{
    border-bottom: 10px solid #305593;
    margin: 0 20px;
    padding-bottom: 5px;
}

.cb-header-tab.cb-detail h2{
    font-weight: normal;
    font-size: 33px;
    line-height: 34px;
    color: #305593;
    padding-top: 15px;
    display: inline-block;
    width: 100%;
    margin: 0;
}

.cb-header-tab.cb-detail h2 span{
    font-size: 18px;
    line-height: 18px;
    color: #98acc9;
    display: block;
}

.cb-docs-items{
    text-align: center;
    margin-top: 25px;
}

.cb-docs-items .item{
    width: auto;
    display: inline-block;
}

.cb-docs-items .item a span{
    font-family: 'Frutiger LT Std Bold';
    color: #305593;
}

.cb-docs-items .item a:hover{
    text-decoration: none;
}

.cb-docs-items .item a:hover span{
    color: #ffffff;
}

.cb-img-text{
    width: 90%;
    max-width: 800px;
    margin: 30px auto 15px;
}

.cb-img-text .item .img{
    width: 200px;
    height: auto;
    float: left;
    overflow: hidden;
}

.cb-img-text .item .img img{
    width: 100%;
}

.cb-img-text .item .txt{
    width: calc(100% - 235px);
    display: inline-block;
    margin-left: 20px;
}

.cb-img-text .item .txt h3{
    font-family: 'Frutiger LT Std Light';
    font-size: 22px;
    line-height: 24px;
    color: #305593;
    font-weight:100;
    margin: 15px 0 5px;
}

.cb-img-text .item .txt .cb-descripcion{
    color: #5b5e62;
    font-size: 13px;
    line-height: 16px;
    padding: 0 15px;
    position: relative;
}

.cb-img-text .item .txt .cb-descripcion:before{
    content: '';
    position: absolute;
    width: 1px;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #e2e4e7;
}

.cb-img-text .sep{
    width: 70%;
    display: inline-block;
    margin-left: 15%;
}

article .items.cb-productos-items{
    max-width: 800px;
    margin: 0 auto;
    text-align: center;
}

.cb-productos-items .items-list{
    width: 100%;
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    justify-content: center;
    -webkit-justify-content: center;
}

.cb-productos-items .item{
    text-align: left;
    width: 240px;
    margin: 10px;
    float: left;
    clear: inherit;
    border: 1px solid #e2e4e7;
    border-radius: 4px;
    position: relative;
    display: inline-table;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.cb-productos-items .item a{
    width: 100%;
    display: inline-block;
}

.cb-productos-items .item:before{
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    bottom: 0;
    right: 0;
    border-left: 25px solid transparent;
    border-top: 25px solid transparent;
    border-right: 25px solid #305593;
    border-bottom: 25px solid #305593;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;

}

.cb-productos-items .item:hover:before{
    border-right: 25px solid #e2e4e7;
    border-bottom: 25px solid #e2e4e7;
}

.cb-productos-items .item .image{
    width: 100px;
    height: 60px;
    top: 4px;
    left: 4px;
    overflow: hidden;
    float: left;
    text-align: center;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.cb-productos-items .item.teja .image{
    width: 70px;    
    position: relative;
}

.cb-productos-items .item.teja .image img{
    position: absolute;
    top: 0;
    right: -2px;
}

.cb-productos-items .item.componente .image{
    margin-top: 5px;
}

.cb-productos-items .item:hover .image{
    filter: grayscale(80%);
}

.cb-productos-items .item .image img{
    max-height: 100%;
}

.cb-productos-items .item .block{
    width: calc(100% - 140px);
    margin-left: 10px;
    margin-top: 4px;
    display: inline-block;
    color: #305593;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.cb-productos-items .item .block h3{
    display: table-cell;
    width: 139px;
    height: 60px;
    vertical-align: middle;
    margin-bottom: 0;
    font-size: 18px;
    line-height: 18px;    
}

.cb-productos-items .item:hover .block{
    color: #5b5e62;
}

.cb-ficha-tecnica{
    background-color: #e2e4e7;
    max-width: 800px;
    width: 100%;
    margin: 0 auto;
}

.cb-ficha-tecnica .f-content{
    padding: 15px;
}

.cb-ficha-tecnica h3{
    font-family: "Frutiger LT Std Light";
    font-size: 19px;
    line-height: 19px;
    color: #305593;
    margin: 0;
}

.cb-ficha-tecnica ul li{
    color: #5b5e62;
    font-size: 13px;
    line-height: 15px;  
    margin-bottom: 4px;  
}

.cb-newpage .cb-customize-html{
    max-width: 800px;
    margin: 30px auto 15px;
}

/* certificados */
.cb-docs-down-list ul.all-models li{
    width: 25%;
    min-width: 215px;
    margin: 0px 3.5% 40px 3.5%;
}

.cb-docs-down-list ul.all-models li span.name-model{
    position: relative;
    padding: 0 55px 4px 5px;
    width: calc(100% - 60px);
    display: inline-block;
}

.cb-docs-down-list ul.all-models li span.name-model:before{
    content: '';
    position: absolute;
    background: url('images/cobert/descargar-documentos.png') no-repeat;
    width: 35px;
    height: 29px;
    background-size: cover;
    top: -9px;
    right: 0;
}

.cb-docs-down-list ul.all-models li .show{
    padding: 8px 0px 8px 30px;
    left: 21px;
}

    /* WP: Envío de tarifa */
.cb-newpage .module-envio-tarifa{
    margin: 11px 0 31px 31px;
    font-size: 13px;
    line-height: 18px;
    color: #5b5e62;
    font-family: "Frutiger LT Std Roman", sans-serif;
}

.cb-newpage .module-envio-tarifa .title{
    font-size: 19px;
    line-height: 18px;
}

.cb-newpage .module-envio-tarifa p.info{
    margin: 0px;
    width: 90%;
    padding: 6px 3%;
    margin-top: 20px;
    background-color: #fffcd9;
    color: #a52728!important;
    display: none;
}

.cb-newpage .module-envio-tarifa p.info.on{
    display: block;
}

.cb-newpage .module-envio-tarifa input[type='submit']{
    width: 219px;
    height: 62px;
    padding: 8px 42px 8px 20px;
    background-image: url(images/cobert/bot-button.jpg);
    border: 0;
    font-family: 'Frutiger LT Std Bold';
    color: #305593;
    font-size: 13px;
    line-height: 18px;  
    text-align: left;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    vertical-align: top;;
    display: inline-block;
    position: relative;
    white-space: normal;
    -webkit-appearance: none;
}

.cb-newpage .module-envio-tarifa input[type='submit']:hover{
    background-image: url(images/cobert/bot-button.jpg);
    background-position: 0px -62px;
    color: #ffffff;
}

.cb-newpage .module-envio-tarifa fieldset{
    color: #a7a9ac;
    margin: 0 4px;
}

.cb-newpage .module-envio-tarifa fieldset label{
    font-size: 13px;
    line-height: 18px;
    color: #5b5e62;    
    margin-top: 20px;
    font-family: 'Frutiger LT Std Bold';
    display: inline-block;
    width: 100%;
    vertical-align: middle;
    position: relative;
}

.cb-newpage .module-envio-tarifa fieldset input[type='text']{
    -webkit-box-shadow: inset 1px 1px 2px 0px rgba(0, 0, 0, 0.44);
    -moz-box-shadow: inset 1px 1px 2px 0px rgba(0, 0, 0, 0.44);
    box-shadow: inset 1px 1px 2px 0px rgba(0, 0, 0, 0.44);
    margin: 8px 0px 4px;
    border: 0px;
    max-width: 250px;
    width: 100%;
    border: 1px solid #a7a9ac;
    background-color: #ffffff;
    height: 20px;
    padding: 4px 5px;
    color: #5b5e62;
    display: inline-block;
}

.cb-newpage .module-envio-tarifa fieldset input[type='submit']{
    background: url(images/cobert/bg-button.jpg) #305593 no-repeat right center;
    padding: 6px 32px;
    margin: 8px 0 4px;
    width: auto;
    height: auto;
    transition: all 0.5s ease-in-out;
    border-style: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    color: #ffffff;
    display: inline-block;
}

.cb-newpage .module-envio-tarifa fieldset input[type='submit']:hover{
    color: #5b5e62;
}

.cb-newpage .module-envio-tarifa fieldset input[type='submit']:hover{
    background-position: 0 0;
}

/* efectos : hover */
.hvr-underline-reveal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  overflow: hidden;
}
.hvr-underline-reveal:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 0;
  bottom: 0;
  background: #243f6c;
  height: 4px;
  -webkit-transform: translateY(4px);
  transform: translateY(4px);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-underline-reveal:hover:before, .hvr-underline-reveal:focus:before, .hvr-underline-reveal:active:before {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}


/* PopUp Cookies */
#cookies_top_bar #cookie_accept{
	width: 100%;
	display: inline-block;
	background-color: rgba(255,255,255,0.9);
	margin-bottom: -5px;
	border-bottom: 1px solid rgba(48, 85, 147, 0.1);
}

#cookies_top_bar .cookie-content{
	max-width: 980px;
	margin: 0 auto;
}

#cookies_top_bar #cookie_directive_container p{
	width: calc(100% - 165px);
	float: left;
	vertical-align: top;
}

#cookies_top_bar #cookie_directive_container a.btn-default{
	color: #ffffff;
    background-color: #305593;
    padding: 7px 32px;
    width: auto;
    height: auto;
    float: right;
    vertical-align: top;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    border-style: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    cursor: pointer;
    margin: 15px 0;
}

aside.confirmation-block{
	width: 29%;
    background-color: #e4e7ea;
    float: right;
    position: relative;
    padding: 30px 2% 10px 2%;
    height: 380px;
}

aside.confirmation-block .v-center{
	display: table;
    width: 100%;
    height: 100%;
}

aside.confirmation-block .v-center .v-content{
	display: table-cell;
    vertical-align: middle;
}

aside.confirmation-block .v-center .v-content.text-center{
	text-align: center;
}

aside.confirmation-block .v-center .v-content .title{
	color: #305593;
    font-size: 19px;
    font-family: 'Frutiger LT Std Light';
}

aside.confirmation-block .v-center .v-content p{
	color: #5b5e62;
    font-size: 12px;
}


@media only screen and (max-width: 761px) {
	#cookies_top_bar .cookie-content{
		text-align: center;
		margin: 0 auto 12px;
	}
	
	#cookies_top_bar #cookie_directive_container p{
		text-align: center;
		width: 100%;
		margin-top: 33px;	
		float: none;
	}
	
	#cookies_top_bar #cookie_directive_container a.btn-default{
		float: none;
		padding: 3px 20px 5px;	
	}
}

@media only screen and (max-width: 480px) {
	#cookies_top_bar #cookie_directive_container p{
		font-size: 11px;
		line-height: 13px;	
	}
	
	#cookies_top_bar #cookie_directive_container a.btn-default{
		font-size: 11px;
	}
}


/* Responsive sección 'Diseño e Instalación'
 ******************************************* */
@media only screen and (max-width: 980px) {
    main.cb-newpage #submenu ul li{
        width: 100%;
        max-width: 140px;
        text-align: center;
    }
    
    main.statics.cb-newpage #submenu.cb-submenu ul li a{
        padding: 6px 4px;
        white-space: nowrap;
    }
    
    .cb-items-links{
        display: inline-block;
        text-align: center;
    }
    
    .cb-items-links .item{
        width: 28%;
    }
    
    .cb-docs-list{
        display: inline-block;
        text-align: center;
    }
    
    .cb-items-links.cb-solutions{
        display: inline-block;
        text-align: center;
        width: 100%;
    }
    
    #noSlider{
        height: 100%;   
    }
    
    main.home:before{
    	top: -15px;
    }
    
    aside.confirmation-block{
		width: 323px;
    	margin-top: 20px;
	}
}

@media only screen and (max-width: 890px) {
    .cb-items-links .item .image img{
        width: auto;
        height: auto;   
    }
    
    .cb-items-links.cb-solutions .item{
        width: 44%; 
    }
    
    .cb-newpage .cb-customize-html{
        width: 90%; 
    }
}

@media only screen and (max-width: 768px) {
    .cb-items-links .item{
        width: 45%;
    }
    
    main.statics #top h1{
        width: 92%;
        font-size: 25px;
        line-height: 25px;
        text-indent: 0;
        padding: 0 12px;    
    }
    
    .cb-videos .video{
        max-width: 390px;
        width: 100%;
        padding-bottom: 80px;   
    }
    
    #noSlider .slideTxt{
        bottom: 0;
        padding: 20px;  
    }
    
    #noSlider .slideTxt:after{
        display: none;  
    }
    
    #noSlider .slideTxt h2, 
    #noSlider .slideTxt h1{
        font-size: 21px;
        line-height: 21px;  
    }
    
    #noSlider .slideTxt a.go{
        font-size: 15px;
        line-height: 15px;  
    }
    
    aside.confirmation-block{
		width: 90%;
    	padding: 30px 5% 10px 5%;
    	height: auto;
	}
}

@media only screen and (max-width: 670px) {
    .cb-items-links.cb-solutions{
        width: 94%;
        margin-left: 1.5%;  
    }
    
    .cb-items-links.cb-solutions .item{
        max-width: 450px;
        width: 100%;
        height: 100px;  
    }
    
    .cb-items-links.cb-solutions .item .image{
        height: 70px;
        width: 25%; 
    }
    
    .cb-items-links.cb-solutions .item .block{
        width: calc(70% - 2px);
    }
    
    .cb-items-links.cb-solutions .item .block h3{
        margin: 5px 15px;   
    }
    
    .cb-items-links .item .image img{
        width: 100%;    
    }
    
    .cb-img-text .item .img{
        max-width: 200px;
        width: 25%; 
    }
    
    .cb-img-text .item .txt{
        width: calc(70% - 2px);
    }
}

@media only screen and (max-width: 600px) {
    #noSlider .slideTxt{
        width: calc(100% - 25px);    
    }
}

@media only screen and (max-width: 530px) {
    .cb-docs-down-list ul.all-models{
        text-align: center; 
    }
    
    #noSlider .slideTxt{
		position: relative;	
	}
}

@media only screen and (max-width: 480px) {
    .cb-items-links .item{
        max-width: 288px;
        width: 100%;
    }
    
    .cb-videos .video{
        max-width: 100%;
        width: 85%;
    }
    
    .cb-img-text .item{
        text-align: center; 
    }
    
    .cb-img-text .item .img{
        width: 100%;
        float: none;
        margin: 0 auto;
    }
    
    .cb-img-text .item .txt{
        width: 100%;
        margin-left: 0; 
    }
    
    .cb-img-text .item .txt .cb-descripcion:before{
        display: none;
    }
    
    #noSlider .slideTxt{
        padding: 13px;  
    }
    
    #noSlider .slideTxt h2, 
    #noSlider .slideTxt h1{
        font-size: 17px;
        line-height: 17px;  
        margin-bottom: 0;
    }
    
    #noSlider .slideTxt a.go{
        font-size: 12px;
        line-height: 12px;
        padding-left: 0;    
    }
    
    #noSlider .slideTxt a.go:before{
        display: none;  
    }
}

@media only screen and (max-width: 400px) {
    .cb-items-links.cb-solutions .item .image{
        border: none;   
    }
}

@media only screen and (max-width: 350px) {
    .cb-newpage .module-envio-tarifa fieldset input[type='text']{
        width: 85%; 
    }
    
    #noSlider .slideTxt h2, 
    #noSlider .slideTxt h1{
        font-size: 15px;
        line-height: 15px;  
        margin-bottom: 0;
    }
    
    #noSlider .slideTxt a.go{
        font-size: 12px;
        line-height: 12px;
        padding-left: 0;    
    }
}

/* Estilos en modo editar página */
.s4-breadcrumb-anchor .s4-clust{
    height: 16px;
    width: 16px;
}

footer nav ul li a{
    color: #ffffff!important;
}