@import url("mail.css");
html, body, div, h1, h2, h3, h4, h5, h6, ul, li, ol, p, form, dd, dl, dt, label, fieldset, legend{margin:0;padding:0;list-style:none;font-weight:normal;}
body{margin:0;font:12px/15px Arial, Helvetica, sans-serif;overflow:hidden;overflow-y:visible; background:#000000;}
img{border:0;}
a{text-decoration:none;color:#0000CC;outline:none;}
a:hover{text-decoration:underline;}
a:focus{text-decoration:none;outline:none;}
input, select, textarea{font:12px Arial, Helvetica, sans-serif;}
textarea{resize:none;}
fieldset{border:0 none;}
legend{display:none;}
html, .ui-page{ background:#000000;}

.ui-mobile [data-role="page"], .ui-mobile [data-role="dialog"], .ui-page {
	width:100% !important;}

/*FIXES UTILES*/
.dupfix{float:left;width:1px;height:0px;line-height:0px;visibility:hidden;}
ul,ol{position:relative;}
.pngfix{behavior:url(iepngfix.htc);}

/*CLEARFIX*/
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{display:inline-block;}
* html .clearfix{height:1%;}
.clearfix{display:block;}

.ui-content{padding:0;}
/*.ui-page{position:relative;}*/
.ui-header .ui-btn-left{display:none;}

/*fonts*/
@font-face {
	font-family: 'SquadFont';
    src: url('../fonts/american-webfont.eot');
    src: url('../fonts/american-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/american-webfont.woff') format('woff'),
         url('../fonts/american-webfont.ttf') format('truetype'),
         url('../fonts/american-webfont.svg#AmerTypeMdBTMedium') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*hd*/
.ui-header{background: none repeat scroll 0 0 #000000;}
.ui-header .ui-btn-left span{display:none;text-shadow:none;}
.ui-header ul{width:200px;margin:0 auto;padding:0;}
.ui-header li{width:40px;height:40px;margin:0;padding:0;float:left;}
.ui-header li a{width:40px;height:40px;margin:0;padding:0;background:url(../img/btn_gral.png) 0 0 no-repeat;border-radius:0;border:0 none;display:block;}
.ui-header li .Proyectos{cursor:pointer;width:40px;height:40px;margin:0;padding:0;background:url(../img/btn_gral.png) 0 0 no-repeat;border-radius:0;border:0 none;display:block;}
.ui-header li a:hover{border:0 none;}
.ui-header li a span{display:none;}
.ui-header li .Proyectos span{display:none;}
.ui-header .btn1 a{background-position:0 0;}
.ui-header .btn1 a:hover{background-position:0 -40px;}
.ui-header .btn1 .Act{background-position:0 -40px;}
.ui-header .btn2 a{background-position:0 -80px;}
.ui-header .btn2 a:hover{background-position:0 -120px;}
.ui-header .btn2 .Act{background-position:0 -120px;}
.ui-header .btn3 .Proyectos{background-position:0 -160px;}
.ui-header .btn4 a{background-position:0 -240px;}
.ui-header .btn4 a:hover{background-position:0 -280px;}
.ui-header .btn4 .Act{background-position:0 -280px;}
.ui-header .btn5 a{background-position:0 -320px;}
.ui-header .btn5 a:hover{background-position:0 -360px;}
.ui-header .btn5 .Act{background-position:0 -360px;}

.footer{background:#000;min-height:102px;border:0 none;}
.footer .mapa{height:243px;display:none;overflow:hidden;}
#contacto .footer .icMap{
	background-image: url("../img/logo_color.png");
	background-repeat: no-repeat;
	background-attachment:scroll;
	background-position: 0 0 ;
	background-color:transparent;}
.footer .icMap{
	 background-attachment: scroll;
    background-clip: border-box;
    background-color: transparent;
    background-image: url("../img/logo_transparente.png");
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: contain !important;
    height: 67px;
    left: 0;
    margin: 0;
    position: absolute;
    top: -2px;
    width: 105px;
    z-index: 10;}
http://player.vimeo.com/video/43668586?title=0&byline=0&portrait=0&color=c9ff23.footer .icMap span{display:none;}
.footer .footerCont{padding:16px 0 31px;position:relative;}
.footer h4{width:250px;margin:0 auto;text-align:center;font:bold 11px/13px SquadFont;color: #3C9AA4;text-shadow:none;}
.footer h4 span{color:#76DFB5;padding:0;display:inline;cursor:pointer;width:auto;height:auto;text-align:left;text-decoration:underline;font:normal 11px/13px Georgia;text-shadow:0 0 0 none;}
.footer p{width:250px;margin:0 auto;text-align:center;padding:12px 0 5px 0;font:normal 12px/12px SquadFont;color: #3C9AA4;text-shadow:none;}
.footer span{display:block;width:250px;text-align:center;margin:0 auto;padding:0;font:normal 23px/23px SquadFont;color:#000;text-shadow:none;}
.footer span a{color:#000;font-weight:normal;border-radius:0;border:0 none;display:block;width:auto;height:auto;text-align:left;display:inline;background:none;text-shadow:none;padding:0;text-decoration:none;}
.footer span a:hover{color:#fff;}
.footer a:focus{color:#fff;}
.footer a:visited{color:#fff;}

.play{
	background: url("../img/playA.png") no-repeat scroll center center transparent;
    height: 55px;
    left: 0px;
    position: absolute;
    top: 25%;
    width: 100%;}
.leftArrow{
	background: url("../img/leftArrow.png") no-repeat scroll center center transparent;
	height:58px;
	width:28px;
	position:absolute;
	top:25%;
	left:5px;}
.rightArrow{
	background: url("../img/rightArrow.png") no-repeat scroll center center transparent;
	height:58px;
	width:28px;
	position:absolute;
	top:25%;
	left:93%;}
/*portrait*/
@media all and (orientation: portrait) {  
	.footer .mapa{height:143px;}
} 
	
/*Porfolio*/
.porfolio{overflow:hidden;display:none;position:relative;}
.porfolio .verMas{
	 background: url('../img/info.png') no-repeat scroll 0 0 transparent;
	 text-indent:-5000px;
    height: 22px;
    left: 0;
    padding: 10px;
    position: relative;
    top: 0;
    width: 23px;
    z-index: 8;}
.porfolio .controlsPortfolio{ 
	bottom: 0;
    height: 42px;
    left: 0;
    margin: 0;
    position: relative;
    width: 100%;
	 background: url("../img/ft/fd_ftNegro.gif") repeat scroll 0 0 transparent;}
.porfolio ul{position:absolute;width:3360px;}
.porfolio li{float:left;position:relative;width:480px;}
.porfolio li .porfolioTop{width:480px;height:193px;overflow:hidden;}
.porfolio li .porfolioTop .liTop{height:143px;padding:50px 0 0;background:url(../img/porfolio/fd_over.png) 0 0 repeat;width:480px;position:absolute;z-index:5;display:none;}
.porfolio li .porfolioTop .liTop p{font-family:SquadFont;font-weight:bold;font-size:30px;color:#000;text-align:center;width:245px;margin:0 auto;text-transform:uppercase;padding:0 0 16px;}
.porfolio li .porfolioTop .liTop .liTopA{color:#fff;background:#000;display:block;padding:4px 0 7px;text-align:center;width:103px;margin:0 auto;font:normal 11px/11px Georgia;text-shadow:0 0;cursor:pointer;}
.porfolio li .porfolioTop .liBottom{height:193px;width:480px;position:absolute;}
.porfolio li .porfolioBottom{width:480px;background:#000000 0 0 repeat; display:none; position:absolute;top:0;left:0;opacity:0.7;}
.porfolio li .porfolioBottom .porfolioBottomCont{position: relative; top: -29px;   text-align: center;}
.porfolio li .porfolioBottom .porfolioBottomCont h3{font-size:15px;color:#FFFFFF;;font-family:SquadFont;font-weight:normal;text-transform:uppercase;text-shadow: none;padding:0 0 9px; text-align:center;}
.porfolio li .porfolioBottom .porfolioBottomCont p{font:normal 11px/15px Lucida Grande ;color:#000;text-shadow:0 0;padding:0 0 14px;}
.porfolio li .porfolioBottom .porfolioBottomCont span{display:block;font:normal 9px Lucida Grande;color:#FFF;text-shadow:0 0;}
.porfolio li .porfolioBottom .porfolioBottomCont span span{color:#02b99c;text-shadow:0 0;display:inline-block;}

/*portrait*/
@media all and (orientation: portrait) {  
    .porfolio{width:320px;}
    .porfolio ul{width:2240px;}
    .porfolio li{width:320px;}
    .porfolio li .porfolioTop{width:320px;}
    .porfolio li .porfolioTop .liTop{width:320px;}
    .porfolio li .porfolioTop .liBottom{width:320px;overflow:hidden;}
    .porfolio li .porfolioBottom{width:320px;}  
}  

/*home*/
#home .cont{
	background-attachment: scroll;
    background-clip: border-box;
    background-color: #000000;
    background-image: url("../img/bg.jpg");
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: cover;
    height: 313px;
    padding: 51px 0 0;
	}
#home .cont h1{
	 background-attachment: scroll;
    background-clip: border-box;
    background-color: transparent;
    background-image: url("../img/chango1.png");
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: cover;
    height: 128px;
    margin: 0 auto;
    width: 104px;}
#home .cont h1 span{display:none;}
#home .cont p{font:normal 20px/26px SquadFont;color:#fff;text-transform:uppercase;text-align:center;text-shadow:0 0 0 #fff;padding:40px 0 0;}
#home .cont span{font-family:SquadFont;font-weight:bold;}

#home .footer span{color:#3C9AA4 !important;font-weight:normal;}
#home .footer span a{color:#000;}
#home .footer span a:hover{color:#000;}

/*servicios*/
#servicios .cont{}
#servicios .aed{ height: 200px;
    padding: 50px 0 0;
				background-attachment: scroll;
    background-clip: border-box;
    background-color: #000000;
    background-image: url("../img/bg2.jpg");
    background-origin: padding-box;
    background-position: 0 bottom;
    background-repeat: repeat;
    background-size: cover;}
#servicios .aed h1{
	 background-attachment: scroll;
    background-clip: border-box;
    background-color: transparent;
    background-image: url("../img/mono2.png");
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: cover;
    height: 90px;
    margin: 0 auto;
    width: 92px;}
#servicios .aed h1 span{display:none;}
#servicios .cont .top{border-bottom:1px solid #c6c6c6;padding:14px 22px 0;background: none repeat scroll 0 0 #3C9AA4;}
#servicios .cont .top h2{font:bold 22px/26px SquadFont;color:#FFFFFF; text-shadow:none !important; text-transform:uppercase;}
#servicios .cont .top ul{padding:17px 0 31px;width:386px;margin:0 auto;}
#servicios .cont .top li{width:74px;height:74px;padding:0 0 0 0;float:left;position:relative; margin-bottom:27px;}
#servicios .cont .top li .cvIc{width:86px;height:86px;position:absolute;bottom:-2px;left:-7px;background:url(../img/circleover.png) 0 0 no-repeat;display:none;}
#servicios .cont .top .ic1 .icBtn{background:url(../img/creatividad.png) 0 0 no-repeat;}
#servicios .cont .top .ic2 .icBtn{background:url(../img/btl.png) 0 0 no-repeat;}
#servicios .cont .top .ic3 .icBtn{background:url(../img/digital.png) 0 0 no-repeat;}
#servicios .cont .top .ic4 .icBtn{background:url(../img/interactivas.png) 0 0 no-repeat;}
#servicios .cont .top .last{padding:0;}
#servicios .cont .top li .icBtn{display:block;width:74px;height:74px;cursor:pointer;}
#servicios .cont .top li .icBtn span{display:none;}
#servicios .cont .top .hacemosData{padding:0 0 20px;display:none;}
#servicios .cont .top .hacemosData h4{font:normal 12px/12px SquadFont;color:#000;text-transform:uppercase;text-shadow: none;}
#servicios .cont .top .hacemosData p{color: #FFFFFF;
    font: 11px/16px Lucida Grande;
    padding: 6px 0 0;
    text-shadow: none;}
#servicios .cont .bottom{border-top:1px solid #fff;padding:0 22px;background:none 0 0 repeat;}
#servicios .cont .bottom ul{padding-bottom:40px;}
#servicios .cont .bottom li{padding:20px 0;background:url(../img/hacemos/fd_li.gif)left bottom repeat-x;font:normal 12px/12px Lucida "Lucida Sans Unicode", "Lucida Grande", sans-serif;color:#000;text-transform:uppercase;}
#servicios .cont .bottom .last{background:none;}


#servicios .footer{background:#ffffff;}
#servicios .footer .icMap{background:url(../img/logo_color.png) 0 0 no-repeat;}
#servicios .footer h4{color:#3C9AA4;}
#servicios .footer h4 span{color:#3C9AA4;}
#servicios .footer p{color:#3C9AA4;}
#servicios .footer span{color:#3C9AA4;}
#servicios .footer span a{color:#3C9AA4;}
#servicios .footer span a:hover{color:#3C9AA4;}


/*nosotros*/

#nosotros .cont ul {
    margin: 0 auto;
    padding: 17px 0 31px;
    width: 386px;
}
#nosotros .cont li {
    float: left;
    height: 74px;
    margin-bottom: 27px;
    padding: 0 27px 0 0;
    position: relative;
    width: 74px;
}
#nosotros .cont li .icBtn span {
    display: none;
}
#nosotros .cont .icA .icBtn {
    background: url("../img/nosotros/photo01.jpg") no-repeat scroll 0 0 transparent;
}
#nosotros .cont li .icBtn {
    cursor: pointer;
    display: block;
    height: 74px;
    width: 74px;
}
#nosotros .cont .ic0 .icBtn {
    background: url("../img/nosotros/photo02.jpg") no-repeat scroll 0 0 transparent;
}
#nosotros .cont li .icBtn {
    cursor: pointer;
    display: block;
    height: 74px;
    width: 74px;
}

#nosotros .cont .ic1 .icBtn {
    background: url("../img/nosotros/photo03.jpg") no-repeat scroll 0 0 transparent;
}
#nosotros .cont li .icBtn {
    cursor: pointer;
    display: block;
    height: 74px;
    width: 74px;
}
#nosotros .cont .ic2 .icBtn {
    background: url("../img/nosotros/photo04.jpg") no-repeat scroll 0 0 transparent;
}
#nosotros .cont li .icBtn {
    cursor: pointer;
    display: block;
    height: 74px;
    width: 74px;
}
#nosotros .cont .ic3 .icBtn {
    background: url("../img/nosotros/photo05.jpg") no-repeat scroll 0 0 transparent;
}
#nosotros .cont li .icBtn {
    cursor: pointer;
    display: block;
    height: 74px;
    width: 74px;
}
#nosotros .cont  .ic4 .icBtn {
    background: url("../img/nosotros/photo06.jpg") no-repeat scroll 0 0 transparent;
}
#nosotros .cont  li .icBtn {
    cursor: pointer;
    display: block;
    height: 100px;
    width: 100px;
}
#nosotros .aed{
	 background-attachment: scroll;
    background-clip: border-box;
    background-color: #000000;
    background-image: url("../img/bg4.png");
    background-origin: padding-box;
    background-position: 0 bottom;
    background-repeat: repeat;
    background-size: cover;
    height: 200px;
    padding: 50px 0 0;}
