/* CSS Document */
/*
cd Proyectos\muca\web2\www\css\scss

sass --watch mucastyle.scss:E:\Proyectos\muca\web2\www\css\mucastyle.css --style compressed
*/
/*$bodyfont: 'Libre Baskerville', serif;*/
/**********************************generic*************************************/
@font-face {
  font-family: 'BebasNeueRegular';
  src: url("../css/fonts/BebasNeue-webfont.eot");
  src: url("../css/fonts/BebasNeue-webfont.eot?#iefix") format("embedded-opentype"), url("../css/fonts/BebasNeue-webfont.woff") format("woff"), url("../css/fonts/BebasNeue-webfont.ttf") format("truetype"), url("../css/fonts/BebasNeue-webfont.svg#BebasNeueRegular") format("svg");
  font-weight: normal;
  font-style: normal;
}
h2, .bigfont {
  font-family: 'BebasNeueRegular', Arial, sans-serif;
  letter-spacing: 0;
  line-height: 1.2;
  font-weight: normal;
}

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

body {
  background-image: url(../img/back.png);
  background-repeat: repeat;
  color: #f4f3e7;
  font-size: 16px;
  line-height: 24px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.wrapper {
  margin: 0 5px;
}

.logo {
  display: block;
  background-image: url(../img/mucatoys-logo.png);
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 300px 81px;
  width: 300px;
  height: 81px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 48px;
  text-indent: -9999px;
}

.logo a {
  display: block;
  width: 300px;
  height: 81px;
}

.header-container {
  width: 300px;
  margin: 0 auto;
  padding-top: 20px;
  /**/
  text-align: justify;
  color: #de0d73;
  margin-bottom: 0px;
}
.header-container a {
  /*font-style:normal;*/
  font-size: 14px;
}
.header-container a:hover {
  text-decoration: underline;
}

.serifont {
  font-family: Georgia, serif;
  font-style: italic;
}

header p, header p a {
  /*font-size:1.1rem;*/
}

.slider {
  /*background-image: url(../img/circulo.png);
  background-repeat: no-repeat;
  background-position: center top;
  background-size:310px 310px;*/
  width: 300px;
  height: 300px;
  margin: 0 auto;
  /*padding:5px 0 0 5px;*/
}

.slider img {
  width: 100%;
}

/*************/
.rslides div {
  display: block;
  height: 300px;
  float: left;
  width: 100%;
  border: 0;
}

.rslides div {
  /*@include rounded(150px);
  background-repeat: no-repeat;
  background-size:300px 300px;*/
}

/* .rslides div img{
 opacity: 0;
filter: alpha(opacity=0);
 }*/
/*.rslides .div1{
background-image: url(../fotos/foto1.jpg);}
.rslides .div2{
background-image: url(../fotos/foto2.jpg);}
.rslides .div3{
background-image: url(../fotos/foto3.jpg);}
.rslides .div4{
background-image: url(../fotos/foto4.jpg);}
.rslides .div5{
background-image: url(../fotos/foto5.jpg);}
.rslides .div6{
background-image: url(../fotos/foto6.jpg);
}*/
/***************/
.main header {
  background-image: url(../img/paisajeperu1.jpg);
  background-repeat: no-repeat;
  background-position: center bottom;
  height: 600px;
  border-bottom-width: 5px;
  border-bottom-style: solid;
  border-bottom-color: #de0d73;
}

.container {
  width: 300px;
  margin: 0 auto;
}

.containerx {
  width: 300px;
  margin: 0 auto;
  clear: both;
}

.info {
  display: block;
  width: 32px;
  margin: 12px auto;
  height: 48px;
  background-image: url(../img/info.png);
  background-repeat: no-repeat;
  background-position: center top;
  text-indent: -9999px;
}

.boxes {
  margin: -210px auto 0 auto;
  width: 300px;
  max-width: 532px;
}

.box {
  background-color: #de0d73;
  background-color: rgba(222, 13, 115, 0.8);
  background: rgba(222, 13, 115, 0.8);
  color: rgba(222, 13, 115, 0.8);
  color: #f4f3e7;
  /*width:90%;
  height:140px;*/
  min-height: 140px;
  padding: 10px;
  margin: 0 0 24px 0;
  font-size: 13px;
  /*float:left;*/
}
.box h2 {
  font-size: 16px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: 24px;
  margin: 0;
  padding: 0;
}
.box h2 + p {
  margin: 0;
}
.box figure {
  display: block;
  margin: 0 auto;
  /*width:130px;
  float:left;
  margin-right:12px;*/
}
.box .text {
       /*float:left;
	width:380px;*/
}

.box + .box {
  margin-top: 0;
}

.contactos {
  padding-top: 160px;
}
.contactos .bigfont, .contactos h2 {
  text-align: center;
  margin: 0;
}
.contactos .bigfont {
  font-size: 24px;
  color: #de0d73;
}
.contactos h2 {
  font-size: 64px;
  color: #8ec925;
}
.contactos a {
  display: block;
  margin-bottom: 12px;
  margin-top: 6px;
  line-height: 38px;
}

a.raddress {
  font-size: 2rem;
  font-family: 'BebasNeueRegular', Arial, sans-serif;
  letter-spacing: 0;
  line-height: 1.2;
}

a.face {
  background-image: url(../img/facebook.png);
  background-repeat: no-repeat;
  background-position: left center;
  display: block;
  height: 38px;
  padding-left: 45px;
}

.column {
  /*width:50%;
  float:left;*/
  margin-bottom: 48px;
}

.first {
  padding-top: 8px;
}

/***form****/
.formbox {
  background-color: rgba(125, 39, 193, 0.5);
  background: rgba(125, 39, 193, 0.5);
  color: rgba(125, 39, 193, 0.5);
  color: #f4f3e7;
  padding: 24px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
.formbox p {
  margin: 0 0 13px 0;
  font-size: 0.9rem;
}

.contactos .first p {
  font-size: 0.9rem;
}

#mc_embed_signup label {
  font-size: 13px;
}

#mc_embed_signup input, #mc_embed_signup textarea {
  border: none;
  background: none;
  background-color: #f4f3e7;
  display: block;
  width: 222px;
  padding: 5px 10px;
  margin-bottom: 12px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}

