/* CSS Document */

@font-face {
    font-family: 'museo_sans700';
    src: url('../tipo/museosans_700-webfont.eot');
    src: url('../tipo/museosans_700-webfont.eot?#iefix') format('embedded-opentype'),
         url('../tipo/museosans_700-webfont.woff2') format('woff2'),
         url('../tipo/museosans_700-webfont.woff') format('woff'),
         url('../tipo/museosans_700-webfont.svg#museo_sans700') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'museo_sans300';
    src: url('../tipo/museosans-300-webfont.eot');
    src: url('../tipo/museosans-300-webfont.eot?#iefix') format('embedded-opentype'),
         url('../tipo/museosans-300-webfont.woff2') format('woff2'),
         url('../tipo/museosans-300-webfont.woff') format('woff'),
         url('../tipo/museosans-300-webfont.svg#museo_sans300') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
	font-family: "Rockwell-Regular";
                src: url('../tipo/Rockwell-Regular.woff') format('woff'),
        url('../tipo/Rockwell-Regular.woff2') format('woff2'),
        url('../tipo/Rockwell-Regular.eot'),
        url('../tipo/Rockwell-Regular.eot?#iefix') format('embedded-opentype'),
        url('../tipo/Rockwell-Regular.otf') format('truetype');
	
    font-weight: normal;
    font-style: normal;
}


html, body {
	margin:0;
	padding:0;
	font-size:85%;
	color:#fff;
	background:#000;
	}

h1 {
	font-family:Rockwell-Regular, Arial, Helvetica, sans-serif;
	font-size:2.250em;
	}
	
h2 {
	font-family:Rockwell-Regular, Arial, Helvetica, sans-serif;
	font-size:2.2em;
	}

h3 {
	font-family:Rockwell-Regular, Arial, Helvetica, sans-serif;
	font-size:1.875em;
	}
	
h4 {
	font-family:museo_sans300, Arial, Helvetica, sans-serif;
	font-size:1.313em;
	line-height:1.1em;
	}

h5 {
	font-family:Rockwell-Regular, Arial, Helvetica, sans-serif;
	font-size:1em;
	}
	
h6 {
	font-family:museo_sans300, Arial, Helvetica, sans-serif;
	font-size:1.125em;
	line-height:1.1em;
	}
	
p {
	font-family:museo_sans300, Arial, Helvetica, sans-serif;
	font-size:1em;
	line-height:1.1em;
	}

.chico{
	font-size:0.875em;
	line-height:1.1em;
	}

a {
	text-decoration:none;
	}

strong {
	font-family:museo_sans700, Arial, Helvetica, sans-serif;
	}
	
img {
	max-width:100%;
	box-sizing:border-box; /* descuenta borde */
	}
	
