﻿
/* Hand Crafted by Felippe Dias (felippedias@gmail.com) */

@import url(https://fonts.googleapis.com/css?family=Raleway:500,600);

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, hr, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figure, figcaption, hgroup, menu, footer, header, nav, section, summary, time, mark, audio, video{
border:0 none;
margin:0;
padding:0;
}

article, aside, canvas, figure, figure img, figcaption, hgroup, footer, header, nav, section, audio, video{
display:block;
}

a img{
border:0 none;
}

ol, ul{
list-style:none outside none;
}

html{
background-color:#fff;
}

body{
color:#333;
word-wrap:break-word;
border-top:5px solid #f47721;
font-family:'Raleway',sans-serif;
-webkit-user-select:none;
-moz-user-select:none;
-o-user-select:none;
-ms-user-select:none;
user-select:none;
background:url(../img/background.jpg) repeat-y top left;
background-size:100% auto;
}

h1, h2, h3, h4, h5, h6, em{
color:#333;
font-size:18px;
font-weight:600;
}

a:link, a:visited{
color:#333;
text-decoration:none;
}

a:hover, a:focus, a:active{
color:#f47721;
}

p{
margin-bottom:10px;
line-height:24px;
font-size:14px;
color:#333;
text-align:justify;
}

input, textarea{
font:14px 'Raleway',sans-serif;
height:24px;
padding:3px 7px;
color:#fff;
background:rgba(244,119,33,1);
border:0;
}

.left{
float:left;
}

.right{
float:right;
}

.clear{
clear:both;
}

.clearfix:before,
.clearfix:after{
content:"";
display:table;
}

.clearfix:after{
clear:both;
}

/* Structure */

#container{
box-shadow:0 7px 7px -7px #aaa inset;
padding:0 0 30px 0;
}

#wrapper{
width:1250px;
margin:0 auto;
}

header h1{
float:left;
margin:30px 0 0 30px;
}

header h1 a{
height:70px;
width:355px;
display:block;
background:url(../img/arte1.png) 0 0 no-repeat;
text-indent:-9999px;
}

header ul{
float:right;
margin:40px 20px 0 0;
}

header ul li{
float:left;
margin:0 10px 0 0;
position:relative;
}

header ul li a{
padding:10px 15px;
display:block;
font-weight:600;
font-size:18px;
}

headssser ul li:nth-child(7) a{
height:40px;
width:30px;
margin-top:-10px;
text-indent:-9999px;
background:url(../img/whatsapp.png) 0 0 no-repeat;
}

footer{
background-color:#333;
box-shadow:0 0 7px 3px #aaa;
border-bottom:30px solid #f47721;
}

footer .content{
padding:30px;
width:945px;
margin:0 auto;
position:relative;
}

footer .contacts{
float:left;
color:#fff;
text-align:right;
}

footer .contacts h3{
font-weight:500;
font-size:16px;
border-bottom:1px solid #f47721;
padding:0 15px 10px 15px;
margin:0 0 10px 0;
color:#fff;
}

footer .contacts ul li{
font-size:14px;
padding:4px 15px;
width:365px;
}

footer .contacts ul li a{
color:#fff;
padding:3px;
}

footer .share{
float:left;
margin:-7px 60px 0 60px;
}

footer .share h3{
display:none;
}

footer .share ul li a{
text-indent:-9999px;
height:32px;
width:32px;
display:block;
}

footer .share ul li:nth-child(1) a{ background:url(../img/youtube.png) 0 0 no-repeat; }
footer .share ul li:nth-child(2) a{ background:url(../img/facebook.png) 0 0 no-repeat; margin:5px 0; }
footer .share ul li:nth-child(3) a{ background:url(../img/instagram.png) 0 0 no-repeat; }

/* Overlay (Newsletter | Contact Us | Payment) */

#overlay {
position:absolute;
top:0;
left:0;
z-index:20;
width:100%;
height:100%;
background:#000;
opacity:0.7;
}

#overlay-box{
position:absolute;
top:0;
left:0;
width:100%;
z-index:30;
}

#overlay-box .content{
padding:20px;
}

