body {
  margin-left: 10em; 
  margin-right: 10em;
   }
   
       
	
 a {
	color: #EFC6C7;
	text-decoration: none;
	font-family:'Parisienne', cursive, Verdana, Geneva, sans-serif; font-weight: 400; font-size:36px;
	}
	
strong {color:red;}

a:hover {
	color: white;
	text-decoration: none;
	}

.sizemio a {
	font-size:26px;
	}
 	
.cuerpo {
	
	background-color: #E4DED9;
	width:auto;
	margin-bottom: 20px;
	border-radius:10px;
	/*background-image: url(../img/transp.png);*/ 
    background-image: url(../img/colorcuerpo.jpg);        
    /*position: relative;        
	background-size: contain;
	background-position:center;*/
	margin-top: 20px;
} 

.cuerpofondo {
  
border-style: solid;
border-width: 30px;
-moz-border-image: url(../img/slicenew2.jpg) 7;
-webkit-border-image: url(../img/slicenew2.jpg) 7;
-o-border-image: url(../img/slicenew2.jpg) 7;
border-image: url(../img/slicenew2.jpg) 7;

border-image-slice:30;

	}
	
/*.tuneocolum {
	 border-radius:10px;
	 background-image:url(../img/transp2.png);
	 padding: 20px;
	 
	 }*/
	
.personal {
	margin-bottom:-110px;
	
	}
	
.sinmargin {
	padding:0px;
	}

/*bolitas*/
           
    .circle {
      border-radius: 50%;
      background-color: #A36B05;
      padding-right: 16px;
       }
	   
	    .circle1 {
      border-radius: 50%;
      background-color:#A36B05;
      padding-right: 16px;
	  margin-left: 1em;

       }
	   
	  .circle2 {
      border-radius: 50%;
      background-color:#A36B05;
      padding-right: 16px;
	   margin-left: 1.5em;
       }
	   .circle3 {
      border-radius: 50%;
      background-color:#A36B05;
      padding-right: 16px;
 		margin-left: 1em;
       } 
	   .circle4 {
      border-radius: 50%;
      background-color:#A36B05;
      padding-right: 16px;

       } 
	   
/*finaliza bolitas*/

/*MODIFICACIONES PERSONALES*/
 
  .navmia {

   background-color: #612802;
	padding: 4em;
	border-color: transparent;
	
 /* para que la opacidad solo afecte al background y no al todo*/
 background-color: rgba(9,0,0,.7);
 
  }
  .navmia p {
  color: #B58C64;
  font-size:22px;
 font-family:'Ubuntu', cursive, Verdana, Arial, Helvetica, sans-serif;
}
  
 .navmia  {
	color: #F1D8C2;
	} 	
 

