@charset "UTF-8";

/* CSS Document */

@import url(http://fonts.googleapis.com/css?family=Open+Sans:300,400,700|Amatic+SC:700,400);

body {
    margin: 0 auto;
    background:#f18a22;
}

p{
	font-family: 'Open Sans', sans-serif;
	font-size: 15px;
    font-weight:300;
    line-height:22px;
    margin: 0;
}

p.contactt{
    	font-family: 'Amatic SC', cursive;
	font-size: 28px;
    font-weight:700;
    line-height:32px;
}

h1{
	font-family: 'Amatic SC', cursive;
	font-size: 55px;
    font-weight:700;
    margin:0;
    line-height:48px;
}

h1.quote{
	font-size: 35px;
    line-height:40px;
}



h2{
	font-family: 'Amatic SC', cursive;
    color:#777c81;
    font-size: 25px;
    font-weight:300;
    margin:0;
}

h3{
	font-family: 'Open Sans', sans-serif;
    color:#777c81;
    font-size: 22px;
    font-weight:300;
    margin:0;
}

h4{
	font-family: 'Open Sans', sans-serif;
    color:#ffffff;
    font-size: 20px;
    font-weight:700;
    margin:0;
}

h5{
	font-family: 'Open Sans', sans-serif;
    color:#ffffff;
    font-size: 35px;
    font-weight:900;
    margin:0;
}

h6{
	font-family: 'Open Sans', sans-serif;
    font-size: 11px;
    font-weight:700;
    margin:0;
}

.tsmall{
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
    font-weight:300;
}

.alignc{
    text-align:center;
}

.alignr{
    text-align:right;
}

.tred{
    color: #cb1515;
}

.twhite{
    color: #ffffff;
}

.tblue{
    color:#008fd4;
}

.torange{
    color:#f18a22;
}

.tindigo{
    color:#002b5f;
}

.tsmall{
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
    color:#777c81;
    font-weight:300;
    line-height:18px;
}

.tmedium{
    font-family: 'Open Sans', sans-serif;
	font-size: 17px;
    color:#777c81;
    font-weight:300;
    line-height:22px;
}


/* Menu */

#header{
    width: 960px;
    margin: 0 auto;
    position: relative;
    z-index: 9999;
    margin-top: -16px;
}

ul, ol{
    list-style:none;
}

.nav li{
    margin-top:0px;
    float:left;
    z-index: 9999;
}

.nav li a{
    font-family: 'Open Sans', sans-serif;
    font-size:14px;;
    font-weight:600;
    font-style: italic;
	color: #ffffff;
    text-decoration:none;
    padding:60px 40px 0 0;
    display:block;
    -webkit-transition:color 0.4s ease-in;
	-moz-transition:color 0.4s ease-in;
	-o-transition:color 0.4s ease-in;
}

.nav li a:hover{
    color: #ed1c24;    
}

.nav li a:active{
    color: #ed1c24;   
}

.logo {
    margin-right: 60px;
    margin-top: -38px;
}










a {
    font-family: 'Amatic SC', cursive;
    font-size:30px;;
    font-weight:700;
    line-height:38px;
	color: #f18a22;
    text-decoration:none;
    -webkit-transition:color 0.4s ease-in;
	-moz-transition:color 0.4s ease-in;
	-o-transition:color 0.4s ease-in;
}

a:hover{
    color: #ffffff;
    text-decoration:none;
}




/* ID Boxes */

#boxFull {
	margin: 0 auto;
    width: 100%;
}

#boxFullL {
	margin: 0 auto;
    width: 100%;
    float: left;
}

#boxWrapper {
    width: 960px;
    margin: 0 auto;
}

#boxWrapperL {
    width: 960px;
    margin: 0 auto;
    float:left;
}

#boxContainer {
    width: 852px;
    margin: 0 auto;
}

#boxTitS{
    width: 100%;
    margin: 0 auto;
    position: absolute;
    margin-top: 250px;
    text-align: center;
}

#box567 {
    width: 567px;
    margin: 0 auto;
    float:left;
}

#box285 {
    width: 285px;
    margin: 0 auto;
    float:left;
}

#box284 {
    width: 284px;
    margin: 0 auto;
    float:left;
}

#box426 {
    width: 426px;
    margin: 0 auto;
    float:left;
}

#boxFint {
    width: 213px;
    margin: 0 auto;
    float:left;
}

#box960{
    width: 960px;
    margin: 0 auto;
    float:left;
}

#box640 {
    width: 640px;
    margin: 0 auto;
    float:left;
}


#box600 {
    width: 600px;
    margin: 0 auto;
    float:left;
}

#box480 {
    width: 480px;
    margin: 0 auto;
    float:left;
}

#box360 {
    width: 360px;
    margin: 0 auto;
    float:left;
}

#box320 {
    width: 320px;
    margin: 0 auto;
    float:left;
}

#box320c {
    width: 320px;
    margin: 0 auto;
}

#box160 {
    width: 160px;
    margin: 0 auto;
    float:left;
}

#box180 {
    width: 180px;
    margin: 0 auto;
    float:left;
}