#nosotros .aed h1{
	 background-attachment: scroll;
    background-clip: border-box;
    background-color: transparent;
    background-image: url("../img/chango4.png");
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: contain;
    height: 160px;
    margin: 30px auto 0;
    width: 114px;}
#nosotros .aed h1 span{display:none;}
#nosotros .cont{background: none repeat scroll 0 0 #FFFFFF; padding:14px 22px 53px;}
#nosotros .cont h2{font:bold 22px/26px SquadFont;color:#3C9AA4; text-shadow: none !important; text-transform:uppercase;}
#nosotros .cont .img{padding:17px 0 3px;text-align:center;}
#nosotros .cont p{font:normal 11px/15px Georgia;color:#636363;}

/* nosotros footer*/
#nosotros .footer{background:url(../img/ft/fd_ftNegro.gif) 0 0 repeat;}
#nosotros .footer .icMap{background:url(../img/logo.png) 0 0 no-repeat;}
#nosotros .footer h4{color:#fff;}
#nosotros .footer h4 span{color:#fff;}
#nosotros .footer p{color:#fff;}
#nosotros .footer span{color:#fff;}
#nosotros .footer span a{color:#fff;}
#nosotros .footer span a:hover{color:#fff;}

/*contacto*/
#contacto .cont{}
#contacto input[type="submit"]{
	    background: url("../img/contacto/btn_enviar.png") no-repeat scroll center #FFFFFF;
    display: block !important;
    float: left;
    left: 5% !important;
    margin: 0;
    opacity: 1;
    position: relative !important;
    width: 90% !important;
	-moz-box-shadow: 0px 0px 3px #000000;