#mc_embed_signup textarea {
  height: 120px;
}

#mc_embed_signup #enviar {
  border: none;
  background: none;
  padding: 5px 10px;
  margin: 12px 0;
  background-color: #de0d73;
  color: #f4f3e7;
  width: 242px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}

#mc_embed_signup input#form_human {
  width: 30px;
}

.success, .loading {
  color: #f4f3e7;
  font-size: 0.9rem;
  font-style: italic;
  font-family: Georgia, serif;
  text-align: center;
}

p.loading {
  height: 24px;
  line-height: 24px;
  background-image: url(../img/loader.gif);
  background-repeat: no-repeat;
  background-position: center center;
}

/* error message */
.error {
  height: 15px;
  background-color: #FFFE36;
  font-size: 11px;
  border: 1px solid #E1E16D;
  padding: 4px 10px;
  color: #000;
  display: none;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-topleft: 0;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 0;
  -moz-box-shadow: 0 0 6px #ddd;
  -webkit-box-shadow: 0 0 6px #ddd;
}

.error p {
  margin: 0;
}

#mc_embed_signup .button {
  width: 100%;
  background-color: #de0d73;
  color: #f4f3e7;
  margin-top: 15px;
  margin-bottom: 0;
}
#mc_embed_signup .button:hover {
  background-color: #c60c67;
}

.resaltame {
  background-color: #8ec925;
  color: #7d27c1;
  padding: 2px 5px;
  /*font-size: 1rem;*/
}