#box200 {
    width: 200px;
    margin: 0 auto;
    float:left;
}



/* Styles */

.menu{
	background: url(../images/back-menu.jpg) no-repeat center;
    height:593px;
}


.home-slider{
	background: url(../images/slider-home.jpg) no-repeat center;
    height:597px;
}

.home-video{
	background: url(../images/video.jpg) no-repeat center;
    height:443px;
}

.home-grunge{
	background: url(../images/grunge-texture.jpg) no-repeat center;
    height:563px;
}

.home-grungeT{
	background: url(../images/grunge-texture2.jpg) no-repeat center;
    height:650px;
}

.nos-slider{
	background: url(../images/slider-nosotros.jpg) no-repeat center;
    height:597px;
}

.nos-vintage{
	background: url(../images/vintage-texture.jpg) no-repeat center;
    height:441px;
}

.serv-slider{
	background: url(../images/slider-servicios.jpg) no-repeat center;
    height:597px;
}

.serv-grungser{
	background: url(../images/back-servicios-grunge.jpg) no-repeat center;
    height:443px;
}

.serv-vintageserv{
	background: url(../images/vintage-servicios.jpg) no-repeat center;
    height:490px;
}

.hcomposicion{
    position: absolute;
    margin-top: 60px;
    margin-left: 80px;
}

.htejidos{
    position: absolute;
    margin-top: 60px;
    margin-left: 375px;
}

.hproductos{
    position: absolute;
    margin-top: 60px;
    margin-left: 660px;
}

.cat-slider{
	background: url(../images/slider-catalogo.jpg) no-repeat center;
    height:597px;
}


.contact-slider{
	background: url(../images/slider-contacto.jpg) no-repeat center;
    height:597px;
}

.backform-cont{
	background: url(../images/back-piel-contacto.jpg) no-repeat center;
    height:537px;
}



.v1{
    position: absolute;
    margin-top: 350px;
    margin-left: 80px;
}

.v2{
    position: absolute;
    margin-top: 350px;
    margin-left: 380px;
}

.v3{
    position: absolute;
    margin-top: 350px;
    margin-left: 650px;
}

.footer{
	background: url(../images/background-footer.jpg) no-repeat center;
    height:282px;
}

.logo{
    margin-top: 105px;
    margin-left: 73px;
}

.flecha{
    margin-top: 230px;
    margin-left: -60px;
    position: absolute;
}

.mhome{
    position: absolute;
    margin-top: 254px;
    margin-left: -310px;
}

.mnosotros{
    position: absolute;
    margin-top: 254px;
    margin-left: -180px;
}

.mservicios{
    position: absolute;
    margin-top: 288px;
    margin-left: -180px;
}

.mcatalogo{
    position: absolute;
    margin-top: 334px;
    margin-left: -310px;
}

.mcontacto{
    position: absolute;
    margin-top: 340px;
    margin-left: -150px;
}

.mfacebook{
    position: absolute;
    margin-top: 340px;
    margin-left: -105px;
}

.mtwitter{
    position: absolute;
    margin-top: 382px;
    margin-left: -105px;
}

.fhome{
    position: absolute;
    margin-top: 110px;
    margin-left: 455px;
}

.fnosotros{
    position: absolute;
    margin-top: 110px;
    margin-left: 595px;
}

.fservicios{
    position: absolute;
    margin-top: 140px;
    margin-left: 595px;
}

.fcatalogo{
    position: absolute;
    margin-top: 97px;
    margin-left: 715px;
}

.fcontacto{
    position: absolute;
    margin-top: 110px;
    margin-left: 845px;
}

.fface{
    position: absolute;
    margin-top: 110px;
    margin-left: 880px;
}

.fyoutube{
    position: absolute;
    margin-top: 147px;
    margin-left: 880px;
}



.jeans{
    position: absolute;
    margin-top: 225px;
    margin-left: 73px;
}

.jeans2{
    position: absolute;
    margin-top: 145px;
    margin-left: 0px;
}

.bwhite-s1{
	background:#ffffff;
    height:274px;
}

.bwhite-s2{
	background:#ffffff;
    height:548px;
}

.bred-s2{
	background:#ff001d;
    height:548px;
}

.byellow-s3{
	background:#f9a61b;
    height:274px;
}

.bwhite-s4{
	background:#ffffff;
    height:595px;
}

.byellow-s2-us{
	background:#f9a61b;
    height:548px;
}

.bred-s4-us{
	background:#ff001d;
    height:226px;
}

.byellow-s4-us{
	background:#f9a61b;
    height:226px;
}

.byellow-s1-contact{
	background:#f9a61b;
    height:274px;
}

.back-registro{
    background: url(../images/back-registro.jpg) no-repeat center;
    height:274px;
}

.slide-us{
    background: url(../images/slider-principal-us.jpg) no-repeat center;
    height:686px;
}

.slide-serv{
    background: url(../images/slider-principal-servicios.jpg) no-repeat center;
    height:686px;
}

.slide-contacto{
    background: url(../images/slider-principal-contacto.jpg) no-repeat center;
    height:686px;
}



.bwhite-us-s4{
	background:#ffffff;
    height:485px;
}