-webkit-box-shadow: 0px 0px 3px #000000 !important;
box-shadow: 0px 0px 3px #000000;
	}
#contacto .btns .ui-btn-text, #contacto .btns .ui-btn-inner{
	}
#contacto .aed{
	background-attachment: scroll;
    background-clip: border-box;
    background-color: #000000;
    background-image: url("../img/bg5.png");
    background-origin: padding-box;
    background-position: 0 center;
    background-repeat: repeat;
    background-size: cover;
    height: 200px;
    padding: 51px 0 0;}
#contacto .aed h1{
	 background-attachment: scroll;
    background-clip: border-box;
    background-color: transparent;
    background-image: url("../img/chango5.png");
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: cover;
    height: 90px;
    margin: 0 auto;
    width: 84px;}
#contacto .aed h1 span{display:none;}
#contacto .cont .top{background:#3C9AA4;padding:14px 22px 30px;border-bottom:1px solid #000;}
#contacto .cont .top h2{font:bold 22px/26px SquadFont;color:#fff;text-transform:uppercase;text-shadow:none !important;padding:0 0 18px;}
#contacto .cont .top .sep{padding:0 0 10px;}
#contacto .cont .top .sep .ui-shadow-inset{border-radius:0;border:1px solid #ccc;}
#contacto .cont .top .sep textarea.ui-input-text{height:100px;  font-family: SquadFont;}
#contacto .cont .top .btns a{display:none;}
#contacto .cont .top .btns #submit{left:0;position:static;width:79px;height:19px;font-size:0; border:0 none;cursor:pointer;opacity:1;-webkit-box-shadow:none;outline:none;}
#contacto .bottom{background:#272727; border-top: 1px solid #3C9AA4;padding:15px 33px;}
#contacto .bottom ul{width:126px;margin:0 auto;}
#contacto .bottom li{float:left;width:30px;padding:0 18px 0 0;}
#contacto .bottom .last{padding:0;}
#contacto .bottom li a{display:block;width:30px;height:30px;background:url(../img/social_media.png) 0 0 no-repeat;}
#contacto .bottom li a span{display:none;}
#contacto .bottom .enl1 a{background-position:0 0;}
#contacto .bottom .enl2 a{background-position:0 -30px;}
#contacto .bottom .enl3 a{background-position:0 -60px;}
#contacto .showContentDialog{font:normal 10px/10px SquadFont;color:#ff002a;padding:0 0 10px 16px;text-shadow:0 0;background:url(../img/contacto/fd_error.gif) 0 0 no-repeat;}
#contacto .loading{font:normal 10px/10px Georgia;color:#fff;padding:0 0 10px 90px;text-shadow:0 0;background:url(../img/contacto/fd_loading.gif) 0 0 no-repeat;}
#contacto .showContentTransition{font:normal 10px/10px Georgia;color:#02b99c;padding:0 0 10px 20px;text-shadow:0 0;background:url(../img/contacto/fd_ok.gif) 0 0 no-repeat;}

