/* CSS Document */

@font-face {
    font-family: 'quicksandbold';
    src: url('../tipo/quicksand_bold-webfont.eot');
    src: url('../tipo/quicksand_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../tipo/quicksand_bold-webfont.woff') format('woff'),
         url('../tipo/quicksand_bold-webfont.ttf') format('truetype'),
         url('../tipo/quicksand_bold-webfont.svg#quicksandbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

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

strong {
	font-family: quicksandbold, Arial, Helvetica, sans-serif;
	}

p {
	font-size:0.9em;
	line-height:1.2em;
	}
	
.lista {
	line-height:1.4em;
	}

#wrap {
	min-height:100%;
	height: auto!important;
	height:100%;
	overflow:hidden;
	}
	

html, body {
	font-family: quicksandbook, Arial, Helvetica, sans-serif;
	text-align:center;
	margin: 0 auto;
	height:100%;
	overflow:auto;
	color:#6e6e6e;
	}
	
img {
	max-width:100%;
	height:auto;
	box-sizing:border-box; /* descuenta borde */
	}
	
	.home {
		background: url(../imagenes/Fondo-Agustina-Ros-c.jpg) no-repeat center center;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		-ms-behavior: url(../backgroundsize.min.htc);
		}
	
	header {
		float:left;
		width:100%;
		}
		
	main {
		float:left;
		width:100%;
		overflow:auto;
		height:100%;
		}
		
		.interior {
			background:url(../imagenes/molecula.gif) no-repeat left bottom;
			}
			
			.excep {
				height:15em;
				z-index:-100;
				}
		
		.bio {
			height:12em;
			background: url(../imagenes/fondo-bio-c.jpg) no-repeat center center;
			-webkit-background-size: cover;
			-moz-background-size: cover;
			-o-background-size: cover;
			background-size: cover;
			-ms-behavior: url(../backgroundsize.min.htc);
			}
			
		.colec {
			height:12em;
			background: url(../imagenes/fondo-colec-c.jpg) no-repeat center center;
			-webkit-background-size: cover;
			-moz-background-size: cover;
			-o-background-size: cover;
			background-size: cover;
			-ms-behavior: url(../backgroundsize.min.htc);
			}
		
		.produ {
			height:12em;
			background: url(../imagenes/fondo-produ-c.jpg) no-repeat center center;
			-webkit-background-size: cover;
			-moz-background-size: cover;
			-o-background-size: cover;
			background-size: cover;
			-ms-behavior: url(../backgroundsize.min.htc);
			}
			
		.conta {
			height:12em;
			background: url(../imagenes/fondo-conta-c.jpg) no-repeat center center;
			-webkit-background-size: cover;
			-moz-background-size: cover;
			-o-background-size: cover;
			background-size: cover;
			-ms-behavior: url(../backgroundsize.min.htc);
			}
		
		.logo a{
			background:url(../imagenes/logo-chico.png) no-repeat left center;
			display:block;
			width:95%;
			margin:5% 0 0 5%;
			height:	78px;
			}
			
			.logogrande a{
				background:url(../imagenes/logo-chico.png) no-repeat left center;
				display:block;
				width:95%;
				margin:5% 0 0 5%;
				height:	78px;
				}
				
			.en a{
				background:url(../imagenes/logo2-chico.png) no-repeat left center;
				display:block;
				width:95%;
				margin:5% 0 0 5%;
				height:	78px;
				}
				
				.engrande a{
					background:url(../imagenes/logo2-chico.png) no-repeat left center;
					display:block;
					width:95%;
					margin:5% 0 0 5%;
					height:	78px;
					}
		
	.contenedor {
		width:100%;
		height:auto;
		float:left;
		overflow:auto;
		position:relative;
		}
	
		.col2{
			text-align:left;
			}
			
		.contenido{
			text-align:left;
			padding:10% 5%;
			}
			
			.links {
				width:100%;
				float:left;
				}
				
				.links li {
					font-size:1em !important;
					}
				
			.sub {
				margin-bottom: 7%;
				}
				
			.sub li {
				font-size:1.2em;
				margin-right:3%;
				margin-bottom:2.5%;
				}
				
				.sub li a{
					text-decoration:none;
					color:#b0b0b0;
					-webkit-transition: 0.3s;
					-moz-transition: 0.3s;
					-o-transition: 0.3s;
					-ms-transition: 0.3s;
					transition: 0.3s;
					}
					
					.sub li a:hover{
						text-decoration:none;
						color:#6e6e6e;
						-webkit-transition: 0.3s;
						-moz-transition: 0.3s;
						-o-transition: 0.3s;
						-ms-transition: 0.3s;
						transition: 0.3s;
						}
			
			#galeria {
				float:left;
				width:100%;
				margin:5% 0 10% 0;
				}
				
				.fotos {
					width:100%;
					}
			
			.formulario {
				width:100%;
				float:left;
				}
	
			.campoChico {
				width:98%;
				height:1.5em;
				float:left;
				font-family:quicksandbook, Arial, Helvetica, sans-serif;
				font-size:1em;
				background-color:#fff;
				color:#6e6e6e;
				margin-bottom:4%;
				border:thin solid #dddddd;
				padding-left:2%;
				}
				
			.campoGrande {
				width:98%;
				height:6em;
				float:left;
				font-family:quicksandbook, Arial, Helvetica, sans-serif;
				font-size:1em;
				background-color:#fff;
				color:#6e6e6e;
				margin-bottom:4%;
				border: thin solid #dddddd;
				padding-left:2%;
				}
			
			.boton {
				width:35%;
				height:2em;
				float:left;
				font-family:quicksandbook, Arial, Helvetica, sans-serif;
				font-size:1em;
				color:#6e6e6e;
				margin-bottom:8%;
				border:none;
				text-align:center;
				background-color:#f0f0f0;
				cursor: pointer;
				display:block;
				-webkit-transition: 0.3s;
				-moz-transition: 0.3s;
				-o-transition: 0.3s;
				-ms-transition: 0.3s;
				transition: 0.3s;
				}
				
				.boton:hover {
					color:#fff;
					background-color:#6e6e6e;
					-webkit-transition: 0.3s;
					-moz-transition: 0.3s;
					-o-transition: 0.3s;
					-ms-transition: 0.3s;
					transition: 0.3s;
					}
					
					
	.idioma {
		position:absolute;
		top:1em;
		left:1em;
		}
		
		.inicio {
			top:7em;
			}
		
		.idioma li {
			float:left;
			font-size:1em;
			margin-left:0.1em;
			color:#b0b0b0;
			}
			
			.idioma li a {
				display:block;
				color:#b0b0b0;
				text-decoration:none;
				}
				
				.idioma li a:hover {
					color:#6e6e6e;
					}
										
	footer {
		width:100%;
		position:absolute;
		bottom:0;
		overflow:auto;
		}
		
		.pie {
			float:left;
			width:70%;
			text-align:left;
			padding:5%;
			font-size:0.75em;
			}
		
		.rampa {
			float:left;
			text-align:right;
			padding:2% 5% 2% 0%;
			width:15%
			}
		