.bwhite-us-s5{
	background:#ffffff;
    height:500px;
}


.bred-s2-serv{
	background:#ff001d;
    height:548px;
}

.bwhite-s2-serv{
	background:#ffffff;
    height:548px;
}

.back-serv-R{
    background: url(../images/back-serv-resalte.jpg) no-repeat center;
    height:274px;
}

.bwhite-serv-s5{
	background:#ffffff;
    height:650px;
}


.back-map{
    height:350px;
    background: #ffffff;
}


.llaveImg{
    position: absolute;
    margin-top: 200px;
    margin-left: -60px
}

.timbreImg{
    position: absolute;
    margin-top: 190px;
    margin-left: 530px
}

.Gup{
    position: absolute;
    margin-top: 50px;
    margin-left: 25px
}

.Gdown{
    position: absolute;
    margin-top: 90px;
    margin-left: 25px
}



/******************************
Tab styles
*******************************/
.etabs { 
    margin: 0; 
    padding: 0; 
}

 .tab { 
    display: inline-block; 
    zoom:1; 
    *display:inline; 
}

.tab ul, ol{
    list-style:none;
}

.tab a { 
    text-decoration:none;
}

.tab a:hover { 
    text-decoration: none;
}

.tab.active { 
    position: relative;
}

.tab a.active { 
    font-weight: bold; 
}

.tab-container .panel-container { 
    padding: 0px;   
}

.panel-container { 

    bottom:50px;
}


.mhetabs{
    min-height: 603px;
}



/* Margenes */


/* Margin Left */
.L10{
    margin-left:10px;
}
.L20{
    margin-left:20px;
}

.L40{
    margin-left:40px;
}

.L50{
    margin-left:50px;
}

.L60{
    margin-left:60px;
}


.L-30{
    margin-left:-30px;
    margin-right: 30px;
}

.L80{
    margin-left:80px;
}

.L120{
    margin-left:120px;
}

.-LF{
    margin-left: -27px;
}

.LmF{
    margin-left: 117px;
}

/* Margin Right */

.R20{
    margin-right:20px;
}

.R40{
    margin-right:40px;
}

/* Margin Top */

.T10{
    margin-top:10px;
}

.T15{
    margin-top:15px;
}

.T20{
    margin-top:20px;
}

.T26{
    margin-top:26px;
}

.T30{
    margin-top:30px;
}

.T40{
    margin-top:40px;
}

.T50{
    margin-top:50px;
}

.T60{
    margin-top:55px;
}

.T70{
    margin-top:70px;
}

.T60R{
    margin-top:65px;
}

.T70{
    margin-top:70px;
}

.T75{
    margin-top:75px;
}


.T80{
    margin-top:80px;
}

.T85{
    margin-top:87px;
}

.T90{
    margin-top:90px;
}

.T100{
    margin-top:100px;
}

.T110{
    margin-top:110px;
}

.T120{
    margin-top:120px;
}

.T130{
    margin-top:130px;
}

.T150{
    margin-top:150px;
}

.T160{
    margin-top:160px;
}

.T170{
    margin-top:170px;
}

.T180{
    margin-top:180px;
}

.T200{
    margin-top:200px;
}

.T210{
    margin-top:210px;
}

.T220{
    margin-top:220px;
}

.T400{
    margin-top:400px;
}

.T-50{
    margin-top:-50px;
}
.T-120{
    margin-top:-120px;
}

/* Margin Bottom */

.B20{
    margin-bottom:40px;
}

/* Padding Top */

.pT20{
    padding-top:20px;
}

.pT40{
    padding-top:40px;
}

.pT50{
    padding-top:50px;
}

.pT60{
    padding-top:60px;
}

.pT70{
    padding-top:70px;
}

.pT80{
    padding-top:80px;
}

.pT100{
    padding-top:100px;
}

.pT120{
    padding-top:120px;
}

.pT130{
    padding-top:130px;
}

.pT150{
    padding-top:150px;
}

.pT170{
    padding-top:170px;
}

.pT180{
    padding-top:180px;
}

.pT200{
    padding-top:200px;
}

.pT220{
    padding-top:220px;
}

.pT230{
    padding-top:228px;
}

.pT250{
    padding-top:250px;
}

.pTCo{
    padding-top:63px;
}

.pU{
    padding:0 50px 0 50px;
}

.pR50{
    padding-right:50px; 
}

.pL50{
    padding-left:50px; 
}

.pLline{
    padding-left:30px; 
}

.pLf{
    padding-left: 25px;
}

.pRf{
    padding-right: 25px;
}

/* especial */

.Serv-concept{
    margin-left:90px;
}

.pL120d2{
    padding:200px 0 0 120px;
}

.pL100d2{
    padding:140px 0 0 120px;
}

.pLfooter{
    padding-left:112px;
}

.pL240{
    padding-left:240px;
}

.pRS{
    padding-right:40px;
}

.pRC{
    padding-right:120px;
}

.pBco{
    padding-bottom:80px;
}

.pT-Co{
    margin-top:-1px;
}

.pLFC{
    padding-left:40px;
    padding-right:90px;
    margin-top: 100px;
}