#contacto .footer span{color: #3C9AA4;}
#contacto .footer span a{color:#000;}
#contacto .footer span a:hover{color:#000;}

#contacto .ui-btn-corner-al{border-radius:0;display:none;background:none;border:0 none;-webkit-box-shadow:none;outline:none;}
#contacto .ui-btn-inner{display:none;}
#contacto .ui-btn{background:none;border:0;text-align:left;-webkit-box-shadow:none;outline:none;}
#contacto .ui-shadow{box-shadow:0 0 0 rgba(0, 0, 0, 0);-webkit-box-shadow:none;outline:none;}
#contacto .ui-btn-corner-all{border-radius:0;-webkit-box-shadow:none;outline:none;}
#contacto .ui-btn-up-c{text-shadow:0 0;-webkit-box-shadow:none;outline:none;}
#contacto .ui-body-c, #contacto .ui-dialog.ui-overlay-c{text-shadow:0 0;-webkit-box-shadow:none;outline:none;}
.verMapa span{display:none;}
#contacto .ui-header .ui-btn span{display:none;text-shadow:none;}
.ui-body-c input{ font-family:SquadFont !important;}
#elmapa{ 
background-attachment: scroll;
    background-clip: border-box;
    background-color: transparent;
    background-image: url("../img/mapaSquad.jpg");
    background-origin: padding-box;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 243px;
    width: 100%;}
