/* -------------------- reset css -------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	text-decoration:none;
	cursor:default;
}
a, 
a img {
	cursor: pointer;
	border:none;
}
* {
	margin: 0;
	padding: 0;
}
:focus {
	outline: 0;
}
ol, 
ul {
	list-style: none;
}
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, 
th, 
td {
	text-align: left;
	font-weight:normal;
}
blockquote:before, 
blockquote:after,
q:before, 
q:after {
	content: "";
}
blockquote, 
q {
	quotes: "" "";
}
/* -------------------- body -------------------- */
body {
	background-color: #fff;
	background-image: url(brillant.png);
	font-family: 'Open Sans', sans-serif;
	font-weight:lighter;
	line-height: 1.2em;
	color: #333;
}
.clear{
	clear:both;
}
a, a:active, a:visited {
	color:#f00;
}
a:hover{
	color:#000;	
}
li{
	display:inline;
	margin:0px;
	vertical-align:top;
}
li a{
	margin:0px;
	display:inline-block;
}
li h2{
	margin:0px 0px 10px 10px;
	color:#666;
}
strong{
	font-weight:bold;	
}
/* -------------------- header -------------------- */
#header {
	width:940px;
	margin:0px auto;
	display:block;
}
.logo {
	display:inline-block;
	float:left;
	width:200px;
}
/*
#head {
	width:1350px;
	height: 700px;
	margin:0px auto;
	display:block;
	background: transparent url(roja.png) no-repeat bottom left;
}
#inscribase{
	width:100%;
	height: 200px;
	margin:0px auto;
	display:block;
	background: transparent url(wood.jpg) no-repeat top center;
	border: solid 1px #d54e3e;
	border-left: none;
	border-right: none;
}
*/
.titulo {
	display:inline-block;
	float:left;
	width:650px;
	margin:90px 0px 0px 40px;
}
.titulo h2{
	font-size:1.2em;
	margin:0px 0px 30px 0px;
	display:block;
}
.titulo h2 span{
	font-size:2.5em;
	display:block;
	margin:20px 0px 0px 0px;
}
.invitacion{
	display:block;
	position:absolute;
	z-index:100;
	left:0px;
	bottom:20px;
	font-size:1.2em;
	
}
.invitacion span{
	display:block;
	font-size:1.8em;
	color:#f00;
	margin-top:10px;
}
/* -------------------- nominados -------------------- */
#boxNominados {
	margin:0px;
	position:relative;
}
.nominados{
	width:290px;
	float:left;
	margin:0px 20px 0px 0px;
	display:inline-block;
}
#categoriasBox{
}
#categoriasBox h4{
	font-size:1.4em;
	text-align:center;
	color:#f00;
	display:block;
	width:290px;
	height:30px;
	padding:40px 0px 30px 0px;
	margin:0px 0px 10px 0px;
	background:url(categorias.png) no-repeat center bottom;
}
#proyectosImg{
	position:relative;
	padding-top:120px;
	z-index:100;	
}
ul.proyectos {
	font-size:0.875em;
}
ul.proyectos li{
	margin:0px 0px 40px 0px;
	line-height:1em;
}
ul.proyectos li a img{
	width:290px;
	height:180px;
	margin: 0px;
	padding-bottom:5px;
	position:relative;
}
ul.proyectos li a:hover img {
	border:#FFF solid 1px;
	width:288px;
	height:178px;
}
ul.proyectos li h5{
	font-size:2em;
	line-height:0.8em;
	margin-top:5px;
}
.premiado_red{
	width:60px;
	height:85px;
	background:url(premiado_red.png) no-repeat left top;
	position:absolute;
	z-index: 100;
	margin:-1px 0px 0px 20px;
}
.premiado_black{
	width:60px;
	height:85px;
	background:url(premiado_black.png) no-repeat left top;
	position:absolute;
	z-index: 100;
	margin:-1px 0px 0px 20px;
}
.premiado_black2{
	width:60px;
	height:85px;
	background:url(premiado_black.png) no-repeat left top;
	position:absolute;
	z-index: 100;
	margin:-1px 0px 0px 40px;
}
.premiado_white{
	display:block;
	float:left;
	width:60px;
	height:85px;
	background:url(premiado_white.png) no-repeat left top;
	position:absolute;
	z-index: 80;
	margin:-1px 0px 0px 10px;
}
.premiado_white2{
	display:block;
	float:left;
	width:60px;
	height:85px;
	background:url(premiado_white.png) no-repeat left top;
	position:absolute;
	z-index: 100;
	margin:-1px 0px 0px 40px;
}
.premiado_brown{
	width:60px;
	height:85px;
	background:url(premiado_brown.png) no-repeat left top;
	position:absolute;
	z-index: 100;
	margin:-1px 0px 0px 40px;
}
/*---------------------------*/
.menu-fixed {
	position: fixed;
	top:0px;
	z-index:200;
}
.menu-absolute {
	position:absolute;
	margin:0px;
	z-index:200;
}

