li{list-style:none;}
a{text-decoration: none}
.clear{clear:both;}
body{background:rgb(30,30,30);margin:0 auto;
	font-family: "Helvetica"; sans-serif;}
.container{width:100%;margin:0 auto;max-width: 1300px;}
header .container{background:rgb(30,30,30);}
section{overflow:hidden;}
.wrap{background: white;padding:0px 0 1px;width:90%;max-width: 1300px;margin:0 auto;}
.empresa{display:block;float:right;background:rgb(30,30,30);}
.empresa ul, .principal ul{margin:0;padding:0;}
.empresa a{color:rgb(255,255,255) ;color:rgba(255,255,255,.7);font-size: 80%;text-transform:   uppercase; }
.empresa a{display:block;padding:10px 20px;border-right:1px solid rgba(255,255,255,.1);border-left:1px solid rgba(255,255,255,.2);}
.empresa li {float:left;}

.bt_contacto {background:rgb(220,60,140)}

.principal{background:rgb(0,155,220);width:100%;display:block;}
.principal ul{display:block;float:right;border:0px solid gray;height:70px}
.principal li{position:relative;float:left;height:65px;border:0px solid green;margin:-5px 0 0 0;padding:15px 20px 0;
font-size: 80%; text-align: center}

.principal li a{ border:0px solid black;color:rgb(255,255,255) ;color:rgba(255,255,255,.8);text-transform:   uppercase; }
.principal li img{display:block;visibility:hidden;width:auto;
	margin: 0 auto 10px;
height:25px; }

.principal li:hover img{visibility: visible;}
.principal li:hover a{color:rgba(255,255,255,1)}
.principal li.bt_mark:hover {background:rgba(231,139,64,.9);}
.principal li.bt_publi:hover {background:rgba(0,155,220,.9);}
.principal li.bt_img:hover {background:rgba(158,194,58,.9);}
.principal li.bt_proy:hover {background:rgba(174,94,211,.9);}

.logo{position:absolute;top:20px;background:rgb(0,155,220);width:350px;height:100px;padding:20px;z-index:200;
transform:skew(0deg,-10deg);
-ms-transform:skew(0deg,-10deg); /* IE 9 */
-webkit-transform:skew(0deg,-10deg); /* Opera, Chrome, and Safari */}
.logo img{display:block;position:absolute;width:180px;height:auto;margin:20px 0 0 60px;
transform:skew(0deg,10deg);
-ms-transform:skew(0deg,10deg); /* IE 9 */
-webkit-transform:skew(0deg,10deg); /* Opera, Chrome, and Safari */}



.container .slider{white-space: nowrap;}


.slider{position:relative;height:545px;width:100%;background:darkgreen ; overflow:visible;}
.slide{position:absolute}

.bt_right,.bt_left{width:100px;height:100px;position:absolute;z-index:1450;top:200px;opacity:.2;


transition:opacity 1s;
-webkit-transition: opacity 1s}
.bt_right:hover,.bt_left:hover{opacity:1;}
.bt_right{right:10px;}
.bt_left{left:10px}
.muelas{height:20px;width:100%;position:absolute;z-index:500;bottom:-2px;background:url(../images/borde-muelitas.png)repeat-x 0% 101%;}

.slide ul{margin:0;padding:0}

.exp_fon{}

.exp_nin{ position:absolute;width:25%;bottom:0px;
			right:50px;-webkit-animation:myfirst 1s; 
animation:myfirst 1s;}
@-webkit-keyframes myfirst
{ 0%   {bottom:0px;right:-100px;bottom:-100px; width:0%;} }
@keyframes myfirst {
0%   {bottom:0px;right:-100px;bottom:-100px; width:0%;}
}

.exp_gbi{position:absolute;top:220px;left:100px;-webkit-animation:gbi 4s infinite; 
animation:gbi 4s infinite;}
@-webkit-keyframes gbi { 
0%   {opacity:0;/*top:-100px;left:-100px;*/} 
25%   {opacity:1;/*top:-100px;left:-100px;*/} 
50%   {opacity:0;/*top:-100px;left:-100px;*/} 
75%   {opacity:1;/*top:-100px;left:-100px;*/} 
100%   {opacity:0;/*top:-100px;left:-100px;*/} 
}
@keyframes gbi { 
0%   {opacity:0;/*top:-100px;left:-100px;*/} 
25%   {opacity:1;/*top:-100px;left:-100px;*/} 
50%   {opacity:0;/*top:-100px;left:-100px;*/} 
75%   {opacity:1;/*top:-100px;left:-100px;*/} 
100%   {opacity:0;/*top:-100px;left:-100px;*/} 
 }

.exp_tit{position:absolute;top:190px;left:350px;-webkit-animation:explora 1s; 
animation:explora 1s;}
@-webkit-keyframes explora { 70%   {top:200px;left:-1000px;} }
@keyframes explora { 70%   {top:200px;left:-1000px;} }