#overlay-box .content div{
max-width:720px;
margin:0 auto;
background:url('../img/background.gif') repeat;
padding:20px;
position:relative;
}

#overlay-box .content div .btn{
position:absolute;
top:20px;
right:20px;
height:20px;
width:20px;
text-indent:-9999px;
background:url(../img/sprite.png) -150px -150px no-repeat;
}

#overlay-box .content div h2{
padding:0 20px 0 15px;
border-bottom:1px solid #ccc;
margin:10px 0 20px 0;
font-size:1.6em;
}

#overlay-box .content div p{
padding:0 20px;
}

/* Home */

#highlights {
margin:30px 0 0 0;
}

#highlights div h2{
border-bottom:1px solid #aaa;
height:25px;
text-indent:-9999px;
margin:0 0 10px 0;
width:100%;
}

#highlights .facebook{
float:left;
width:500px;
}

#highlights .facebook h2 {
background:url(../img/home/facebook-title.png) 10px 0 no-repeat;
}

#highlights .instagram{
float:right;
width:715px;
}

#highlights .instagram h2{
background:url(../img/home/instagram-title.png) 10px 0 no-repeat;
}

/* Division */

#division{
height:40px;
margin:30px 0 25px 0;
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
position:relative;
}

#division .breadcrumb{
position:absolute;
top:7px;
left:10px;
}

#division .breadcrumb li{
float:left;
margin:4px;
}

#division .breadcrumb li a{
font-weight:600;
padding:7px 0;
}

#division .breadcrumb li h2{
line-height:19px;
color:#f47721;
}

#division .filtering{
position:absolute;
top:11px;
right:10px;
}

#division .filtering a.select{
display:block;
width:200px;
background:url(../img/sprite.png) 151px -209px no-repeat;
cursor:pointer;
font-weight:600;
padding:7px 15px;
}

#division .filtering ul{
position:absolute;
top:37px;
right:0;
display:none;
z-index:10;
}

#division .filtering ul li{
padding:10px 15px;
border-bottom:1px solid #ccc;
width:200px;
background-color:#fff;
cursor:pointer;
font-size:14px;
font-weight:600;
}

#division .filtering ul li:hover{
color:#f47721;
border-bottom:1px solid #f47721;
}

#division a.back{
position:absolute;
top:4px;
right:10px;
font-weight:600;
padding:7px 10px;
}

/* Attractions */

#attractions{
min-height:800px;
padding:0 0 0 2px;
position:relative;
}

.dis-link{
cursor: default;
pointer-events: none;        
text-decoration: none;
}

#attractions .item{
float:left;
display:none;
margin:6px;
}

#attractions .item a{
overflow:hidden;
position:relative;
display:block;
width:400px;
height:267px;
}

#attractions .item a div{
width:100%;
height:100px;
background:rgba(255,255,255,0.80);
position:absolute;
top:225px;
left:0;
}

#attractions .item a div h3{
padding:10px 15px 5px 15px;
}

#attractions .item a div p{
padding:0 15px;
}

/* Performer */

#performer{
position:relative;
min-height:570px;
}

#performer .release{
min-height:267px;
margin:0 0 0 420px;
}

#performer .release h3{
margin:0 0 10px 0;
border-bottom:1px solid #ccc;
padding:0 0 5px 10px;
font-size:1em;
}

#performer .release img, #performer .release iframe{
position:absolute;
top:0;
left:0;
}

#performer .release p{
padding:0 10px;
font-size:14px !important;
}

#performer .release p.indent{
margin-left:-420px;
}

#performer .release p a{
font-weight:600;
color:#f47721;
}

#performer .photo,
#performer .video{
float:left;
clear:left;
}

#performer .photo h3,
#performer .video h3{
margin:15px 0 15px 0;
border-bottom:1px solid #ccc;
padding:0 0 5px 10px;
font-size:1em;
}

#performer .photo ul,
#performer .video ul{
float:left;
padding:0 5px;
}

#performer .photo ul li,
#performer .video ul li{
float:left;
position:relative;
margin:0 7px 7px 7px;
}

#performer .video ul li a{
width:120px;
height:80px;
display:block;
overflow:hidden;
}