h1 { font-size:60px;
line-height: 50px;
	font-family: 'Parisienne', cursive, Verdana, Arial, Helvetica, sans-serif;
  text-align:center;
  padding:5px;
  
  color: red;
	background-color: #ffeede;
  
  border-style: solid;
border-width: 20px;
-moz-border-image: url(../img/fondoh1.png) 7;
-webkit-border-image: url(../img/fondoh1.png) 7;
-o-border-image: url(../img/fondoh1.png) 7;
border-image: url(../img/fondoh1.png) 7;

border-image-slice:45;
  
  
	}
	

	
	h2 { font-size: 80px;
line-height: 50px;
	font-family: 'Parisienne', Verdana, Arial, Helvetica, sans-serif; font-weight: 400; 
	color:red;	
	}
	
	h3 { font-size: 70px;
line-height: 60px;
	font-family: 'Parisienne', Verdana, Arial, Helvetica, sans-serif; font-weight: 400;
	color:red;	
	}
  
  h4 { font-size:46px;
line-height: 30px;
	font-family: 'Parisienne', Verdana, Arial, Helvetica, sans-serif; font-weight: 400;
	color:red;	
	}
  
  #ads {
    position: absolute;
	z-index: 0;
       /*transform: rotate(20deg);*/
	   
  }

  blockquote {font-size: 20px;}

  .columnacontenido {

  font-family:'Ubuntu', cursive, Verdana, Geneva, sans-serif; font-weight: 400; 
  font-size: 22px;
  
 /* para que la opacidad solo afecte al background y no al todo
 background-color: rgba(0,0,0,.5);
  background-size: contain;
	background-position:center;*/
	padding-top: 33px;
	padding-bottom: 50px;
	padding-left: 80px;
	padding-right: 80px;
	border-radius: 10px;
	margin-top: 10px;
	margin-bottom: -100px;	

  }

  .lista{
    padding-bottom:100px;
	
   z-index: 1;
   border-radius: 14px;
	border-width:20px;
  background-image:url(../img/bg.jpg);
  
 	-webkit-box-shadow: 0px 0px 16px 3px rgba(8,8,8,1);
-moz-box-shadow: 0px 0px 16px 3px rgba(8,8,8,1);
box-shadow: 0px 0px 16px 3px rgba(8,8,8,1);
	   
   /* position: relative;        
	background-size: cover;
	background-position:center;*/

  }

  #smoke{
	position: absolute;
	width: 230px;
	height: 500px;
	z-index: 3;
	transform: rotate(10deg);
	

  }



   /*
   .margenderecho {
  margin: 2em;
  }
  */




  #gorrito{
    width: 300px;
    height: 100px;
    margin-top:15px;
    margin-left:220px;
    z-index: 2; 
  }



   /* edicion titulos*/


       .item{
      color: #A36B05; 
     font-family:'Averia Sans Libre', cursive, Verdana, Arial, Helvetica, sans-serif;
	  
       }
	   
	    .linkrojo a {
			color: red;
			} 
		.linkrojo a:hover {
	color: #F57A7C;
	text-decoration: none;
	}
	
	.letrachiquita {
		font-size:14px;
		font-family:'Ubuntu', cursive, Verdana, Arial, Helvetica, sans-serif; }
		
	.letrachica {
		font-size:10px;
		font-family:'Ubuntu', cursive, Verdana, Arial, Helvetica, sans-serif; }
		
	.letramediana {
		font-size:26px;
		font-family:'Ubuntu', cursive, Verdana, Arial, Helvetica, sans-serif; }



 @media (min-width:1450px)     {
	

.ahhhh {width: 100%;
margin-top: -4.5em;}
.ahhhh1 {margin-top:80px;
width: 30%;
margin-left:85px; }

.scene {margin-bottom:10%;}
	
	#ads{
margin-top: 70px;
margin-left:-280px;
  }

body {
  margin-left: 7em; 
  margin-right: 7em; }

.lista{
  padding: 10px;
  width: 100%;
    margin-left:250px;
	margin-top: -50px;
  
  }
  
.item{
      font-size: 24px;
    }
   #smoke{
    margin-left: -10px;

  }
 
  

  }
  
 
 @media (min-width: 1200px) and (max-width: 1449px)     { 
 
.ahhhh {width: 100%;}
.ahhhh1 {margin-top:70px;
width: 45%;
margin-left:60px; }
.scene {margin-bottom:10%;}
#ads{
margin-top: 150px;
margin-left:-200px;
width: 160%
  }

body {
  margin-left: 4em; 
  margin-right: 4em; }
  

.lista{
  padding: 10px;
  width: 120%;
   margin-left:60%;
	margin-top: -50px;
  
  }
  
.item{
      font-size: 24px;
    }
   #smoke{
    margin-left: -10px;

  }
  
 h1 {
	  width:60%;
	 }
	 
h4 {
	  width:60%;
	 }
	 

  }
  
  

  
    
  
  /* termina querie mio*/
  
  
  
  @media (min-width: 992px) and (max-width: 1199px)  {
  
   
.ahhhh {width: 100%;}
.ahhhh1 {margin-top:180px;
width: 30%;
margin-left:130px; }
.scene {margin-bottom:10%;}
  body {margin-left: 2em; 
  margin-right: 2em; }

  .item {
    font-size: 20px;
  }
 
  .columnacontenido {
    margin-top: -10px;
  }

  #smoke{
    margin-top: -60%;
	margin-left: 45%;
	

  }
  
  #ads{
    width:170%;
	margin-left:15%;
	margin-top: 35%;
  
  }
  
.lista{
  padding: 10px;
  width: 100%;
   margin-left:175%;
	margin-top: -50px;
  }
	  
	  h1 {
	  width:40%;
	 }
	  h4 {
	  width:40%;
	 }
	

}

@media (min-width: 768px) and (max-width: 991px) {

   
.ahhhh {width: 100%;}
.ahhhh1 {margin-top:120px;
width: 40%;
margin-left:50px; }
.scene {margin-bottom:10%;}
 body {margin-left: 2em; 
  margin-right: 2em; }
 
 .item {
    font-size: 18px;
	margin-left: 30px;
  }
  
.columnacontenido {
    margin-top: -10px;

  }
  #smoke{
     margin-top: -60%;
	margin-left: 15%;
  }
