@charset "UTF-8";
/* CSS Document */

html, body {
	margin:0;
	padding:0;
	width:100%;
	font-family:Helvetica, Arial, sans-serif;
	font-size:12px;
	line-height:19px;
	background-color:#fff;
}
nav, header, footer, section, aside, article {
	display:block;
}
#wrapper {
	max-width:1250px;
	padding:0 40px;
	margin:0 auto;
	height:100%;
}
#idiomes {
	padding-top:30px;
	padding-right:20px;
}
#idiomes a {
	display:block;
	width:39px;
	height:22px;
	margin:5px;
	float:right;
	text-decoration:none;
	-webkit-transition:all 0.5s ease; /* Safari y crome */
	-o-transition:all 0.5s ease;	  /* Opera */
	-moz-transition:all 0.5s ease;	  /* Mozilla */
	transition: all 0.5s ease;	  /* standard code at end */
	opacity:1;
}
#idiomes a:nth-of-type(1) {
	background-image:url(../images/idiomases.jpg);
}
#idiomes a:nth-of-type(2) {
	background-image:url(../images/idiomasen.jpg);
}
#idiomes a.current {
	opacity:0.2;
}
#idiomes a.current:hover, #idiomes a.current:focus {
	cursor:default;
	opacity:0.2;
	-webkit-transform:none;
	-moz-transform:none;
	-o-transform:none;
	transform:none;
}
#idiomes a:hover, #idiomes a:focus {
	opacity:0.2;
	-webkit-transform: scale(1.20);
	-moz-transform: scale(1.20);
	-o-transform: scale(1.20);
	transform: scale(1.20);
}
header#cabecera h1 {
	font-size:15px;
	font-weight:normal;
	padding:150px 0 0 8px;
	margin:0;

}
header#cabecera nav {
	padding:0;
	margin:0;
}
header#cabecera nav ul {
	margin:0;
	padding:0;
}
header#cabecera nav ul li {
	margin:-20px 0 0 0;
	padding:0 6px;
	list-style:none;
	font-size:17px;
	float:right;
}
header#cabecera nav ul li a {
	display:block;
	text-decoration:none;
	padding:5px 20px 6px 20px;
	border-radius:15px;
	color:#000;
	-webkit-transition:all 1s ease; /* Safari y crome */
	-o-transition:all 1s ease;	/* Opera */
	-moz-transition:all 1s ease;	/* Mozilla */
	transition: all 1s ease;	/* standard code at end */
}
header#cabecera nav ul li a:hover, header#cabecera nav ul li a:focus {
	background-color:#000;
	color:#FFF;
	border-radius:15px;
}

/*
 * GALLERY
 */
section#gallery {
	margin:50px 0 0px 0;
}
section#gallery a {
	display:block;
	width:205px;
	height:205px;
	margin:15px;
	float:left;
	text-decoration:none;
	-webkit-transition:all 1s ease; /* Safari y crome */
	-o-transition:all 1s ease;	/* Opera */
	-moz-transition:all 1s ease;	/* Mozilla */
	transition: all 1s ease;	/* standard code at end */
}
section#gallery a:hover, section#gallery a:focus {
	-webkit-transform: scale(1.10);
	-moz-transform: scale(1.10);
	-o-transform: scale(1.10);
	transform: scale(1.10);
}
span.texto {
	color:#fff;
	z-index:100;
	background-color:#000;
	display:none;
}
a:hover span.texto {
	display:block;
	background-color:#333;
	font-size:13px;
	padding:8px;
	margin-top:60px;
}

/*
 * FOOT
 */
footer#pie {
	height:280px;
	clear:both;
	padding-top:50px;
}
footer#pie p {
	margin:0;
}
footer#pie p.dot {
	padding-top:30px;
	border-top:1px dotted #999;
	margin:0;
}
footer#pie a {
	text-decoration:none;
	color:#666;
	-webkit-transition:all 0.5s ease; /* Safari y crome */
	-o-transition:all 0.5s ease; /* Opera */
	-moz-transition:all 0.5s ease; /* Mozilla */
	transition: all 0.5s ease;	  /* standard code at the end */
}
footer#pie a:hover, footer#pie a:focus {
	background-color:#000;
	color:#FFF;
}
footer#pie a img {
	border:none;
}
footer#pie a.red {
	background-color:#FFF;
	display:block;
	float:left;
	margin-right:10px;
	margin-top:10px;
	opacity:1;
	-webkit-transition:all 0.5s ease; /* Safari y crome */
	-o-transition:all 0.5s ease;	  /* Opera */
	-moz-transition:all 0.5s ease;	  /* Mozilla */
	transition: all 0.5s ease;	  /* standard code at the end */
}
footer#pie a.red:hover, footer#pie a.red:focus {
	-webkit-transform: scale(1.10);
	-moz-transform: scale(1.10);
	-o-transform: scale(1.10);
	transform: scale(1.10);
	opacity:0.5;
}

/*
 * IPAD 1
 */
@media screen and (max-width: 1044px) {
	header#cabecera nav {
		float:left;
	}
	header#cabecera nav ul li {
		margin:20px 0 0 0;
		padding:0 6px;
		list-style:none;
		font-size:17px;
		float:right;
	}
	header#cabecera nav ul li a {
		display:block;
		text-decoration:none;
		background-color:#ccc;
		padding:5px 20px 6px 20px;
	}
	section#gallery a {
		display:block;
		width:205px;
		height:205px;
		margin:10px;
		float:left;
	}
	section#content img {
		width:70%;
	}
}

/*
 * IPAD 2
 */
@media screen and (max-width: 730px) {
	#idiomes a {
		display:block;
		width:39px;
		height:22px;
		margin:0px 0 30px 5px;
		float:left;
	}
	header#cabecera nav ul li {
		margin:20px 0 0 0;
		padding:0 4px;
		list-style:none;
		font-size:15px;
	}
	header#cabecera nav ul li a {
		display:block;
		text-decoration:none;
		background-color:#ccc;
		padding:5px 15px 6px 15px;
	}
	section#gallery a {
		display:block;
		width:190px;
		height:190px;
		margin:5px;
		float:left;
	}
	footer#pie {
		clear:both;
		padding-top:50px;
	}
	footer#pie p {
		margin:0;
	}
	footer#pie a.red {
		background-color:#FFF;
		display:block;
		float:left;
		margin-right:10px;
		margin-top:10px;
	}
	section#content img {
		float:left;
		width:100%;
	}
}

/*
 * IPHONE
 */
@media screen and (max-width: 450px) {
	#wrapper {
		padding:0 30px;
		min-width:260px;
		margin:0 auto;
		height:100%;
	}
	header#cabecera {
		height:230px;
		background:url(../images/capsalera.jpg) left no-repeat;
		background-size:100%;
	}
	header#cabecera h1 {
		font-size:13px;
		font-weight:normal;

	}
	header#cabecera nav {
		float:left;
	}
	header#cabecera nav ul li {
		margin:20px 0 0 0;
		padding:0 2px;
		font-size:12px;
		float:right;
	}
	header#cabecera nav ul li a {
		display:block;
		text-decoration:none;
		background-color:#ccc;
		border-radius:5px;
		padding:5px 8px;
	}
	section#gallery a {
		display:block;
		width:115px;
		height:115px;
		margin:5px;
		float:left;
	}
	span.texto {
		color:#fff;
		z-index:100;
		background-color:#000;
		display:none;
	}
	a:hover span.texto {
		display:block;
		background-color:#333;
		font-size:12px;
		padding:3px;
		margin-top:0px;
	}
}