#performer .video ul li a img{
margin-top:-5px;
width:120px;
height:90px;
}

#performer .portrait{
margin-left:287px;
min-height:0;
}

/* Portfolio */

#portfolio{
min-height:570px;
}

#portfolio ul li{
float:left;
position:relative;
min-height:292px;
border-bottom:1px solid #ccc;
margin:0 0 25px 0;
}

#portfolio ul li.last{
min-height:267px;
border:none;
margin:0;
}

#portfolio ul li img{
position:absolute;
top:0;
left:0;
}

#portfolio ul li h3{
margin:0 0 10px 420px;
border-bottom:1px solid #ccc;
padding:0 0 5px 10px;
}

#portfolio ul li h3 span{
font-size:14px;
font-weight:normal;
position:absolute;
right:10px;
}

#portfolio ul li p{
margin:0 0 10px 420px;
padding:0 10px;
font-size:14px;
}

#portfolio ul li a{
font-weight:600;
float:left;
margin:5px 0 25px 430px;
display:none;
padding:7px;
color:#f47721;
font-size:14px;
}

#portfolio ul li a:hover{
color:#333;
}

#portfolio ul li a.photo{
display:block;
}

#portfolio ul li a.video{
display:block;
margin:5px 0 25px 20px;
}

/* About */

#about .release{
float:left;
width:770px;
padding:0 0 0 15px;
}

#about img {
max-width:1250px;
width:auto;
height:auto;
margin:-70px 0 -70px 0;
}

#about .release p{
font-size:14px !important;
}

#about .release p a{
font-weight:600;
color:#f47721;
}

#about .services{
width:350px;
background:rgba(255,255,255,0.7);
padding:30px 30px 25px 40px;
float:right;
margin:0 15px 0 0;
}

#about .services p{
margin-bottom:15px;
font-size:16px;
font-weight:600;
}

#about .services ul{
list-style:inside;
}

#about .services ul li{
margin:10px 0;
}

#about .clients{
float:left;
}

#about .clients h3{
margin:15px 0;
border-bottom:1px solid #ccc;
padding:0 0 5px 15px;
font-size:16px;
}

#about .clients ul{
padding:0 10px;
}

#about .clients ul li{
float:left;
margin:8px;
background-color:#fff;
}

#about .clients ul li a{
height:80px;
width:120px;
display:block;
text-indent:-9999px;
}

#about .clients ul li:nth-child(3) a{ background:url(../img/clientes.jpg) 0 0 no-repeat; }
#about .clients ul li:nth-child(6) a{ background:url(../img/clientes.jpg) -120px 0 no-repeat; }
#about .clients ul li:nth-child(47) a{ background:url(../img/clientes.jpg) -240px 0 no-repeat; }
#about .clients ul li:nth-child(48) a{ background:url(../img/clientes.jpg) -360px 0 no-repeat; }
#about .clients ul li:nth-child(13) a{ background:url(../img/clientes.jpg) -480px 0 no-repeat; }
#about .clients ul li:nth-child(52) a{ background:url(../img/clientes.jpg) -600px 0 no-repeat; }
#about .clients ul li:nth-child(15) a{ background:url(../img/clientes.jpg) -720px 0 no-repeat; }
#about .clients ul li:nth-child(38) a{ background:url(../img/clientes.jpg) -840px 0 no-repeat; }
#about .clients ul li:nth-child(7) a{ background:url(../img/clientes.jpg) -960px 0 no-repeat; }
#about .clients ul li:nth-child(28) a{ background:url(../img/clientes.jpg) -1080px 0 no-repeat; }

