/* --- Fonts ---*/
@import url(http://fonts.googleapis.com/css?family=Roboto:400,100,300,500,700,900);
@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed:400,300,700);


body {margin: 0; padding: 0; background:url('../images/bg_main.jpg') top left repeat;}
.row {max-width:1024px; margin:0 auto;}
a {transition: all 200ms ease-out; -webkit-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out;}
a:hover {text-decoration:none!important;}
.banner-aside {display:block; margin-top:1em;}


#main-scroller-1, #main-scroller-2, #main-scroller-3 {padding:15px; height:435px;}
.nano > .nano-pane > .nano-slider {background:red; z-index:52945874295247598274592847592847;}

.divider {display:block; width:100%; height:2px; background: transparent url('../images/division-line.png') center center no-repeat; margin:3em 0;}

/* --- Header ---*/

.header {display:block; width:100%; background: url('../images/header-top.png') top left repeat-x; padding:1em 0 0 0; position:relative;}
.header h1 {margin:0;}
.header .actions {position:relative; margin-top:1.8em;}
.header .tel {display:inline-block; background:url('../images/call-icon.png') center left no-repeat; padding:1.2em 0 1.2em 70px;}
.header .tel p {font-family:'Roboto'; color:#fff; font-weight:400; line-height:1.6em;}
.header .tel a {color:#fff; font-family:'Roboto Condensed'!important; display:block; font-size:2.5em!important; font-weight:700; font-size:2.6em; -webkit-animation: flash 4s 1s infinite; animation: flash 4s 1s infinite;}
.header .experiencia {display:inline-block; width:100px; height:100px; background: url('../images/icon-10.png') center center no-repeat; position: absolute; right:95px; top:0;}
.header .inti {display:inline-block; width:100px; height:100px; background: url('../images/icon-inti.png') center center no-repeat; position: absolute; right:0; top:0;}
.header .ahora-12 {display:inline-block; width:100px; height:100px; background: url('../images/ahora-12.png') center center no-repeat; position: absolute; right:195px; top:0;}
.header .nav { border-radius:0; background:#007989; border:none; color:#fff; margin:0 0 1em 0; z-index: 1000; border-top: solid 1px #66b4bc;-webkit-box-shadow: 0px 2px 0px 0px rgba(50, 50, 50, 0.46); -moz-box-shadow: 0px 2px 0px 0px rgba(50, 50, 50, 0.46); box-shadow: 0px 2px 0px 0px rgba(50, 50, 50, 0.46);}

.header .nav ul li ul li:first-child {border-radius:0;}
.header .nav ul li ul li {border-bottom:solid 1px #328d9c;}
.header .nav ul li ul li:last-child {border:none;}
.header .nav ul li {border-right:solid 1px #328d9c;}
.header .nav ul li a {color:#fff; background:transparent; padding:0.7em; font-family:'Roboto Condensed'; font-weight:300; text-transform:uppercase; font-size:1em; border-right:solid 1px #005c6a;}
.header .nav ul li a:hover {background:#046d7b;}
.header .nav ul li ul {border:none;}
.header .nav ul li ul li a {background:#046d7b; border:none;}
.header .nav ul li ul li a:hover {background:#007989;}
.header .nav button.hamburger {color:#fff; font-size:2em;}

.header .nav .active {background:red!important;}

.home-slides {height: 400px; width: 1020px; margin-bottom: 50px;}

/** Testimonies **/

.testimonies {float: left; width: 100%;}
.testimonies h1 {color: #3b342d; font-size: 1.563em; font-weight: 900; text-transform: uppercase;text-align: center;}
.testimonies h2 {color: #61554b; font-size: 2em; font-weight: 400; text-transform: uppercase; text-align: center; margin-top: -20px;}
.testimonies .slides {height: 350px; width: 100%;}
h3.ls-l {font-weight:900; position:absolute; display:block; width:570px; top:290px; left:45px; font-family:'Roboto'; font-size:1.3em;}
h4.ls-l {font-weight:400; position:absolute; display:block; width:570px; top:320px; left:500px; font-family:'Roboto'; font-size:1.1em; color:#7e6f61;}

/* --- Main Sell --- */

.main-sell {display:block; margin:1em 0;}
.main-sell .main-sell-item {display:block; width:100%; border-radius:5px; text-align:center; -webkit-box-shadow: 0px 2px 0px 0px rgba(50, 50, 50, 0.46); -moz-box-shadow: 0px 2px 0px 0px rgba(50, 50, 50, 0.46); box-shadow: 0px 2px 0px 0px rgba(50, 50, 50, 0.46); padding:0.7em;}
.main-sell .main-sell-item:hover {-webkit-box-shadow: 0px 4px 2px 0px rgba(50, 50, 50, 0.46); -moz-box-shadow: 0px 4px 2px 0px rgba(50, 50, 50, 0.46); box-shadow: 0px 4px 2px 0px rgba(50, 50, 50, 0.46);}
.main-sell .item-1 {background:#fef586;}
.main-sell .item-2 {background:#ff5f58;}
.main-sell .item-3 {background:#dd70ed;}
.main-sell .item-4 {background:#86d7fb;}
.main-sell .main-sell-item h3 {font-family:'Roboto Condensed'; color:#3b342d; font-weight:500; font-size:1.4em; margin:0; padding:0;}
.main-sell .main-sell-item h4 {font-family:'Roboto Condensed'; color:#3b342d; font-weight:300; font-size:1.4em; margin:0 0 0.7em 0; padding:0;}
.main-sell .main-sell-item .image-1 {display:block; width:100%; height:115px; background: url('../images/home-icon-1.png') center center no-repeat; background-size:cover; margin-bottom:1em;}
.main-sell .main-sell-item .image-2 {display:block; width:100%; height:115px; background: url('../images/home-icon-2.png') center center no-repeat; background-size:cover; margin-bottom:1em;}
.main-sell .main-sell-item .image-3 {display:block; width:100%; height:115px; background: url('../images/home-icon-3.png') center center no-repeat; background-size:cover; margin-bottom:1em;}
.main-sell .main-sell-item .image-4 {display:block; width:100%; height:115px; background: url('../images/home-icon-4.png') center center no-repeat; background-size:cover; margin-bottom:1em;}

/** Novedades **/

.inner-content .novedad-item {display:block; width:100%; max-height:350px; overflow:hidden; border: solid 1px #ccc!important; padding:0.5em;}
.inner-content .novedad-item p {font-size:1em; line-height:1.5em;}
.inner-content .novedad-item .title {font-size:1.1em; line-height:1.2em; font-weight: 700!important; margin-top:0;}
.inner-content .novedad-item .imagen-novedad {display:block; float:left; margin:0 1em 1em 0;}

/** Home Form **/
.home-form {display:block; width:100%; background: transparent url('../images/form-bg.jpg') center center no-repeat; background-size:cover; padding:2em; border:solid 1px #fff; position:relative;}
.home-form h1 {color: #fff; font: 900 25px 'Roboto Condensed', sans-serif; text-transform: uppercase; text-shadow: 2px 2px #008ea3; padding-left: 195px;}
.home-form ::-webkit-input-placeholder { color: #3a3a3a; font: 300 1em 'Roboto', sans-serif; }
.home-form input, textarea, select { border: #fff 1px; box-shadow: 0 0 8px #8d8d8d; display: block; margin-bottom: 10px; width: 100%; font-size: 1.1em;font-family:'Roboto'!important; font-weight:300!important;}
.home-form select { width: 100%; font-family:'Roboto'; font-weight:300; font-size:1.1em; padding:0; color: #3a3a3a}
.home-form textarea { height: 72px; width: 100%; }
.home-form button {  background: #045b65; border: 0; border-bottom: 2px solid #0b2428; color: #fff; font-weight: 400; font-size: 1.5em; padding: 0; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25); box-shadow: inset 0 -2px #0b2428; text-align: center; height: 46px; width: 100%; font-family: 'Roboto', sans-serif;}
.home-form .placas-car {position:absolute; z-index:45; top:-80px; left:-20px;}
.home-form .experiencia {display:inline-block; width:100px; height:100px; background: url('../images/icon-10.png') center center no-repeat; position: absolute; right:95px; top:-25px; z-index:1000;}
.home-form .inti {display:inline-block; width:100px; height:100px; background: url('../images/icon-inti.png') center center no-repeat; position: absolute; right:0; top:-25px; z-index:1000;}


/** Franquicias/Presupuesto Form **/
.inner-form {display:block; width:100%; padding:1em; border:solid 1px #fff;}
.inner-form h1 {color: #fff; font: 900 30px 'Roboto Condensed', sans-serif; text-transform: uppercase; }
.inner-form ::-webkit-input-placeholder { color: #3a3a3a; font: 300 1em 'Roboto', sans-serif; }
.inner-form input, textarea, select { border: #fff 1px; box-shadow: 0 0 8px #8d8d8d; font-family:'Roboto'!important; font-weight:300!important; display: block; padding: 8px; margin-bottom: 10px; width: 100%; font-size: 1.3em;}
.inner-form select { width: 100%; font: 300 1.3em 'Roboto', sans-serif; }
.inner-form textarea { height: 72px; width: 100%; }
.inner-form button {  background: #045b65; border: 0; border-bottom: 2px solid #0b2428; color: #fff; font-weight: 400; font-size: 1.5em; padding: 0; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25); box-shadow: inset 0 -2px #0b2428; text-align: center; height: 46px; width: 100%; font-family: 'Roboto', sans-serif;}
.inner-form .placas-car {position:absolute; z-index:45; top:-80px; left:-20px;}

/* --- Figuras --- */

.figuras {display:block; margin: 1em 0;}
.figuras h2 {color:#3b342d; font-size:1.8em; font-weight:900; font-family:'Roboto Condensed'; text-transform:uppercase; text-align:center;}
.figuras .rial, .figuras .gelblung, .figuras .legrand {display:block; background:#fff; border-radius:5px; height:180px; padding-top:144px; overflow:hidden;-webkit-box-shadow: 0px 2px 0px 0px rgba(50, 50, 50, 0.46); -moz-box-shadow: 0px 2px 0px 0px rgba(50, 50, 50, 0.46); box-shadow: 0px 2px 0px 0px rgba(50, 50, 50, 0.46);}
.figuras .rial p, .figuras .gelblung p, .figuras .legrand p {display:block; width:100; text-align:center; background:#fff; padding:0.5em 0; font-family:'Roboto'; font-weight:300; color:#5b595a; font-size:1.1em;}
.figuras .rial {background: url('../images/rial.png') center center no-repeat; background-size:cover;}
.figuras .gelblung {background: url('../images/gelblung.png') center center no-repeat; background-size:cover;}
.figuras .legrand {background: url('../images/legrand.png') center center no-repeat; background-size:cover;}
.figuras .legrand:hover, .figuras .rial:hover, .figuras .gelblung:hover {-webkit-box-shadow: 0px 4px 2px 0px rgba(50, 50, 50, 0.46); -moz-box-shadow: 0px 4px 2px 0px rgba(50, 50, 50, 0.46); box-shadow: 0px 4px 2px 0px rgba(50, 50, 50, 0.46);-webkit-filter: grayscale(0.6);-webkit-filter: brightness(1.1);}


/* --- Social Media --- */

.social-media {display:block; margin:4em 0 1em 0;}
.social-media .social-item {display:block; width:100%; height:260px; background:#fff; text-align:center; padding-top:2.3em;}
.social-media .social-item .title {text-transform:uppercase; color:#222222; font-family:'Roboto Condensed'; font-weight:900; font-size:1.3em;}
.social-media .social-item .facebook-icon {display:block; width:48px; height:48px; background:url('../images/followus_facebook_icon.png') center center no-repeat; position:absolute; left:50%; top:-20px; margin-left:-24px;}
.social-media .social-item .twitter-icon {display:block; width:48px; height:48px; background:url('../images/followus_blog_icon.png') center center no-repeat; position:absolute; left:50%; top:-20px; margin-left:-24px;}
.social-media .social-item .blog-icon {display:block; width:48px; height:48px; background:url('../images/followus_twitter_icon.png') center center no-repeat; position:absolute; left:50%; top:-20px; margin-left:-24px;}
.social-media .social-item .instagram-icon {display:block; width:48px; height:48px; background:url('../images/followus_instagram_icon.png') center center no-repeat; position:absolute; left:50%; top:-20px; margin-left:-24px;}
.social-media .social-item .seguinos {background:#a99684; display:block; width:90%; border-radius:5px; padding:0.5em 0; color:#fff; margin:0 auto;}
.social-media .social-item .seguinos:hover {background:#75695b;}

/* --- Footer --- */

.footer {background:linear-gradient(to bottom, #006d78 0%,#008290 10%); display:block; min-height:200px; border-top:solid 1px #fff; padding:2em 0 0 0; font-family:'Roboto Condensed'; font-weight:500; color:#fff; text-transform:uppercase; margin-top:2em;}
.footer a {color:#fff; display:block; line-height:1.6em;}
.footer .social-footer {display:inline-block; margin-right:0.5em;transition: all 450ms ease-out; -webkit-transition: all 450ms ease-out; -moz-transition: all 450ms ease-out;}
.footer .data a {display:inline-block; margin-right:0.5em;}
.footer > .row {background: url('../images/footer_bg.png') bottom left no-repeat; min-height:171px;}


/* --- Inner content --- */

.inner-content {display:block; padding-top:4.5em;}
.inner-content .breadcrumbs {color: #717171; font: 300 12px 'Roboto', sans-serif; margin:0;}
.inner-content .breadcrumbs a {color: #717171; font-weight: 700; text-decoration: none;}
.inner-content .breadcrumbs a:hover {text-decoration: underline;}
.inner-content h2 {color: #3a3732; margin: 0; font-weight: 900; font-size:2em; font-family:'Roboto'; padding:0.3em 0; border-bottom: solid 1px #a1a0a0; margin-bottom:1em;}
.inner-content h3 {color: #3a3732; margin: 0.5em 0; font-weight: 900; font-size:1.7em; font-family:'Roboto'; padding:0.3em 0;}
.inner-content h4 {color: #3a3732; margin: 0.5em 0; font-weight: 900; font-size:1.5em; font-family:'Roboto'; padding:0.3em 0;}
.inner-content p {font-family: 'Roboto'; color:#3a3732; font-size:1.2em; line-height:2em; margin:1em 0; font-weight:300;}
.inner-content p strong {font-weight:700;}
.inner-content ul li {font-family: 'Roboto'; color:#3a3732; font-size:1.2em; line-height:2em; font-weight:300;}
.inner-content ul {margin:0;}
.inner-content table {width:100%; background:#f2f2f2; border:solid 1px #fff;}
.inner-content table tbody tr, .inner-content table tbody tr td {background:transparent!important;}
.inner-content table tbody tr td, .inner-content table thead tr td {border:solid 1px #fff;}
.inner-content table thead tr td p {font-weight:900; color:#fff;}

.inner-content .header-antihumedad {display:block; width:100%; height:220px; background: transparent url('../images/header_antihumedad.jpg') center center no-repeat; background-size:cover; margin: 1em 0 0 0;}
.inner-content .header-cielorrasos {display:block; width:100%; height:220px; background: transparent url('../images/header_cielorrasos.jpg') center center no-repeat; background-size:cover; margin: 1em 0 0 0;}
.inner-content .header-empresa {display:block; width:100%; height:220px; background: transparent url('../images/header_empresa.jpg') center center no-repeat; background-size:cover; margin: 1em 0 0 0;}
.inner-content .header-franquicias {display:block; width:100%; height:220px; background: transparent url('../images/head-franquicias.png') center center no-repeat; background-size:cover; margin: 1em 0 0 0;}


/* --- Antihumedad --- */

.inner-content .antihumedad-item {display:block; width:100%; background:#fff; border-top: solid 10px #fff79f; text-align:center; min-height:320px;}
.inner-content .antihumedad-item .title {text-transform:uppercase; font-size:1.1em; color: #3a3732; font-weight:700; margin:0; font-family:'Roboto';}
.inner-content .antihumedad-item .content {font-family:'Roboto'; font-size:1em; color:#999999; margin:1em 0; line-height:1.5em;}
.inner-content .antihumedad-item .item-1 {background: transparent url('../images/icon_antihumedad.png') center 10px no-repeat; padding:140px 1em 1em;}
.inner-content .antihumedad-item .item-2 {background: transparent url('../images/icon_antiestallido.png') center 10px no-repeat; padding:140px 1em 1em;}
.inner-content .antihumedad-item .item-3 {background: transparent url('../images/icon_ignifugo.png') center 10px no-repeat; padding:140px 1em 1em;}
.inner-content .antihumedad-item .item-4 {background: transparent url('../images/icon_resistentes.png') center 10px no-repeat; padding:140px 1em 1em;}

.inner-content .product-list .item img {display:block; width:100%; height:auto;}
.inner-content .product-list .item span { background: #333030; border-radius: 5px; color: #F2F1F0; display: block; font-size: 1em; margin: 5px 0 15px 0; padding: 2px 4px; text-align: center;}

.inner-content .tabs {margin:2em 0 1em 0;}
.inner-content .tabs>ul li {font-size:1.1em; padding:0.5em; font-weight:700;}

/* --- Mapa --- */

#map-canvas { width:1020px; height:500px;}

.inner-content .shops-shortcuts {display:block; padding-top:1em;}
.inner-content .shops-shortcuts a { background: #F16545; border-radius: 5px; color: #FFF; font-size: 0.9em; padding: 3px 6px; margin: 0 5px 10px 0; text-decoration: none; display: inline-block;}
.inner-content .shops-shortcuts a:hover {background:#a62b10;}
.inner-content .shops-list ul {list-style-type:none;}
.inner-content .shops-list ul li {font-size:1em; line-height:1.2em;}
hr {padding:1em 0;}


.inner-content .obras img, .inner-content .clients img {display:block; width:100%; height:auto;}

.inner-content .item-moldura .modelo-moldura {display:block; background:#686259; width:100%; padding: 0.2em 0.5em; margin:0!important; font-size:1em; font-family:'Roboto'; font-weight:700; color:#fff; text-align:center; border-radius: 0 0 5px 5px;}
.inner-content .item-moldura img {display:block; margin:0; width:100%; height:auto;}

.newsletter {display:block; background:#00a1b2; padding:0.3em 0.5em 1em 0.5em; margin-bottom:0.5em; }
.newsletter label {color:#fff; font-family:'Roboto'; font-size:1em; font-weight:400;}
.newsletter #mail {display:block; margin:0.5em 0 1em 0;}
.newsletter h3 {color: #fff; font: 900 25px 'Roboto Condensed', sans-serif; text-transform: uppercase; text-shadow: 2px 2px #008ea3; line-height:1em;}
.newsletter .send {display:block; width:100%; padding:0.5em 0; text-align:center; font-family:'Roboto'; font-weight:400; background:#e8b33a; border: solid 1px rgba(255,255,255,0.7); color:#fff; margin:1em 0 0 0; border-radius:5px; font-size:1.2em;}
.newsletter .send:hover {background:#cc9629;}
.newsletter input.input-aside {border: #fff 1px; box-shadow: 0 0 8px #8d8d8d; display: block; padding: 8px; margin-bottom: 10px; width: 100%; font-size: 1.1em!important; font-weight:100; font-family:'Roboto';}

@media screen and (max-width: 960px) {
    .header .tel {position:absolute; left:-80px;}    
}

@media screen and (max-width: 768px) {
    .header {padding:0;}
    .nav {margin:0; padding:0; border-radius:0;}
    .main-sell .main-sell-item {height:240px;}
    .header .tel {left:0;}  
}

@media screen and (max-width: 635px) {
    .placas-logo img {width:220px; display:block;}
    .header .tel a {font-size:2em!important;}
    .header .tel p {font-size:12px;}
}

@media screen and (max-width: 480px) {
    .main-sell .main-sell-item {height:100px;}
    .social-media .social-item {height:125px;}
    .header h1 {width:200px; height:auto;}
    .header .tel {position:absolute; z-index:65000000; top:-9px;}
    .header .tel a {font-size:2.5em!important;}
    .header .tel p {font-size:14px;}
    .header .mobile-shrink {display:block; height:100px; overflow:hidden;}
    .divider {margin:1em 0;}
    .home-form h1 {padding:0;}
    .figuras h2 {font-size:1.5em;}
    .inner-content .antihumedad-item {min-height:280px;}
    #main-scroller-1, #main-scroller-2, #main-scroller-3 {padding:15px; height:240px;}
    .placas-logo img {width:300px!important; display:block;}
}

/* --- Form loading --- */

.form-loading {
	background: url('../img/form-loading.gif') no-repeat right 10px center #FFF;
}