#ads{
    width:130%;
	margin-left: -15%;
	margin-top: 10%;
  }
  .lista  {
	  
	 padding: 10px;
  width: 100%;
   margin-left:105%;
	margin-top: -40px;
	line-height: 160%;
	  }
	  
	}

@media (max-width: 767px)  {
  
.ahhhh {width: 100%;}
.ahhhh1 {margin-top:120px;
width: 40%;
margin-left:50px; }
.scene {margin-bottom:10%;}
   body {margin-left: 0em; 
  		margin-right: 0em; }
   
  .item {
    font-size: 16px;
  }
  
  #ads{
    width:60%;
	margin-left:-4%;
	margin-top: 20%;
  }

  .lista  {
	  margin-top: -10%;
	  margin-left:50%;
	  margin-bottom:-80px;
	  height: 480px;
	  width: 45%;
	  line-height:150%;
	  }
	  
	  a {font-size: 32px;}
	  
 

 
 .columnacontenido {
    margin-top: 9%;
	padding-left: 3px;
	padding-right: 3px;

  }

 #smoke{
    width: 200px;
    height: 360px;
    margin-top: -200px;

  }
  }
  
 @media (max-width: 568px)  {

 
	 
 .ahhhh {width: 100%;}
.ahhhh1 {margin-top:75px;
width: 40%;
margin-left:30px; }
 body {margin-left: 0em; 
  		margin-right: 0em;
		margin-bottom: 0em; }
		
.logo {
	width: 160px;}
		
			
  .item {
    font-size: 16px;
  }
  
  #ads{
	margin-left:1%;
	margin-top: -25%;
	width: 90%;
  }
  
  .imgLogo {margin-top: 15%;}

  .lista  {
	  
	  margin-left:7%;
	  margin-top:23%;
	  margin-bottom:60%;
	  line-height: 120%;
	  width: 90%;
	  height:30em;
	  
  border-radius: 14px;  
	  }
	  
  
  
    h1 {
	  width:100%;
	 }
	 
	h2 {
	  font-size: 60px;
line-height: 45px;
	 }
	 h4 {
	  width:100%;
	 }

  #smoke{
    width: 50%;
	margin-left: 25%;
	margin-top: -280px;

  }
 
  .columnacontenido {
    margin-top: -150px;
  }

.navmia  {
	font-size: 16px;
	}	 
.navmia p {
	font-size: 16px;}
	
.imgLogopie  {
	width: 90%;
	}
	
	
}
 
  
  /* para los iconos sociales del footer */


.caja-redes {
    margin: 0 auto;
	padding-left:0px;
	padding-bottom: 15px;
	
}
.caja-redes  {
  text-align: center;
  font-size: 20px;
 
}
.icon-button {
  background-color: #F1E2DF;
  border-radius: 3em;
  cursor: pointer;
  display: inline-block;
  height: 3em;
  line-height: 3em;
  margin: 0 8px;
  position: relative;
  width: 3em;
}
.icon-button span {
  border-radius: 0;
  display: block;
  height: 0;
  left: 50%;
  margin: 0;
  position: absolute;
  top: 50%;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  width: 0;
}
.icon-button:hover span {
  width: 3em;
  height: 3em;
  border-radius: 3em;
  margin: -1.5em;
}

.twitter span {
  background-color: #823B04;
}
.facebook span {
  background-color: #823B04;
}
/* pronto .google-plus span {
  background-color: #db5a3c;
}*/

/* Iconos */
.icon-button i {
  background: none;
  color: #421E03;
  left: 0;
  line-height: 3em;
  position: absolute;
  top: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  width: 3em;
  z-index: 2;
}


.icon-button i:hover {
  color: white;
}

.icon-button .icon-linkedin {
  color: #4393BB;
}
.icon-button .icon-pinterest {
  color: #C92228;
}
.icon-button .icon-twitter {
  color: #512502;
}
.icon-button .icon-facebook {
  color: #512502;
}
.icon-button .icon-google-plus {
  color: #db5a3c;
}
.icon-button:hover .icon-linkedin, .icon-button:hover .icon-pinterest, .icon-button:hover .icon-twitter, .icon-button:hover .icon-facebook, .icon-button:hover .icon-google-plus {
  color: white;
}