#about .clients ul li:nth-child(30) a{ background:url(../img/clientes.jpg) 0 -80px no-repeat; }
#about .clients ul li:nth-child(20) a{ background:url(../img/clientes.jpg) -120px -80px no-repeat; }
#about .clients ul li:nth-child(8) a{ background:url(../img/clientes.jpg) -240px -80px no-repeat; }
#about .clients ul li:nth-child(14) a{ background:url(../img/clientes.jpg) -360px -80px no-repeat; }
#about .clients ul li:nth-child(25) a{ background:url(../img/clientes.jpg) -480px -80px no-repeat; }
#about .clients ul li:nth-child(12) a{ background:url(../img/clientes.jpg) -600px -80px no-repeat; }
#about .clients ul li:nth-child(31) a{ background:url(../img/clientes.jpg) -720px -80px no-repeat; }
#about .clients ul li:nth-child(2) a{ background:url(../img/clientes.jpg) -840px -80px no-repeat; }
#about .clients ul li:nth-child(17) a{ background:url(../img/clientes.jpg) -960px -80px no-repeat; }
#about .clients ul li:nth-child(37) a{ background:url(../img/clientes.jpg) -1080px -80px no-repeat; }

#about .clients ul li:nth-child(5) a{ background:url(../img/clientes.jpg) 0 -160px no-repeat; }
#about .clients ul li:nth-child(36) a{ background:url(../img/clientes.jpg) -120px -160px no-repeat; }
#about .clients ul li:nth-child(29) a{ background:url(../img/clientes.jpg) -240px -160px no-repeat; }
#about .clients ul li:nth-child(19) a{ background:url(../img/clientes.jpg) -360px -160px no-repeat; }
#about .clients ul li:nth-child(26) a{ background:url(../img/clientes.jpg) -480px -160px no-repeat; }
#about .clients ul li:nth-child(50) a{ background:url(../img/clientes.jpg) -600px -160px no-repeat; }
#about .clients ul li:nth-child(1) a{ background:url(../img/clientes.jpg) -720px -160px no-repeat; }
#about .clients ul li:nth-child(39) a{ background:url(../img/clientes.jpg) -840px -160px no-repeat; }
#about .clients ul li:nth-child(16) a{ background:url(../img/clientes.jpg) -960px -160px no-repeat; }
#about .clients ul li:nth-child(34) a{ background:url(../img/clientes.jpg) -1080px -160px no-repeat; }

#about .clients ul li:nth-child(18) a{ background:url(../img/clientes.jpg) 0 -240px no-repeat; }
#about .clients ul li:nth-child(32) a{ background:url(../img/clientes.jpg) -120px -240px no-repeat; }
#about .clients ul li:nth-child(40) a{ background:url(../img/clientes.jpg) -240px -240px no-repeat; }
#about .clients ul li:nth-child(45) a{ background:url(../img/clientes.jpg) -360px -240px no-repeat; }
#about .clients ul li:nth-child(9) a{ background:url(../img/clientes.jpg) -480px -240px no-repeat; }
#about .clients ul li:nth-child(24) a{ background:url(../img/clientes.jpg) -600px -240px no-repeat; }
#about .clients ul li:nth-child(33) a{ background:url(../img/clientes.jpg) -720px -240px no-repeat; }
#about .clients ul li:nth-child(43) a{ background:url(../img/clientes.jpg) -840px -240px no-repeat; }
#about .clients ul li:nth-child(44) a{ background:url(../img/clientes.jpg) -960px -240px no-repeat; }
#about .clients ul li:nth-child(11) a{ background:url(../img/clientes.jpg) -1080px -240px no-repeat; }

#about .clients ul li:nth-child(27) a{ background:url(../img/clientes.jpg) 0 -320px no-repeat; }
#about .clients ul li:nth-child(46) a{ background:url(../img/clientes.jpg) -120px -320px no-repeat; }
#about .clients ul li:nth-child(4) a{ background:url(../img/clientes.jpg) -240px -320px no-repeat; }
#about .clients ul li:nth-child(41) a{ background:url(../img/clientes.jpg) -360px -320px no-repeat; }
#about .clients ul li:nth-child(49) a{ background:url(../img/clientes.jpg) -480px -320px no-repeat; }
#about .clients ul li:nth-child(10) a{ background:url(../img/clientes.jpg) -600px -320px no-repeat; }
#about .clients ul li:nth-child(35) a{ background:url(../img/clientes.jpg) -720px -320px no-repeat; }
#about .clients ul li:nth-child(22) a{ background:url(../img/clientes.jpg) -840px -320px no-repeat; }
#about .clients ul li:nth-child(21) a{ background:url(../img/clientes.jpg) -960px -320px no-repeat; }
#about .clients ul li:nth-child(51) a{ background:url(../img/clientes.jpg) -1080px -320px no-repeat; }