.contenedor {
	width:100%;
	overflow:auto;
	}
	
	.inicio {
		background:url(../img/inicio-C.jpg) top center no-repeat;
		background-size:cover;
		}
		
	.bio {
		background:url(../img/bio-C.jpg) top center no-repeat;
		background-size:cover;
		}
	
	.vyc {
		background:url(../img/vainilla-chocolate-C.jpg) top center no-repeat;
		background-size:cover;
		}
		
	.silen {
		background:url(../img/silencio-C.jpg) top center no-repeat;
		background-size:cover;
		}
	
	.zen {
		background:url(../img/zia-e-nipote-C.jpg) top center no-repeat;
		background-size:cover;
		}
		
	.esc {
		background:url(../img/escuela-C.jpg) top center no-repeat;
		background-size: contain;
		}

	main{
		width:80%;
		padding:0 10% 0 10%;
		}
		
	header{
		width:80%;
		padding:0 10% 0 10%;
		position:relative;
		}
			
		nav{
			width:30%;
			position:absolute;
			right:20px;
			top:30px;
			text-align:right;
			}
			
			.menu{
				margin-bottom:-7.5%;
				}
	
			figure{
				width:70%;
				}
				
				.logo{
					width:50px;
					height:119px;
					float:left;
					margin-right:10px;
					}
					
					.payaso{
						color:#fff; 
						float:left; 
						margin-top:1.5em
						}
		
		.intro{
			width:100%;
			padding:30% 0 7% 0;
			float:left;
			text-align:center;
			}
			
			.separador{
				width:60%;
				margin: 0 auto;
				padding-bottom:1em;
				}
		
		.callbacks_container {
			z-index:0;
			}
		
		.video {
			width:100%;
			float:left;
			padding-top:20%;
			}
		
		.fotos {
			width:100%;
			float:left;
			padding-top:20%;
			position:relative;
			}
			
			.sin{
				padding-top:0;
				}
		
		.fotitos {
			width:100%;
			float:left;
			background-color:#000;
			margin:0 auto;
			}
			
			.fotitos li {
				width:33%;
				float:left;
				overflow:hidden;
				margin: 0 1px 0 1px;
				}
				
				.fotitos li a {
					opacity:0.75;
					-webkit-transition: 0.5s;
					-moz-transition: 0.5s;
					-o-transition: 0.5s;
					-ms-transition: 0.5s;
					transition: 0.5s;
					}
					
					.fotitos li a:hover {
						opacity:1;
						-webkit-transition: 0.5s;
						-moz-transition: 0.5s;
						-o-transition: 0.5s;
						-ms-transition: 0.5s;
						transition: 0.5s;
						}
		
		
		.titulo{
			z-index:9;
			width:80%;
			padding:10%;
			position: absolute;
			top:15%;
			}
			
			.top{
				top:0;
				}
		
		.info{
			width:80;
			padding:10%;
			float:left;
			}
			
			.naranja{
				background:#faa21b;
				}
			
			.gris {
				background:#474747;
				}
				
			.azul {
				background:#7670fc;
				}
				
			.turquesa {
				background:#05b7b5;
				}
			
			.mas{
				width:100%;
				padding-top:10%;
				}
				
				.mas li {
					width:100%;
					float:left;
					border-bottom:thin solid #fff;
					}
				
				.mas li a{
					display:block;
					color:#fff;
					font-family:Rockwell-Regular, Arial, Helvetica, sans-serif;
					font-size:1em;
					padding:2% 0 2% 0;
					-webkit-transition: 0.5s;
					-moz-transition: 0.5s;
					-o-transition: 0.5s;
					-ms-transition: 0.5s;
					transition: 0.5s;
					}
					
					.mas li a:hover{
						color:#000;
						margin-left:2%;
						-webkit-transition: 0.5s;
						-moz-transition: 0.5s;
						-o-transition: 0.5s;
						-ms-transition: 0.5s;
						transition: 0.5s;
						}
		
		.clases {
			width:100%;
			float:left;
			overflow:auto;
			}
			
			.clases li {
				width:80%;
				padding:10%;
				float:left;
				}
				
				.tur1{
					background:#034949;
					}
				
				.tur2{
					background:#045c5d;
					}
				
				.tur3{
					background:#046e6e;
					}
					
				.tur4{
					background:#048080;
					}
					
				.tur5{
					background:#049293;
					}
					
				.tur6{
					background: url(../img/borde-i1.png) bottom left no-repeat, url(../img/borde-d1.png) bottom right no-repeat, #05a5a3;
				}
									
		.textos{
			width:100%;
			float:left;
			padding:10% 0 10% 0;
			}
					
		.bloque1 li {
			width:100%;
			text-align:center;
			float:left;
			}
			
			.bloque1 li a{
				width:70%;
				display:block;
				padding:15%;
				background:rgba(245, 133, 2, 0);
				-webkit-transition: 0.5s;
				-moz-transition: 0.5s;
				-o-transition: 0.5s;
				-ms-transition: 0.5s;
				transition: 0.5s;
				color:#fff;
				}
			
			.bloque1 li a:hover{
				background:rgba(245, 133, 2, 0.8);
				-webkit-transition: 0.5s;
				-moz-transition: 0.5s;
				-o-transition: 0.5s;
				-ms-transition: 0.5s;
				transition: 0.5s;
				}
				
		.bloque2 li {
			width:100%;
			text-align:center;
			float:left;
			}
			
			.bloque2 li a{
				width:70%;
				display:block;
				padding:15%;
				background:rgba(71, 71, 71, 0);
				-webkit-transition: 0.5s;
				-moz-transition: 0.5s;
				-o-transition: 0.5s;
				-ms-transition: 0.5s;
				transition: 0.5s;
				color:#fff;
				}
			
			.bloque2 li a:hover{
				background:rgba(71, 71, 71, 0.8);
				-webkit-transition: 0.5s;
				-moz-transition: 0.5s;
				-o-transition: 0.5s;
				-ms-transition: 0.5s;
				transition: 0.5s;
				}
		
		.bloque3 li {
			width:100%;
			text-align:center;
			float:left;
			
			}
			
			.bloque3 li a{
				width:70%;
				display:block;
				padding:15%;
				background:url(../img/borde-i.png) bottom left no-repeat, url(../img/borde-d.png) bottom right no-repeat, rgba(118, 112, 252, 0);
				-webkit-transition: 0.5s;
				-moz-transition: 0.5s;
				-o-transition: 0.5s;
				-ms-transition: 0.5s;
				transition: 0.5s;
				color:#fff;
				}
			
			.bloque3 li a:hover{
				background:url(../img/borde-i.png) bottom left no-repeat, url(../img/borde-d.png) bottom right no-repeat, rgba(118, 112, 252, 0.8);
				-webkit-transition: 0.5s;
				-moz-transition: 0.5s;
				-o-transition: 0.5s;
				-ms-transition: 0.5s;
				transition: 0.5s;
				background:
				}
				
		.bloque4 li {
			width:100%;
			text-align:center;
			float:left;
			}
			
			.bloque4 li a{
				width:70%;
				display:block;
				padding:15%;
				background:rgba(245, 133, 2, 0);
				-webkit-transition: 0.5s;
				-moz-transition: 0.5s;
				-o-transition: 0.5s;
				-ms-transition: 0.5s;
				transition: 0.5s;
				color:#fff;
				}
			
			.bloque4 li a:hover{
				background:rgba(245, 133, 2, 0.8);
				-webkit-transition: 0.5s;
				-moz-transition: 0.5s;
				-o-transition: 0.5s;
				-ms-transition: 0.5s;
				transition: 0.5s;
				}
				
		.bloque5 li {
			width:100%;
			text-align:center;
			float:left;
			}
			
			.bloque5 li a{
				width:70%;
				display:block;
				padding:15%;
				background:rgba(71, 71, 71, 0);
				-webkit-transition: 0.5s;
				-moz-transition: 0.5s;
				-o-transition: 0.5s;
				-ms-transition: 0.5s;
				transition: 0.5s;
				color:#fff;
				}
			
			.bloque5 li a:hover{
				background:rgba(71, 71, 71, 0.8);
				-webkit-transition: 0.5s;
				-moz-transition: 0.5s;
				-o-transition: 0.5s;
				-ms-transition: 0.5s;
				transition: 0.5s;
				}
		
		.bloque6 li {
			width:100%;
			text-align:center;
			float:left;
			
			}
			
			.bloque6 li a{
				width:70%;
				display:block;
				padding:15%;
				background:url(../img/borde-i.png) bottom left no-repeat, url(../img/borde-d.png) bottom right no-repeat, rgba(118, 112, 252, 0);
				-webkit-transition: 0.5s;
				-moz-transition: 0.5s;
				-o-transition: 0.5s;
				-ms-transition: 0.5s;
				transition: 0.5s;
				color:#fff;
				}
			
			.bloque6 li a:hover{
				background:url(../img/borde-i.png) bottom left no-repeat, url(../img/borde-d.png) bottom right no-repeat, rgba(118, 112, 252, 0.8);
				-webkit-transition: 0.5s;
				-moz-transition: 0.5s;
				-o-transition: 0.5s;
				-ms-transition: 0.5s;
				transition: 0.5s;
				background:
				}
				
				.exepcion li a{
					background: url(../img/borde-i.png) bottom left no-repeat, url(../img/borde-d.png) bottom right no-repeat, rgba(71, 71, 71, 0);
					-webkit-transition: 0.5s;
					-moz-transition: 0.5s;
					-o-transition: 0.5s;
					-ms-transition: 0.5s;
					transition: 0.5s;
					}
					
					.exepcion li a:hover{
						background: url(../img/borde-i.png) bottom left no-repeat, url(../img/borde-d.png) bottom right no-repeat, rgba(71, 71, 71, 0.8);
						-webkit-transition: 0.5s;
						-moz-transition: 0.5s;
						-o-transition: 0.5s;
						-ms-transition: 0.5s;
						transition: 0.5s;
						}
				
				.interior li a{
					width:80%;
					padding:10%;
					}
		
				.vainilla {
					background:url(../img/vainilla-chocolate-caratula.jpg) no-repeat center center ;
					-webkit-background-size: cover;
					-moz-background-size: cover;
					-o-background-size: cover;
					background-size: cover;
					}
					
				.silencio {
					background:url(../img/silencio-caratula.jpg) no-repeat center center;
					-webkit-background-size: cover;
					-moz-background-size: cover;
					-o-background-size: cover;
					background-size: cover;
					}
					
				.zia {
					background:url(../img/zia-e-nipote-caratula-C.jpg) no-repeat center center;
					-webkit-background-size: cover;
					-moz-background-size: cover;
					-o-background-size: cover;
					background-size: cover;
					}
		
	#contacto {
		width:80%;
		padding:10%;
		background:url(../img/contacto-C.jpg) bottom center no-repeat;
		background-size:cover;
		float:left;
		}	
		
		
		.links {
			width:100%;
			float:left;
			margin:5% 0 5% 0;
			}
		
		.links li {
			width:100%;
			height:auto;
			float:left;
			text-align:left;
			display:inline-flex;
			margin-bottom:1%;
			}
			
			.datos {
				font-family: 'museo_sans700', Arial, Helvetica, sans-serif;
				font-size:1.125em;
				color:#fff;
				line-height:2em;
				padding-left:0.5em;
				text-align:left;
				width:100%;
				-webkit-transition: 0.4s;
				-moz-transition: 0.4s;
				-o-transition: 0.4s;
				-ms-transition: 0.4s;
				transition: 0.4s
				}
					
				.datos:hover {
					color:#a05ab4;
					-webkit-transition: 0.4s;
					-moz-transition: 0.4s;
					-o-transition: 0.4s;
					-ms-transition: 0.4s;
					transition: 0.4s
					}
					
		#formulario {
			width:100%;
			float:left;
			margin-top:5%;
			}
			
			.campoChico {
				width:97%;
				height:2.25em;
				float:left;
				font-family:'museo_sans300', Arial, Helvetica, sans-serif;
				font-size:1em;
				background-color:rgba(0,0,0,0.1);
				color:#fff;
				margin-bottom:2%;
				border:thin solid #a05ab4;
				padding-left:2%;
				}
				
			.campoGrande {
				width:97%;
				height:8em;
				float:left;
				font-family:'museo_sans300', Arial, Helvetica, sans-serif;
				font-size:1em;
				background-color:rgba(0,0,0,0.1);
				color:#fff;
				margin-bottom:3%;
				border:thin solid #a05ab4;
				padding-left:2%;
				padding-top:0.5em;
				}
			
			.boton {
				width:40%;
				height:2.25em;
				float:right;
				font-family:'museo_sans700', Arial, Helvetica, sans-serif;
				font-size:1em;
				border:thin solid #a05ab4;
				background-color:#a05ab4;
				color:#fff;
				margin-bottom:8%;
				text-align:center;
				cursor: pointer;
				-webkit-transition: 0.4s;
				-moz-transition: 0.4s;
				-o-transition: 0.4s;
				-ms-transition: 0.4s;
				transition: 0.4s;
				}
					
				.boton:hover{
					border:thin solid #fff;
					color:#fff;
					background-color:rgba(255,255,255,0);
					-webkit-transition: 0.4s;
					-moz-transition: 0.4s;
					-o-transition: 0.4s;
					-ms-transition: 0.4s;
					transition: 0.4s;
					}
	