/* -------------------- patrocinadores -------------------- */
#boxSponsors {
	width:100%;
	margin:0px;
	padding:100px 0px 0px 0px;
}
#sponsors {
	width:100%;
	margin:0px;
	border-bottom:dashed #666 1px;
	border-top:dashed #666 1px;
}
#sponsorsIn {
	width:870px;
	margin:0px auto;
	padding:20px 20px 20px 50px;
	display:block;
}
.sponsorsBox{
	float:left;
	margin:0px 40px 0px 0px;
	padding:0px;
}
.sponsorsBox li{
}
.sponsorsBox li a{
	margin:0px 30px 0px 0px;
}
.sponsorsBox li h2{
}
/* -------------------- redes -------------------- */
.redes{
	width:100%;
	display:block;
	background-color:#eee;
	margin:0px 0px 40px 0px;
	padding:30px 0px 10px;	
}
.redesIn{
	width:940px;
	margin:0px auto;
	padding:0px;
	display:block;
}
.redes h3{
	font-size:1.6em;
	margin:0px 0px 10px 10px;
}
.social{
	margin:0;
	float:left;
}
.social li{
	margin:8px 0px 0px 0px;
	float:left;
}
.social li.fbk{
	margin-left:10px;
}
.socialTop{
	margin-top:1px;
}
#fb-root{
	display:inline;
	padding:0px 0px 0px 0px;
	margin:0px;
}
/* -------------------- form mailchimp -------------------- */
#mc_embed_signup{
	float:right;
}
.correo, .correoBtn{
	float:left;
}
.correoBtn .btn{
	background-color:#666;
	border:none;
	padding:8px;
	margin:1px 0px 0px 5px;
	color:#fff;
	display:inline-block;
}
.correoBtn .btn:hover{
	background-color:#f00;
}
.correo input{
	background-color:#fff;
	border:#ccc solid 1px;
	color:#666;
	padding:8px 5px;
	width:200px;
	display:inline-block;
}
.correo input:hover{
	border:#eee solid 1px;
}
/* -------------------- content -------------------- */
.content {
	width:940px;
	margin:0px auto;
	display:block;
	position:relative;
}
.red{
	color:#f00;
}
.content h2{
	font-size:2em;
	margin:40px 0px 20px 10px;
	display:block;
}
.content h2 span{
	font-size:2em;
	display:block;
	margin:20px 0px 0px 0px;
}
.content h3{
	font-size:1.8em;
	margin:40px 0px 15px 10px;
	color:#f00;
}
.content h3.black{
	color:#000;
}
.content ul{
	margin:0px;
}
.content li{
	display:block;
	margin:0px 0px 5px 0px;
	font-size:0.95em;
}
.content p{
	margin:0px 0px 20px 0px;
}
.categorias{
	width:100%;
	display:block;
	background-color:#eee;
	margin:0px 0px 40px 0px;
	padding:20px 0px;	
}
.categoriasIn{
	width:940px;
	margin:0px auto;
	padding:0px;
}
.categorias h3{
	font-size:1.6em;
	margin:0px 0px 10px 10px;
}
.categorias ul{
	margin:0px;
}
.categorias li{
	display:block;
	margin:0px 0px 5px 0px;
	font-size:0.95em;
}
ul.docs{
	display:block;
	padding:10px 0px 10px 100px;
	margin:20px 0px 0px 0px;
	background:url(docs.png) left center no-repeat;
}
#map {
	width:100%;
	height:150px;
	margin:20px 0px 0px;
}
/* -------------------- history -------------------- */
.history {
	width:940px;
	margin:80px auto 40px;
	padding:0px;
	display:block;
}
.history h3{
	font-size:2em;
	margin:40px 0px 20px 10px;
}
.history p{
	margin:0px 0px 20px 0px;
}
.history li{
}
.history li a{
	width:310px;
	text-align:center;
	font-size:2.5em;
}
.history li a img{
	display:block;
	margin-top:10px;
}
.history li h2{
	margin-bottom:20px;
}
/* -------------------- footer -------------------- */
#footer {
	width:100%;
	margin:0px;
	background-color: #EEE;
	border-top:dashed #666 1px;
}
#footerIn {
	width:940px;
	margin:0px auto;
	padding:40px 10px 80px 10px;
	color:#000;
}
#footerIn h2{
	font-size:1.6em;
	margin:0px 0px 10px 10px;
}
.contacto{
	float:left;
	padding:0px 40px 0px 0px;
	border-right:#ddd solid 1px;
}
.siganos{
	float:right;
	margin:10px 0px 0px 0px;
	text-align:right;
}
.siganos li{
	display:block;	
}
.siganos li a, .siganos li a:active, .siganos li a:visited{
	margin-top:2px;
	padding:5px 35px 5px 0px;
	color:#333;
	font-size:1.5em;
}
.siganos li a:hover{
	color:#09F;	
}
.facebook{
	background:	url(facebook_32.png) right center no-repeat;
}
.twitter{
	background:	url(twitter_32.png) right center no-repeat;
}
.siart{
	margin:20px 0px 20px 0px;
	font-size:0.875em;	
}