.arriba {
	width:100%;
	float:left;
	color:#fff;
	background-color: #CCC;
	}

.cd-top	{
	color:#fff;
	text-decoration:none;
	display:block;
	padding:5%;
	}
	
		
		
/* TABLETA */

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

	
	.home {
		background: url(../imagenes/Fondo-Agustina-Ros.jpg) no-repeat center center;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		-ms-behavior: url(../backgroundsize.min.htc);
		}
	
	header {
		height:16em;
		}
		
		.bio, .colec, .produ, .conta {
			height:16em;
			}
		
	.logo a{
		width:100%;
		margin:0 0 2.5% 0;
		}
		
		.logogrande a{
			width:100%;
			margin:0 0 2.5% 0;
			}
				
	main {
		width:90%;
		padding:5%;
		}
		
		.col2{
			padding:0;
			}
		
		.contenido{
			padding:7% 0;
			}
			
			.links li {
				display: list-item !important;
				margin-bottom: 2% !important;
				}
					
			.sub {
				margin-bottom: 0%;
				}
			
			.sub li {
				display:inline-block;
				margin-right:5%;
				margin-bottom:3%;
				}
				
			.campoChico {
				margin-bottom:2%;
				padding-left:1%;
				}
				
			.campoGrande {
				margin-bottom:2%;
				padding-left:1%;
				}
			
			.boton {
				width:25%;
				}
			
			#galeria {
				margin:2.5% 0 5% 0;
				}
				
				.vertical {
					width:49.6%;
					float:left;
					margin-right:0.4%;
					padding:0;
					}
	
		.inicio {
			top:5%;
			}
					
		.arriba {
			display:none;
			}	
			
		.rampa {
			float:left;
			text-align:right;
			padding:3% 5% 0 0;
			width:15%
			}
			
		.idioma {
			top:1.5em;
			left:1.5em;
			}
}