/****/
.pro {
  /*background-image: url(../img/mucasello.png);
  background-repeat: no-repeat;
  background-position: center top;*/
  margin-top: 140px;
  /*height:240px;*/
  padding-left: 0px;
  padding-top: 0px;
  text-align: center;
}
.pro strong {
  display: block;
  color: #de0d73;
  font-weight: normal;
}
.pro span {
  display: none;
}

#internal .pro {
  margin-top: 70px;
}

footer {
  clear: both;
  color: #de0d73;
  font-size: 12px;
  text-align: center;
  padding-top: 120px;
  font-family: "Courier New", Courier, monospace;
}

/*mobil first*/
.tiendas {
  text-align: center;
  padding-top: 60px;
}
.tiendas p {
  text-align: left;
}
.tiendas .tiendalogo {
  float: left;
  margin-right: 5px;
}

.clear {
  clear: both;
}

.hideme {
  display: none;
}

/*************************************************************************************/
/*************************************************************************************/
/*************************************************************************************/
/*************************************************************************************/
/*
.test{
	margin:0 auto;
	width:320px;
	height:100px;
	background-color:#F00;
	}
.test2 {
	margin: 0 auto;
	width: 310px;
	height: 100px;
	background-color: #CF0;
	}
.test3 {
	margin: 0 auto;
	width: 300px;
	height: 100px;
	background-color: #06F;
	}
*/
@media only screen and (min-width: 480px) {
  .header-container {
    width: 481px;
    margin: 0 auto;
    padding-top: 120px;
    /**/
    margin-bottom: 96px;
  }

  .main header {
    background-position: center bottom;
    height: 650px;
    /*border-bottom-width: 5px;
    border-bottom-style: solid;
    border-bottom-color: $rosa;*/
  }

  .wrapper {
    margin: 0 20px;
  }

  .logo {
    background-size: 481px 130px;
    width: 481px;
    height: 130px;
    margin-bottom: 48px;
  }
  .logo a {
    display: block;
    width: 481px;
    height: 130px;
  }

  .slider {
    background-image: url(../img/circulo.png);
    background-repeat: no-repeat;
    background-position: center top;
    width: 514px;
    height: 514px;
    padding: 7px 0 0 15px;
  }

  .rslides div {
    height: 500px;
    width: 100%;
  		/*@include rounded(250px);
	 	background-size:500px 500px;*/
  }

  .boxes {
    width: auto;
    max-width: 532px;
    margin: -64px auto 0 auto;
  }

  .box {
    width: 532px;
  }
  .box figure {
    float: left;
  }

  .text {
    float: right;
    width: 370px;
  }

  .column {
    width: 50%;
    float: left;
  }

  	/******************
  	
  	.container{width:460px;
  	margin:0 auto;
  	}
  .containerx{width:460px;
  	margin:0 auto;
  	clear:both;
  	}*/
  .container {
    width: 580px;
    margin: 0 auto;
  }

  .containerx {
    width: 750px;
    margin: 0 auto;
    clear: both;
  }

  /*******************/
  .contactos {
    padding-top: 200px;
  }

  .pro {
    /*background-color:#960;*/
    /*background-position: left 220px;*/
    margin-top: 0px;
    height: 240px;
    padding-left: 30px;
    padding-top: 160px;
    text-align: left;
  }
  .pro .sello {
    float: left;
  }
  .pro p {
    padding: 80px 0 0 280px;
  }
  .pro strong {
    display: inline;
  }
  .pro span {
    display: inline;
  }

  #internal .pro {
    padding-top: 70px;
  }

  .brbreak {
    display: none;
  }

  .hideme {
    display: inline;
  }

  footer {
    text-align: right;
  }
}
/*for ipad and beyond*/
@media only screen and (min-width: 768px) {
  .container {
    width: 580px;
    margin: 0 auto;
  }

  .containerx {
    width: 750px;
    margin: 0 auto;
    clear: both;
  }
}