@media only screen 
and (min-device-width : 1000px) 
and (max-device-width : 1480px) {

#home .cont{
	background-attachment: scroll;
    background-clip: border-box;
    background-color: #000000;
    background-image: url("../img/bg_big.jpg");
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: cover;
    height: 400px;
    padding: 51px 0 0;
	}
#servicios .aed{ 
	height: 400px;
    padding: 50px 0 0;
				background-attachment: scroll;
    background-clip: border-box;
    background-color: #000000;
    background-image: url("../img/bg2_big.jpg");
    background-origin: padding-box;
    background-position: 0 bottom;
    background-repeat: repeat;
    background-size: cover;}
#nosotros .aed{
	 background-attachment: scroll;
    background-clip: border-box;
    background-color: #000000;
    background-image: url("../img/bg4_big.png");
    background-origin: padding-box;
    background-position: 0 bottom;
    background-repeat: repeat;
    background-size: cover;
    height: 200px;
    padding: 50px 0 0;}
#contacto .aed{
	background-attachment: scroll;
    background-clip: border-box;
    background-color: #000000;
    background-image: url("../img/bg5_big.png");
    background-origin: padding-box;
    background-position: 0 center;
    background-repeat: repeat;
    background-size: cover;
    height: 200px;
    padding: 51px 0 0;}
}