footer {
	width:90%;
	float:left;
	background-color:#000;
	padding:5%;
	}
	
	.creditos {
		font-size:0.8em;
		color:#a7a7a7;
		text-align:center;
		width:100%;
		float:left;
		}


/* VIDEO */


.video-responsive {
    height: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
    padding-top: 30px;
    position: relative;
	width:100%;
    }
	
.video-responsive iframe, .video-responsive object, .video-responsive embed {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    }
	

/* MENU */

.linea {
	color:#fff;
	width:10%;
	text-align:center;
	}

#hover {
	color: #fffc1c;
	}

.overlay {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 10;
  top: 0;
  right: 0;
  background-color: rgb(231,74,25);
  background-color: rgba(231,74,25,0.9);
  overflow-x: hidden;
  transition: 0.5s;
}

.overlay-content {
  position: relative;
  top: 25%;
  width: 100%;
  text-align: center;
  margin-top: 30px;
}

.overlay a {
  font-family:Rockwell-Regular, Arial, Helvetica, sans-serif;
  padding: 8px;
  text-decoration: none;
  font-size: 1.5em;
  color: #fff;
  display: block;
  transition: 0.3s;
}

.overlay a:hover, .overlay a:focus {
  color: #fffc1c;
}

.overlay .closebtn {
  position: absolute;
  top: 5px;
  right: 30px;
  font-size: 60px;
}