#about .clients ul li:nth-child(42) a{ background:url(../img/clientes.jpg) 0 -400px no-repeat; }
#about .clients ul li:nth-child(23) a{ background:url(../img/clientes.jpg) -120px -400px no-repeat; }

#about .partners ul li:nth-child(2) a{ background:url(../img/clientes.jpg) 0 -480px no-repeat; }
#about .partners ul li:nth-child(22) a{ background:url(../img/clientes.jpg) -120px -480px no-repeat; }
#about .partners ul li:nth-child(11) a{ background:url(../img/clientes.jpg) -240px -480px no-repeat; }
#about .partners ul li:nth-child(10) a{ background:url(../img/clientes.jpg) -360px -480px no-repeat; }
#about .partners ul li:nth-child(5) a{ background:url(../img/clientes.jpg) -480px -480px no-repeat; }
#about .partners ul li:nth-child(8) a{ background:url(../img/clientes.jpg) -600px -480px no-repeat; }
#about .partners ul li:nth-child(15) a{ background:url(../img/clientes.jpg) -720px -480px no-repeat; }
#about .partners ul li:nth-child(6) a{ background:url(../img/clientes.jpg) -840px -480px no-repeat; }
#about .partners ul li:nth-child(16) a{ background:url(../img/clientes.jpg) -960px -480px no-repeat; }
#about .partners ul li:nth-child(17) a{ background:url(../img/clientes.jpg) -1080px -480px no-repeat; }

#about .partners ul li:nth-child(4) a{ background:url(../img/clientes.jpg) 0 -560px no-repeat; }
#about .partners ul li:nth-child(23) a{ background:url(../img/clientes.jpg) -120px -560px no-repeat; }
#about .partners ul li:nth-child(13) a{ background:url(../img/clientes.jpg) -240px -560px no-repeat; }
#about .partners ul li:nth-child(19) a{ background:url(../img/clientes.jpg) -360px -560px no-repeat; }
#about .partners ul li:nth-child(1) a{ background:url(../img/clientes.jpg) -480px -560px no-repeat; }
#about .partners ul li:nth-child(9) a{ background:url(../img/clientes.jpg) -600px -560px no-repeat; }
#about .partners ul li:nth-child(7) a{ background:url(../img/clientes.jpg) -720px -560px no-repeat; }
#about .partners ul li:nth-child(14) a{ background:url(../img/clientes.jpg) -840px -560px no-repeat; }
#about .partners ul li:nth-child(3) a{ background:url(../img/clientes.jpg) -960px -560px no-repeat; }
#about .partners ul li:nth-child(24) a{ background:url(../img/clientes.jpg) -1080px -560px no-repeat; }

#about .partners ul li:nth-child(18) a{ background:url(../img/clientes.jpg) 0 -640px no-repeat; }
#about .partners ul li:nth-child(20) a{ background:url(../img/clientes.jpg) -120px -640px no-repeat; }
#about .partners ul li:nth-child(21) a{ background:url(../img/clientes.jpg) -240px -640px no-repeat; }
#about .partners ul li:nth-child(12) a{ background:url(../img/clientes.jpg) -360px -640px no-repeat; }

/* Contact */

#contact .form{
width:800px;
float:left;
}

#contact .form p{
margin:0 0 20px 0;
font-size:14px;
}

#contact div{
width:400px;
float:left;
}

#contact div.large{
width:800px;
}

#contact div input{
width:375px;
margin:5px 0 15px 0;
}

#contact div label{
display:block;
font-size:14px;
}

#contact textarea{
height:255px;
width:775px;
line-height:1.5em;
margin:5px 0 10px 0;
}

#contact input.send{
font-weight:bold;
background:#f47721 none;
width:75px;
height:28px;
cursor:pointer;
margin:0;
}

#contact small{
font-size:0.7em;
height:14px;
position:absolute;
right:2%;
top:0;
color:#dc291e;
}

