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


	
/* ------------------------- contingut ----------------------------------------*/	
#imgPrincipal {
	display:block;
	margin:0 auto;
	padding:0;
	width:80%;
	border-radius:20px 20px 0 0;}
#comandaments {
	background-color:rgba(0,0,0,0.3);
	position:relative;
	margin:-30px auto;
	padding:3px;
	width:200px;
	text-align:center;
	border-radius:10px;
}
h1 {
	font-size:16px;
	padding-top:15px;
	color:rgba(227, 197, 113, 1);
}
a.prev, a.siguiente {
	color:#FFF;
	font-size:15px;
	text-decoration:none;
}
a.prev:hover,a.siguiente:hover {
	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; /*colocar el código estandard al final*/
	color:#000;
}
#textPrincipal {
	margin:0px auto;
	margin-top:50px;
	padding:0 0 0px 0;
	width:80%;
	background-color:#E2E2E2;
	border-radius:20px 20px 0 0;
	}
#textPrincipal p.normal {
	font-size:16px;
	line-height:25px;
	padding:35px 35px 0px 35px;
	margin:0
	}
#textPrincipal p.mas {
	font-size:25px;
	font-weight:bold;
	text-align:right;
	margin:0 30px 0px 0;
	padding-bottom:10px;
	}
	
#textPrincipal p.mas a {
	padding:0px 5px;
	border: 1px solid #E2E2E2;
	color:#999;
	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; /*colocar el código estandard al final*/
	}
	
#textPrincipal p.mas a:hover {
	color:#000;
	border: 1px solid #000;
	}
	
/* ------------------------- gallery ----------------------------------------*/	
#gallery {
	display:block;
	margin:0 auto;
	padding:0;
	height:200px;
	width:80%;
	}
#gallery a {
	display:block;
	width:220px;
	height:220px;
	margin:18px 0px 0px 20px;
	float:left;
	background-size:100%;
	text-decoration:none;
	border-radius:15px 15px 0 0;
	-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; /*colocar el código estandard al final*/
	}
#gallery a:hover {
	-webkit-transform: scale(1.10);
	-moz-transform: scale(1.10);
	-o-transform: scale(1.10);
	transform: scale(1.10);
	opacity:0.5;
	}
#gallery a:nth-of-type(1) {background-image:url(../images/artista2.jpg);}	
#gallery a:nth-of-type(2) {background-image:url(../images/chinguetti.jpg);}
#gallery a:nth-of-type(3) {background-image:url(../images/proj2.jpg);}
#gallery a:nth-of-type(4) {background-image:url(../images/biblioteca22.jpg);}
#gallery a:nth-of-type(5) {background-image:url(../images/proj1.jpg);}
#gallery a:nth-of-type(6) {background-image:url(../images/ruta.jpg);}
#gallery a:nth-of-type(7) {background-image:url(../images/ruta2.jpg);}
#gallery a:nth-of-type(8) {background-image:url(../images/dibuix1.jpg);}
#gallery a:nth-of-type(9) {background-image:url(../images/biblioteca3.jpg);}
#gallery a:nth-of-type(10) {background-image:url(../images/artista1.jpg);}
#gallery a:nth-of-type(11) {background-image:url(../images/processos.jpg);}


.texto {
	display:block;
	font-size:12px;
	color:#FFF;
	background-color:rgba(0, 0, 0, 0.4);
	margin:150px 0 0 0;
	padding:15px;
}
	
/* ------------------------- mas ----------------------------------------*/	
#mas {
	margin:0;
	padding:0;
	height:100px;
	clear:both;
	}
/*..............responsive...................*/

@media screen and (max-width: 1200px) {
#imgPrincipal {
	width:90%;
	}
#imgText {
	width:90%;
	}
#textPrincipal {
	width:90%;
	}
#gallery {
	width:90%;
	}
#gallery a {
	width:190px;
	height:190px;
	margin:10px;
	}
.texto {
	font-size:11px;
	color:#FFF;
	background-color:rgba(0, 0, 0, 0.4);
	margin:120px 0 0 0;
	padding:15px;
	}
}



@media screen and (max-width: 1024px) {

#imgPrincipal {

	}
#gallery a {
	width:190px;
	height:190px;
	margin:10px;
	}
#textPrincipal {

	padding:0;
	}
#textPrincipal p.normal {
	font-size:15px;
	line-height:22px;
	padding:25px 25px 0px 25px;
	margin:0
	}
}


@media screen and (max-width: 600px) {
#imgPrincipal {
	width:98%;

	}
#imgText {
	width:98%;
	height:40px;
	}
#imgText p {
	display:block;
	padding:10px 0 0 0;
	margin:0px 0 0 20px;
	font-size:15px;
	}
p.gran {
	font-size:30px;
	}
#textPrincipal {
	width:98%;
	}
#textPrincipal p.normal {
	font-size:13px;
	line-height:20px;
	padding:25px 25px 0px 25px;
	margin:0
	}
#gallery {
	width:98%;
	}
#gallery a {
	width:180px;
	height:180px;
	margin:15px;
	}
.texto {
	font-size:11px;
	color:#FFF;
	background-color:rgba(0, 0, 0, 0.4);
	margin:100px 0 0 0;
	padding:15px;
	}
}


@media screen and (max-width: 450px) {
#imgPrincipal {

	}
#gallery a {
	width:150px;
	height:150px;
	margin:10px;
	}
.texto {
	font-size:11px;
	color:#FFF;
	background-color:rgba(0, 0, 0, 0.4);
	margin:80px 0 0 0;
	padding:15px;
	}
}



@media screen and (max-width: 320px) {
#gallery a {
	width:130px;
	height:130px;
	margin:5px;
	}
.texto {
	margin:50px 0 0 0;
	padding:10px;
	}
}

@media screen and (max-width: 280px) {
#gallery a {
	width:115px;
	height:115px;
	margin:3px;
	}
.texto {
	margin:25px 0 0 0;
	padding:0px;
	}
}