.exp_txt{position:absolute;top:290px;left:400px;width:450px; height:auto;-webkit-animation:texto 2s; 
animation:texto 2s;}
@-webkit-keyframes texto { 0%   {width:0px;} }
@keyframes texto { 0%   {width:0px;height:0;} }




.imaginamos{position:relative;background:white;height:450px;margin-bottom: 30px}
.imaginamos .meil{position:absolute;top:185px;left:25%;width:8%;height:auto;display:block;}
.imaginamos .imagina{position:absolute;top:185px;left:35%;font-size:180%; font-weight:lighter;}
.imaginamos .mueve{font-weight: 600;}
.imaginamos .icono{position:absolute;top:185px;left:70%;width:6%;height:auto;}

.label .icono {position:absolute;top:5px !important;left:4% !important;}
.label .icono {height:90% !important;}

.mask {position:absolute;top:33px;
	height:60px;width:300px;overflow: hidden;}
.mask.left{left:10%;}
.mask.right{right:9%;}

.servicios{position:relative;height:600px;overflow:hidden;margin:0px auto}
.servicios h1{color:white;position:absolute;font-weight: 400;
	font-size:280%;line-height:90%;top:50px;width:35%;}

.servicios h2{background:white;font-size:110%;color:white;top:3px;
	padding:10px 20px 10px 60px ;border-radius:7px 7px 0 0;position:absolute;font-weight:300;z-index:500;}

.servicios .ranura{position:absolute;}

.servicios h3{font-size:110%;position:absolute;top:195px;width:350px;font-weight:400;}
.servicios .icono{height:70px;position:absolute;}


.marketing{background:rgb(248,181,49) ;}
.marketing .icono{left:6%;top:140px;}

.marketing h1{left:13%;position:relative;top:90px;}
.marketing h1 span{font-weight:600;position:relative;}
.marketing .globo {position:absolute;height: 100%;width:auto;top:-50px;right:0px;}
.marketing h3{color :rgba(16,129,87,1); left:13%;}
.marketing ul{color :rgba(77,57,14,.5);position:absolute;top:270px;left:11.5%;}
.marketing li{list-style: url(../images/li_hand.png);line-height:27px;}
.marketing h2{left:14%;background :rgba(16,129,87,1); }
.marketing .ranura{top:79px;left:6%;}
.marketing .caja{/*transform:rotate(-2deg);position:relative;*/margin-top:30px;position:relative,;}
/*.marketing h1, .marketing ul, .marketing h2, .marketing .ranura, .marketing h3{transform: rotate(-10deg);}*/

.mk_medios{display:block;position:absolute;height:300px;}

.marca{background: rgb(142,195,35) url(../images/pat_granulado.png);}

.marca .icono{left:56%;top:185px;}
.marca .mask{top:46px;}
.marca h1{left:66%;top:125px;/*color:rgba(47,104,176,1)*/}
.marca h1 span{font-weight:600;}
.marca .globo {position:absolute;height: 110%;top:-30px;left:-5%;}
.marca h3 {color :rgba(0,0,0,.4); left:66%;top:315px;}
.marca h2{right:13%;background : rgb(142,195,35);color:white;}/*rgba(255,235,0,1)*/
.marca .ranura{top:91px;right:2%;}
.marca p {color :rgb(30,30,30);position:absolute;top:235px;left:56%;width:30%;}

.ori_carta {display:block;position:absolute;top:100px;left:30px;}
.ori_cd{position:absolute;top:130px;left:360px;}
.ori_tarjeta{position:absolute;top:300px;left:280px;}

.publicidad{background: white;}
.publicidad .icono{top:145px ;left:1%;}

.publicidad .mask{top:55px;left:8%}
.publicidad h1{top:110px ;left:10%;color: rgb(0,155,220);}
.publicidad h1 span{font-weight:600;}
.publicidad .foto_publi {position:absolute;height: 75%;width:auto;bottom:0px;right:-3%;}
.publicidad h3{color :rgba(0,0,0,.4);;top:255px !important;left:10%;}
.publicidad h2{left:10%;background :rgb(0,155,220);color:rgb(255,255,255); }
.publicidad .ranura{top:100px;left:4%;}

.transmedia{background: rgb(174,94,211);}

.transmedia .icono{height:70px;position:absolute;top:160px ;left:47%;}

.transmedia h1{top:100px;left:65%;}
.transmedia h1 span{font-weight:600;}
.transmedia .globo {position:absolute;height: 105%;top:-15px;left:-5%;}
.transmedia h3 {color :rgba(255,255,255,.6); position:absolute;top:245px;left:65%;}
.transmedia h2{right:13%;background :rgba(231,179,64,1);color:rgb(255,255,255); }
.transmedia .ranura{top:81px;right:6%;}

.transmedia p {color :rgb(30,30,30);position:absolute;top:195px;left:63%;width:30%;}

footer {background: black; position:relative;background:rgb(0,155,220);padding:30px;}
footer h3{color: white;margin:40px;}
footer address{color:rgba(255,255,255,.6);margin:30px}
footer img{position:absolute;width:10%;right:10%;top:20%;}


#trigger1{color:black;position:relative;}