@media screen and (max-height: 450px) {
  .overlay a {font-size: 20px}
  .overlay .closebtn {
  font-size: 40px;
  top: 15px;
  right: 35px;
  }
}

/* FIN MENU */

/* BACK TO TOP */
				
.cd-top {					
  display: inline-block;
  height: 40px;
  width: 40px;
  position: fixed;
  bottom: 40px;
  right: 0;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: rgba(0, 0, 0, 0.7) url(../img/cd-top-arrow.svg) no-repeat center 50%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: .5;
}
.cd-top.cd-fade-out {
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  opacity: .2;
}
.no-touch .cd-top:hover {
  background-color: #000;
  opacity: 1;
}

/* FIN BACK TO TOP */





/* TABLETA */

@media screen and (min-width:35em){

html, body {
	font-size:90%;
	}
	
	.inicio {
		background:url(../img/inicio-T.jpg) top center no-repeat;
		background-size:cover;
		}
		
	.bio {
		background:url(../img/bio-T.jpg) top center no-repeat;
		background-size:cover;
		}
		
	.vyc {
		background:url(../img/vainilla-chocolate-T.jpg) top center no-repeat;
		background-size:cover;
		}
		
	.silen {
		background:url(../img/silencio-T.jpg) top center no-repeat;
		background-size:cover;
		}
		
	.zen {
		background:url(../img/zia-e-nipote-T.jpg) top center no-repeat;
		background-size:cover;
		}
		
	.esc {
		background:url(../img/escuela-T.jpg) top center no-repeat;
		background-size: contain;
		}
					
		.payaso {
			margin-top:1.25em;
			}
			
			.menu{
				margin-bottom:-5%;
				}
		
		.intro{
			width:70%;
			padding:30% 15% 5% 15%;
			}
	
	.show{
		float:left;
		width:100%;
		overflow:auto;
		margin-top:20%;
		}	
		
	.contencion{
		width:50%;
		float:left;
		overflow:auto;
		}
		
		.video {
			padding-top:0;
			}
			
		.fotos {
			width:50%;
			float:left;
			padding-top:0;
			position:relative;
			}
				
			.full{
				width:100%;
				}
		
		.fotitos {
			padding-top:7%;
			width:100%;
			float:left;
			margin:0 auto;
			}
			
			.fotitos li {
				width:32.9%;
				}
			
		.titulo{
			width:80%;
			padding:10%;
			position:absolute;
			top:0;
			}
		
		.info{
			width:40%;
			padding:5%;
			float:left;
			}
			
	.clases {
		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
			}
			
		.clases li {
				width:36%;
				padding:7%;
				display: -webkit-flex;
  				display: block;
				overflow:auto;
				}
				
			.tur5{
				background: url(../img/borde-i1.png) bottom left no-repeat, #049293;
				}
				
			.tur6{
					background: url(../img/borde-d1.png) bottom right no-repeat, #05a5a3;
				}
					
			.mas{
				padding-top:5%;
				}
			
			.interior li a{
					width:90%;
					padding:5%;
					}
					
			.bloque1 li a{
				width:80%;
				padding:10%;
				}
			
			.bloque2 li a{
				width:80%;
				padding:10%;
				}
			
			.bloque3 li a{
				width:80%;
				padding:10%;
				}
						
		.textos, .col1{
			width:70%;
			padding-right:30%;
			}
			
			.separador{
				width:40%;
				}
	
	#contacto {
		background:url(../img/contacto-T.jpg) bottom center no-repeat;
		background-size:cover;
		}	
		
		
		.links {
			margin:2.5% 0 2.5% 0;
			}
			
			.boton {
				margin-bottom:3%;
				}
				