#contact div.info{
width:380px;
float:right;
background:rgba(255,255,255,0.7);
padding:5px 20px 25px 20px;
}

#contact .info ul li{
font-size:14px;
padding:0 15px 5px 15px;
}

#contact .info ul li.title{
font-weight:600;
margin:10px 0 0 0;
padding:15px 15px 5px 15px;
border-top:1px solid #ccc;
}

#contact .info iframe{
margin:10px 0 0 0;
}

/* Base */

#base {
margin:-7px 0 0 0;
}

#base h2{
font-size:1.9em;
position:relative;
border-bottom:1px solid #ccc;
padding:0 20px;
text-align:right;
}

#base h2 span{
position:absolute;
top:-7px;
font-size:0.43em;
color:#4d2818;
}

#base .content{
margin:25px 20px 0 20px;
position:relative;
}

#base .info{
width:83%;
min-height:300px;
position:relative;
}

#base .info em{
font-size:1.55em;
padding:0 0 10px 0;
display:block;
}

#base .info h3,
#base .info h4{
font-size:1.25em;
padding:10px 0;
}

#base .items{
margin:-10px 0 0 0;
}

#base .items li.last{
border:none !important;
}

/* Products | Corporate Gifts | Portfolio */

.products h2 span{
right:79px;
}

.products .menu{
list-style:url("../img/favicon.png") inside;
padding:10px 0;
float:left;
}

.products .menu li{
width:50%;
float:left;
}

.products .menu li a{
padding:5px 5px 5px 0;
font-size:0.9em;
line-height:2.2em;
}

.products .category{
position:absolute;
top:0;
right:0;
}

.products .category span{
padding:0 5px 0 0;
color:#dc291e;
font-size:0.9em;
}

.products .category a.select{
padding:5px 0 5px 10px;
border:1px solid #ccc;
color:#555;
display:inline-block;
width:170px;
background:url(../img/sprite.png) 151px -209px no-repeat;
cursor:pointer;
font-size:0.8em;
}

.products .category ul{
position:absolute;
top:28px;
right:0;
display:none;
z-index:10;
}

.products .category ul li a{
padding:5px 0 5px 10px;
border:1px solid #ccc;
color:#555;
display:block;
width:170px;
background-color:#fafaf8;
margin:-1px 0 0 0;
font-size:0.8em;
}

.products .category ul li a:hover{
background-color:#4d2818;
color:#fff;
}

.products .items{
min-height:500px;
}

.products .items li{
border-bottom:1px solid #ccc;
}

.products .items li a{
position:relative;
min-height:73px;
margin:20px 0;
display:none;
}

.products .items li a.show{
display:block;
}

.products .items li a.news{
background:url(../img/news.png) top right no-repeat;
}

.products .items li a.updated{
background:url(../img/updated.png) top right no-repeat;
}

.products .items li a img{
border:2px solid #555;
position:absolute;
top:0;
left:0;
height:68px;
width:120px;
border-radius:2px;
}

.products .items li a:hover img{
border:2px solid #dc291e;
}

.products .items li a h3{
margin:0 0 0 140px;
padding:0 !important;
}

.products .items li a p{
margin:0 0 2px 140px;
padding:0 40px 0 0;
}

.products .items li a span{
color:#555;
font-weight:bold;
margin:0 0 0 140px;
font-size:0.8em;
}

.products .items li a:hover span{
color:#dc291e;
}

/* Under Construction */

.under-construction h2 span{
right:122px;
}

/* Page Not Found */

.page-not-found h2 span{
right:107px;
}

/* See Also */

#see-also{
width:130px;
border-left:1px solid #ccc;
padding:15px 0 15px 20px;
position:absolute;
top:0;
right:0;
}

#see-also h4{
font-size:1.1em;
padding:0 0 7px 0;
}

#see-also ul{
padding:0 0 25px 0;
}

#see-also ul li a{
display:block;
font-size:0.75em;
padding:5px 2px;
color:#555;
}

#see-also ul li a:hover{
color:#dc291e;
}

#see-also div{
margin:3px 0 !important;
width:70px !important;
float:left !important;
}

#temlixoplate-a .you{
min-height:270px!important;
}
