/*
Theme Name: magictheme
Description: The custom theme magictheme using the parent theme Twenty Sixteen.
Author: Marco Polvo
Author URI: no tengo
Template: twentysixteen
Version: 1.05
*/

html {
	font-family: "montserrat", sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

body {
	margin: 0;
	font-size: 16px;
	font-family: "montserrat", sans-serif; font-weight: 700;
}

header{ display: none;}

.site-inner {
    margin: 0 auto;
    max-width: 1900px;
    position: relative;
}

.entry-content a, .entry-summary a, .taxonomy-description a, .logged-in-as a, .comment-content a, .pingback .comment-body > a, .textwidget a, .entry-footer a:hover, .site-info a:hover {
  box-shadow: none;
}

.box2{ background:#fbf5df url("img/fondo-servicios.jpg") no-repeat 0 0;  background-size: contain;}
.box2titular{ width:80%; padding: 80px 0; margin: 0 auto; overflow: hidden;}
.box2li{margin: 60px auto; list-style: none; padding: 0;}
.box2li li{ width: 20%; margin: 0 2.5%; float: left; }
.imgbox2{ display:block; margin-left: 2.5%; width: 50%;}
.box3{ position:relative; overflow: hidden;}
.contbox3top{background:#dd067d url("img/fondo-portafolio.jpg") no-repeat 0 top; background-size: contain; width: 100%; height: 353px; position: absolute; top: 0; z-index: 0;}
.contbox3bottom{background: #dd067d url("img/fondo-portafolio-2.jpg") no-repeat 0 bottom; background-size: contain; width: 100%; height: 353px;  position: absolute; bottom:0;}
.contbox3mid{background: #dd067d; margin-top: 353px; padding-bottom: 100px; }
.bo3titular{ padding-bottom: 40px;}
.bo3titular img{ display: block; width: 50%;}
.contbox3mid80{width: 76%; padding: 80px 0;margin: -320px auto 0; z-index: 1000; position: relative;}
.contbox4mid80{width: 76%; padding: 80px 0;margin: -322px auto 0; z-index: 1000; position: relative;}

.box4{ position:relative; overflow: hidden; }
.contbox4top{background: #a4d12c url("img/fondo-contacto.jpg") no-repeat 0 top;  background-size: contain; width: 100%; height: 353px; position: absolute; top: 0; z-index: 0;}
.contbox4mid{background:#a4d12c; margin-top: 353px; padding-bottom: 100px; }
.divcontactanos{ width:70%; margin: 50px auto 0; overflow: hidden; position: relative;}

.box5{ position:relative; overflow: hidden; background: #302942 url("img/piecera.jpg") center center; background-size:cover; padding-bottom: 30px;}
.box5izq{width: 37%; max-width: 600px; float: left; padding: 30px 30px 30px 7%;}
.box5der{width: 30%;  max-width: 600px;  float:right; padding: 30px;}
.box4titcontacto{ text-align: center; font-size: 2.5em; text-transform: uppercase; font-family: "montserrat", sans-serif; font-weight: 700;}
.conticos{padding: 0; list-style: none; width: 80%; margin: 0 auto !important;}
.conticos li{ float: left;}
.contico2{text-align: center; font-size: 2.5em; text-transform: uppercase; font-family: "montserrat", sans-serif; font-weight: 700;}
.contico1{ width: 45%;}
.contico1 img{ display: block; margin: 0 auto;}
.contico2{ width: 10%; padding-top: 30px;}
.contico3{width: 45%}
.contico3 img{display: block; margin: 0 auto;}
.box4titular img{ display: block; width: 65%; margin: 0 auto;}
.site-footer { -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: -webkit-flex; display: -ms-flexbox; display: none; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;  padding: 0 4.5455% 3.5em; }
.site-main { margin-bottom: 0;  }

.box3grid1{list-style: none; margin: 0; padding: 0; position: relative; overflow: hidden; display: block; margin: 20px 0;}
.box3grid1 li{ float:left; }
.box3grid2{list-style: none; margin: 0; padding: 0; position: relative; overflow: hidden; display: block;}
.box3grid2 li{ float:left;}

.box3grid1b1{ width: 62%; margin: 0 2% 0 0; padding: 0;}
.box3grid1b2{ width: 30.5%; margin: 0; padding: 0;}

.box3grid2b1{width: 30%; margin: 0 2% 0 0; padding: 0;}
.box3grid2b2{width: 30%; margin: 0 2% 0 0; padding: 0;}
.box3grid2b3{width: 30%; margin: 0; padding: 0;}

.box4gridtxt{width: 100%; background: #302942; color: #dbd9cd; text-align: center; padding: 10px; font-weight: 400;}
.txtpiecera1{font-size: 26px; color: #dbd9cd; font-weight: 400; line-height: 30px; margin-top: 25px;}
.txtpiecera1 a{ color: #dbd9cd; text-decoration: none; box-shadow:none;}
.box5dertxt{ margin: 110px 0 0 0; padding: 0; list-style: none;}
.box5dertxt li{ float: left; display: block; width: 55px; height: 55px; text-indent: -6000px; position: relative; margin: 0 10px 0 10px;}
.box5dertxt li a{ width:100%; height: 100%; display: block; position: absolute; top: 0; left: 0;}
.icoface{  background: url("img/icono-fb.png") center center;}
.icoins{ background: url("img/icono-insta.png") center center;}
.icowhats{ background: url("img/icono-whatsapp-piecera.png") center center;}
.homedesc{display: block;}
.homeresp{display:none;}

@media screen and (min-width: 44.375em) {
  body:not(.custom-background-image)::before, body:not(.custom-background-image)::after {
    background: inherit;
    content: "";
    display: block;
    height: 0;
    left: 0;
    position: fixed;
    width: 100%;
    z-index: 99;
  }
}

@media screen and (min-width: 56.875em) {
    .site-content {
        padding: 0 0;
    }
	.no-sidebar .entry-header, .no-sidebar .entry-content, .no-sidebar .entry-summary, .no-sidebar .entry-footer, .no-sidebar .comments-area, .no-sidebar .image-navigation, .no-sidebar .post-navigation, .no-sidebar .pagination, .no-sidebar .page-header, .no-sidebar .page-content, .no-sidebar .content-bottom-widgets {
    margin-right: 0;
    margin-left: 0;
  }
}


@media screen and (min-width: 44.375em) {
    .site {
        margin: 0;
    }
}


@media screen and (max-width: 910px) {
	.entry-header, .entry-summary, .entry-content, .entry-footer, .page-content {
	  margin-right: 0;
	  margin-left: 0;
	}
	.box5izq {
  width: 50%;
  max-width: 600px;
  float: left;
  padding: 30px 30px 30px 7%;
}
	.box5der {
  width: 40%;
  max-width: 600px;
  float: right;
  padding: 30px;
}
	.contico1 img {
  display: block;
  margin: 0 auto;
  size: 100%;
  width: 100%;
  max-width: 130px;
}
	
	
}

@media screen and (max-width: 720px) {
	.homedesc{display: none;}
.homeresp{display:block;}
	
	.box5izq img{width: 100%;
  max-width: 368px;
  display: block;
  margin: 0 auto;
}
	.imgbox2 {
	  display: block;
	  margin-left: 2.5%;
	  width: 80%;
	}
	.box2li li {
	  width: 80%;
	  margin: 25px auto;
	  float: none;
	}
	
	.box2li li img{ width:100%; max-width:323px; margin: 0 auto; display: block;}
	
	.box2titular {
	  width: 80%;
	  padding: 80px 0 0;
	  margin: 0 auto;
	  overflow: hidden;
	}

	.contbox3top {
	  background: #dd067d url("img/fondo-portafolio.jpg") no-repeat 0 bottom;
		background-size: auto;
	  background-size: contain;
	  width: 100%;
	  height: 90px;
	  position: absolute;
	  top: 0;
	  z-index: 0;
	}
	
	.contbox3mid80 {
  width: 76%;
  padding: 80px 0;
  margin: -350px auto 0;
  z-index: 1000;
  position: relative;
}
	
	.contbox3bottom {
 background: #dd067d url("img/fondo-portafolio-2.jpg") no-repeat right bottom;
     background-size: contain;
  width: 100%;
  height: 102px;
  position: absolute;
  bottom: 0;
}
	.bo3titular img {
	  display: block;
	  width: 90%;
	}
	
	.box3grid1 li {
	  float: none;
	}
	
	.box3grid1b1 {
  width: 100%;
  margin: 0 auto;
  padding: 0;
}
	
	.box3grid1b2 {
  width: 100%;
  margin: 30px auto;
  padding: 0;
}
	.box3grid2 li {
  float: none;
}
	
.box3grid2b1 {
  width: 100%;
  margin: 0 0 0 0;
  padding: 0;
}	
	
	.box3grid2b2 {
  width: 100%;
  margin: 30px 0;
  padding: 0;
}
	
	.box3grid2b3 {
  width: 100%;
  margin: 0;
  padding: 0;
}
	.contbox3mid {
  background: #dd067d;
  margin-top: 353px;
  padding-bottom: 255px;
}
	
	 .contbox3mid {
    background: #dd067d;
    margin-top: 353px;
    padding-bottom: 100px;
  }
	
	.contbox4mid {
  background: #a4d12c;
  margin-top: 310px;
  padding-bottom: 100px;
}
	
	.contbox4top {
 background: #a4d12c url("img/fondo-contacto.jpg") no-repeat right bottom;
    background-size: auto;
  background-size: contain;
  width: 100%;
  height: 60px;
  position: absolute;
  top: 0;
  z-index: 0;
}
	.box4titcontacto {
  text-align: center;
  font-size: 20px;
  text-transform: uppercase;
  font-family: "montserrat", sans-serif;
  font-weight: 700;
}
	
	.box4titular img {
  display: block;
  width: 95%;
  margin: 0 auto;
}
	
	.divcontactanos {
  width: 100%;
  margin: 50px auto 0;
  overflow: hidden;
  position: relative;
}
	
	.conticos {
  padding: 0;
  list-style: none;
  width: 100%;
  margin: 0 auto !important;
}
	
	.conticos li {
  float: none;
}
	.contico1 {
  width: 34%;
  margin: 0 auto;
}

	.contico2 {
  width: 32%;
  padding-top: 30px;
  margin: 0 auto;
}
	
	.contico3 {
  width: 45%;
  margin: 35px auto 0;
}
	
	.contbox4mid {
  background: #a4d12c;
  margin-top: 310px;
  padding-bottom: 0px;
}
	
	.box5izq {
  width: 100%;
  max-width: 600px;
  float: left;
  padding: 30px 30px 30px 7%;
}
	
	.txtpiecera1 {
  font-size: 22px;
  color: #dbd9cd;
  font-weight: 400;
  line-height: 30px;
  margin-top: 25px;
  text-align: center;
}
	
	.box5der {
    width: 100%;
    max-width: 226px;
    float: none;
    padding: 0;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
  }
	
	.box5dertxt {
  margin: 0;
  padding: 0;
  list-style: none;
}
	
}