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

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

}

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

}

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

}


body {
  background: #222 url("../images/bg2.png") repeat;
}

#container{
	max-width:1200px;
	margin:50px auto;
}

#small-header{
	border-top:2px solid #FFF;
	border-bottom:2px solid #FFF;
}

#small-header h1{
	font: 36px "SeasideResortNFRegular", Helvetica, Arial, sans-serif;
	color: #FFF;
	font-weight: 200;
	text-align:center;
	text-shadow: 0 -2px 1px #000;
	margin:0;
}

#small-header h1 a{
	color: inherit;
	text-decoration:none;
}

#small-header h2{
	font-family: 'Enriqueta', 'EnriquetaRegular', Helvetica, Arial, sans-serif;
	font-size:14px;
	font-weight:400;
	line-height:20px;
	text-align:center;  
	color: #FFF;
	text-shadow: 0 -2px 1px #000;
	margin:0;
	padding:0;
}

#artist{
	margin-top:50px;
	margin-bottom:50px;
}

.avatar{
	max-width:450px;
	background-position:center;
	height:300px;
	margin:0 auto;
	border:5px solid #FFF;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

#avatar1{
	background-image:url(../images/pintor1/juarez.jpg);
}#avatar2{
	background-image:url(../images/pintor2/bravo.jpg);
}#avatar3{
	background-image:url(../images/pintor3/principal.jpg);
}

#artist h3{
	color:#333;
	background-color:#66FF99;
	font-family: 'EnriquetaRegular', 'Enriqueta', Helvetica, Arial, sans-serif;
	text-align:center;
	font-size:40px;
	max-width:700px;
	padding:10px;
	font-weight:300;
	margin:0 auto;
	border:1px solid #66FF99;
}

#description{
	color:#FFF;
	font-family: 'EnriquetaRegular', 'Enriqueta', Helvetica, Arial, sans-serif;
	font-size:16px;
	max-width:700px;
	margin:0px auto;
	text-align:left;
	padding:10px;
	border:1px solid #66FF99;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
}

#footer{
	color:#888;
	font-family: 'EnriquetaRegular', 'Enriqueta', Helvetica, Arial, sans-serif;
	border-top: 2px solid #FFF;
	height: 30px;
	margin-top: 50px;
	padding-top: 20px;
	font-size: 12px;
	line-height:22px;
}

#foot-left{
	float:left;
	text-align:left;
	padding-left:15px;
}

#foot-left ul{
	list-style:none;
	margin-left:0;
}

#foot-left li{
	display:inline-block;
}

#foot-left li:last-child:after{
	content:'';
}

#foot-left li:after{
	content:'/';
	margin:0 10px;
}

#foot-right{
	float:right;
	text-align: right;
	padding-right:15px;
}

#footer a:hover{
	color:inherit;
	text-decoration:none;
	border-bottom:1px solid #66FF99;
}

::selection 	 {background: #66FF99;}
::-moz-selection {background: #66FF99;}





@media screen and (max-width: 600px) {
	
	#small-header h1{
		font-size:32px;
	}
	
	#small-header h2{
		font-size:12px;
	}
	
	#artist h3{
		font-size:28px;
	}
	#description{
		font-size:13px;
		line-height:18px;
	}
	#foot-left{
		padding-left:0;
	}
	#foot-right{
		padding-right:0;
	}
	
}