footer {
	width:95%;
	padding:2.5%;
	}
	
	.creditos {
		font-size:0.85em;
		}
		
}





/* PC */

@media screen and (min-width:60em){


html, body {
	font-size:100%;
	}
	
	header{
		width:1000px;
		margin:0 auto;
		padding:0;
		}
	
	main{
		width:1000px;
		margin:0 auto;
		padding:0;
		}
	
	#contacto {
		width:100%;
		padding:0;
		background:url(../img/contacto.jpg) bottom center no-repeat;
		background-size:cover;
		}
		
		.caja{
			width:1000px;
			margin:0 auto;
			padding:10% 0 8% 0;
			overflow:auto;	
			}	
	
		nav{
			right:0;
			top:60px;
			}
			
			.menu{
				margin-bottom:-2.5%;
				}
			
	.inicio {
		background:url(../img/inicio.jpg) top center no-repeat;
		background-size:cover;
		}
		
	.bio {
		background:url(../img/bio.jpg) top center no-repeat;
		background-size:cover;
		}
		
	.vyc {
		background:url(../img/vainilla-chocolate.jpg) top center no-repeat;
		background-size:cover;
		}
		
	.silen {
		background:url(../img/silencio.jpg) top center no-repeat;
		background-size:cover;
		}
		
	.zen {
		background:url(../img/zia-e-nipote.jpg) top center no-repeat;
		background-size:cover;
		}
		
	.esc {
		background:url(../img/escuela.jpg) top center no-repeat;
		background-size:contain;
		}
		
		.logo{
			width:65px;
			height:155px;
			}
			
		.payaso {
			margin-top:1.5em;
			}
	
	.fotitos {
			width:100%;
			float:left;
			padding: 0;
			}
			
			.fotitos li {
				width:19.8%;
				}
	
	.titulo{
		width:40%;
		padding:10% 50% 10% 10%;
		}
	
	.info{
		position:relative;
		}
	
	.clases{
		background:#000;
		}
			
		.clases li {
			width:25.333%;
			padding:4%;
			}
			
			.tur4{
				background: url(../img/borde-i1.png) bottom left no-repeat, #048080;
				}
							
			.tur5{
				background: #049293;
				}
					
		.mas{
			position:absolute;
			bottom:0;
			left:0;
			padding:0 10% 10% 10%;
			width:80%;
			}
	
	.info{
		height:455px;
		}
				
		.intro{
			width:50%;
			padding:23% 25% 3% 25%;
			}
		
		.textos{
			width:45%;
			padding:5% 50% 7% 5%;
			}
			
			.separador{
				width:40%;
				}
		
		.bloque1 li {
			width:50%;
			text-align:right;
			height:18em;
			}
			
			.bloque1 li a{
				width:43%;
				padding:7% 7% 26% 50%;
				background:url(../img/borde-d2.png) top right no-repeat, rgba(245, 133, 2, 0);
				-webkit-transition: 0.5s;
				-moz-transition: 0.5s;
				-o-transition: 0.5s;
				-ms-transition: 0.5s;
				transition: 0.5s;
				}
				
				.bloque1 li a:hover{
					background:url(../img/borde-d2.png) top right no-repeat, rgba(245, 133, 2, 0.8);
					-webkit-transition: 0.5s;
					-moz-transition: 0.5s;
					-o-transition: 0.5s;
					-ms-transition: 0.5s;
					transition: 0.5s;
					}
				
		.bloque2 li {
			width:50%;
			text-align:left;
			height:18em;
			}
			
			.bloque2 li a{
				width:43%;
				padding:7% 50% 26% 7%;
				background:url(../img/borde-i2.png) top left no-repeat, rgba(71, 71, 71, 0);
				-webkit-transition: 0.5s;
				-moz-transition: 0.5s;
				-o-transition: 0.5s;
				-ms-transition: 0.5s;
				transition: 0.5s;
				}
				
				.bloque2 li a:hover{
					background:url(../img/borde-i2.png) top left no-repeat, rgba(71, 71, 71, 0.8);
					-webkit-transition: 0.5s;
					-moz-transition: 0.5s;
					-o-transition: 0.5s;
					-ms-transition: 0.5s;
					transition: 0.5s;
					}
		
					
			.bloque3 li a{
				width:94%;
				padding:3%;
				background:url(../img/borde-i1.png) bottom left no-repeat, url(../img/borde-d1.png) bottom right no-repeat, rgba(118, 112, 252, 0);
				-webkit-transition: 0.5s;
				-moz-transition: 0.5s;
				-o-transition: 0.5s;
				-ms-transition: 0.5s;
				transition: 0.5s;
				}
			
			.bloque3 li a:hover{
				background:url(../img/borde-i1.png) bottom left no-repeat, url(../img/borde-d1.png) bottom right no-repeat, rgba(118, 112, 252, 0.8);
				-webkit-transition: 0.5s;
				-moz-transition: 0.5s;
				-o-transition: 0.5s;
				-ms-transition: 0.5s;
				transition: 0.5s;
				}
				
		.bloque4 li {
			width:50%;
			text-align:left;
			}
			
			.bloque4 li a{
				width:80%;
				padding:7% 10% 8% 10%;
				background:url(../img/borde-i1.png) bottom left no-repeat, rgba(245, 133, 2, 0);
				-webkit-transition: 0.5s;
				-moz-transition: 0.5s;
				-o-transition: 0.5s;
				-ms-transition: 0.5s;
				transition: 0.5s;
				}
				
				.bloque4 li a:hover{
					background:url(../img/borde-i1.png) bottom left no-repeat, rgba(245, 133, 2, 0.8);
					-webkit-transition: 0.5s;
					-moz-transition: 0.5s;
					-o-transition: 0.5s;
					-ms-transition: 0.5s;
					transition: 0.5s;
					}
				
		.bloque5 li {
			width:50%;
			text-align:left;
			}
			
			.bloque5 li a{
				width:50%;
				padding:7% 40% 8% 10%;
				background:url(../img/borde-i1.png) bottom left no-repeat, rgba(71, 71, 71, 0);
				-webkit-transition: 0.5s;
				-moz-transition: 0.5s;
				-o-transition: 0.5s;
				-ms-transition: 0.5s;
				transition: 0.5s;
				}
				
				.bloque5 li a:hover{
					background:url(../img/borde-i1.png) bottom left no-repeat, rgba(71, 71, 71, 0.8);
					-webkit-transition: 0.5s;
					-moz-transition: 0.5s;
					-o-transition: 0.5s;
					-ms-transition: 0.5s;
					transition: 0.5s;
					}
		
		.bloque6 li {
			width:50%;
			text-align:left;
			}
					
			.bloque6 li a{
				width:50%;
				padding:7% 40% 8% 10%;
				background: url(../img/borde-d1.png) bottom right no-repeat, rgba(118, 112, 252, 0);
				-webkit-transition: 0.5s;
				-moz-transition: 0.5s;
				-o-transition: 0.5s;
				-ms-transition: 0.5s;
				transition: 0.5s;
				}
			
			.bloque6 li a:hover{
				background: url(../img/borde-d1.png) bottom right no-repeat, rgba(118, 112, 252, 0.8);
				-webkit-transition: 0.5s;
				-moz-transition: 0.5s;
				-o-transition: 0.5s;
				-ms-transition: 0.5s;
				transition: 0.5s;
				}
				
				.exepcion li a{
					background: url(../img/borde-d1.png) bottom right no-repeat, rgba(71, 71, 71, 0);
					-webkit-transition: 0.5s;
					-moz-transition: 0.5s;
					-o-transition: 0.5s;
					-ms-transition: 0.5s;
					transition: 0.5s;
					}
					
					.exepcion li a:hover{
						background: url(../img/borde-d1.png) bottom right no-repeat, rgba(71, 71, 71, 0.8);
						-webkit-transition: 0.5s;
						-moz-transition: 0.5s;
						-o-transition: 0.5s;
						-ms-transition: 0.5s;
						transition: 0.5s;
						}
				
				.zia {
					background:url(../img/zia-e-nipote-caratula.jpg) no-repeat center center;
					-webkit-background-size: cover;
					-moz-background-size: cover;
					-o-background-size: cover;
					background-size: cover;
					}
			
			

		.col1{
			width:35%;
			padding:0 10% 0 5%;
			float:left;
			}
		
		.col2{
			width:35%;
			padding:0 5% 0 10%;
			float:left;
			}
			
		#formulario {
			margin-top:16%;
			}
				
			.campoChico {
				height:2em;
				font-size:1em;
				margin-bottom:1%;
				padding-left:2%;
				}
				
				.medio {
					width:46.5%;
					float:left;
					}
					
					.margen{
						margin-left:1%;
						}
				
			.campoGrande {
				height:6em;
				font-size:1em;
				margin-bottom:2%;
				padding-left:2%;
				padding-top:0.5em;
				}
			
			.boton {
				width:25%;
				height:2em;
				font-size:1em;
				margin-bottom:3%;
				}			
		
		.links {
			margin:2.5% 0 2.5% 0;
			}
			
			.datos {
				line-height:1.5em;
				}
			
				
footer {
	width:100%;
	padding:1% 0 1% 0;
	}
	
	.creditos {
		font-size:0.75em;
		}
	
	
	
}
	




/* PC INTERMEDIO */	


@media screen and (min-width:75em){
	
	
	
}






/* PC GRANDE */	
	
	
@media screen and (min-width:90em){


	#contacto {
		background:url(../img/contacto-G.jpg) bottom center no-repeat;
		background-size:cover;
		}	
	
	.inicio {
		background:url(../img/inicio-G.jpg) top center no-repeat;
		background-size:contain;
		}
		
	.bio {
		background:url(../img/bio-G.jpg) top center no-repeat;
		background-size:cover;
		}
		
	.vyc {
		background:url(../img/vainilla-chocolate-G.jpg) top center no-repeat;
		background-size:contain;
		}
	
	.silen {
		background:url(../img/silencio-G.jpg) top center no-repeat;
		background-size:contain;
		}
		
	.zen {
		background:url(../img/zia-e-nipote-G.jpg) top center no-repeat;
		background-size:contain;
		}
	
	.esc {
		background:url(../img/escuela-G.jpg) top center no-repeat;
		background-size:contain;
		}

}