/* PC */

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


	header {
		height:15em;
		}
		
		.bio {
			height:20em;
			background: url(../imagenes/fondo-bio.jpg) no-repeat center center;
			-webkit-background-size: cover;
			-moz-background-size: cover;
			-o-background-size: cover;
			background-size: cover;
			-ms-behavior: url(../backgroundsize.min.htc);
			}
			
		.colec {
			height:20em;
			background: url(../imagenes/fondo-colec.jpg) no-repeat center center;
			-webkit-background-size: cover;
			-moz-background-size: cover;
			-o-background-size: cover;
			background-size: cover;
			-ms-behavior: url(../backgroundsize.min.htc);
			}
			
		.produ {
			height:20em;
			background: url(../imagenes/fondo-produ.jpg) no-repeat center center;
			-webkit-background-size: cover;
			-moz-background-size: cover;
			-o-background-size: cover;
			background-size: cover;
			-ms-behavior: url(../backgroundsize.min.htc);
			}
			
		.conta {
			height:20em;
			background: url(../imagenes/fondo-conta.jpg) no-repeat center center;
			-webkit-background-size: cover;
			-moz-background-size: cover;
			-o-background-size: cover;
			background-size: cover;
			-ms-behavior: url(../backgroundsize.min.htc);
			}
	
	.logo a{
		margin-bottom: 2%;
		}
		
		.logogrande a{
			background:url(../imagenes/logo.png) no-repeat left center;
			height:120px;
			width:100%;
			margin-bottom:1% !important;
			}
			
			.engrande a{
			background:url(../imagenes/logo2.png) no-repeat left center;
			height:120px;
			width:100%;
			margin-bottom:1% !important;
			}
	
	main {
		width:95%;
		padding:2.5%;
		}
		
		.col1{
			width:25%;
			float:left;
			margin-right:2.5%;
			}
			
		.colgrande {
				width:100%;
				}
			
		.col2{
			width:70%;
			float:left;
			padding:0;
			}
			
		.contenido{
			width:70%;
			float:left;
			padding:0;
			}
			
			.boton {
				margin-bottom:6%;
				}
				
			.sub {
				margin-bottom:1%;
				}
					
			.sub li {
				margin-right:2.5%;
				margin-bottom:2.5%;
				}
				
				#galeria {
					margin:1.5% 0 2.5% 0;
					}
					
					.fotos {
						width: 48.4%;
						float: left;
						margin-right: 0.4%;
						}
						
					.vertical {
						width:24%;
						}
	.idioma {
		top:2em;
		left:2.5em;
		}		
		
		.inicio {
			top:3.5%;
			}	
		
		.pie {
			width:75%;
			padding:2.5%;
			}
		
		.rampa {
			padding:2% 2.5% 2% 0%;
			width:17.5%
			}
}



/* PC GRANDE */

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

	header {
		height:20em;
		}
		
	.col1{
		width:20%;
		float:left;
		margin-right:2.5%;
		}
		
	.col2 {
		width:50%;
		}
			
	.contenido{
		width:75%;
		}
		
		.sub li {
			margin-right:2%;
			margin-bottom:2%;
			}
			
			.fotos {
				width:45%;
				float:left;
				margin-right:0.2%;
				padding:0;
				}
				
				.vertical {
						width:22.4%;
						}
		
.clearfix:after { 
  content: "container"; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden; 
}
.clearfix { 
  display: inline-block;  
}
* html .clearfix {  
  height: 1%;  
} /* Hides from IE-mac \*/
.clearfix {  
  display: block;  
}	
		
}