/* @override http://concurso.hvo.cl/style.css */

nombre: El huevo sitio de concurso
editor: WebIntegral 
http://www.webintegral.cl

¿Qué estas buscando?


*{
margin:0;
padding:0;
}

img{
	border: 0;
}

html,body{
margin:0;
padding:0;
background-color: #000;
}

body{
font-size: 76%;
font-family: arial,sans-serif;
}

p{
margin: 0 10px 10px;
line-height:1.4;
}

a{
display:block;/* permite que el espacio del link sea un bloque*/
}

.clear {clear:both;}


h1 {
margin:0;
color: #333333;
line-height:100px; /* permite centrar el titulo o h1 a altura media del div*/
padding:0 0 0 10px;/* emargen interior del div hacia la izquierda*/
}


/*LAYOUT*/
#head{
	width: 100%;
	height: 20px;
	list-style-type:none;
	background:#111;
	margin: 0;
	padding: 0;
}

.net{
	width:900px;
	padding-top: 3px;
	padding-left: 12px;
	font: 12px "Courier New", Courier, mono;
	color: #0ff;
}

.net ul{
	margin:0;
	padding:0;
	list-style-type:none;
    height:auto;
    display: inline;

}

.net li{

	float:left;
	margin-right:5px;
	width:auto;
	text-align: center;
}

.net a{
	display: block;
	margin: 0;
	padding: 0;
	text-decoration: none;
	color: #999999;
}

.net a:hover{
	background:#fff;
	color:#ED1E79;
	/*text-decoration: underline;*/
}

#header {
width: 800px;
margin-left: 200px;
}


#space{
	margin: 0;
	padding: 0;
}

#space img{
border: 0;
}
#space ul{
	margin: 0;
	padding: 0;
	list-style: none;
}

.lavel_invita{
	background-color:#4F0F0F;
	color: white;
	font-family: Lucida, Verdana, sans-serif;
	font-size: 10px;
	width:250px;
	text-align: right;
}

#space li{
	float: left;
}

#contenedor{
	margin: 0 auto;
	width:100%;
	background-color: #000;
	background-image: url(imgs/bg_174767.png);
	float: left;
}

#main{
	width: 800px;
	min-height: 700px;
	/*background: #fff url(imgs/bg_content.jpg) repeat;*/
	float: left;
	margin-left: 200px;
	padding-top: 10px;
}
/*navegacion*/

#navegacion{
height: 15px;

}

#navegacion ul{
	margin: 0;
	padding: 0 0 0 15px;
	list-style: none;
}
#navegacion li{
	float: left;
	padding-left: 10px;
	color: #4c4c4c;
}

#navegacion ul li a{
text-decoration: none;
	color: #4c4c4c;
}

#navegacion ul li a:hover{

}
/*navegacion*/


div.post{
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 10px;
}

div.post a{
}

div.post a:hover{
}

div.foot_img{

}


/*jquery*/
.boxgrid{ 
				width: 760px; 
				height: 200px;  
				background: #000; 
				overflow: hidden; 
				position: relative; 
			}
				.boxgrid img{ 
					top: 0; 
					left: 0; 
					border: 0; 
				}
				.boxgrid p{ 
					padding: 0 10px; 
					color: #fff; 
					font-weight:bold; 
					font:10pt "Lucida Grande", Arial, sans-serif; 
				}
				
			.boxcaption{ 
				float: left; 
				position: absolute; 
				background: rgba(0,0,0,0.67); 
				height: 100px; 
				width: 100%; 
				opacity: .8; 
				/* For IE 5-7 */
		filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
				/* For IE 8 */
		-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
 			}
 			.boxcaption h3{
	color: #fff;
	padding-left: 40px;
}
 				.captionfull .boxcaption {
 					top: 200;
 					left: 0;
 				}
 				.caption .boxcaption {
 					top: 200;
 					left: 0;
 				}/*jquery*/

#content{
	margin: 0 auto;
	width: 760px;
	padding-top: 10px;
}
/*********datos eventos*********/
#content .post_dat{
	width: 50%;
	min-height: 600px;
	
	float: left;
	margin-bottom: 10px;
}

.post_dat h2{
	font: 20px "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #333;
	padding: 5px;
}

.post_dat h3{
	font: 20px "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #333;
	padding: 5px;
}

.post_dat p{
	font: 12px "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #808080;
}

.post_dat a{
	font: 12px "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #ff7b00;
	text-decoration: none;
}

.post_dat a:hover{
	background-color: #000;

}

.post_dat .date{

	color: #b3b3b3;
	/*background: #000 url(imgs/bg.jpg) repeat-x;*/
}

.post_dat .date h2{
	color: #000;
	font-size: 15px;

}

hr{
	color: #000;
	width: 90%;
}



/*********datos eventos*********/
/*valores*/

.value{
	padding: 5px 5px 20px;
}
.value h4{
	font: 12px "Lucida Grande", Lucida, Verdana, sans-serif;
}

.value h5{
	font: 12px "Courier New", Courier, mono;
	margin: 0;
}
.value p{
	font: 12px "Courier New", Courier, mono;
	margin: 0;
	color: #333;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}



/*********Postform*********/
#content .post_form{
	width: 50%;
	min-height: 600px;
	/*background: #fff url(imgs/bg_content.jpg) repeat;*/
	float: right;
}
.post_form h4{
	color: #666;
	padding-left: 10px;
	font: bold 14px "Lucida Grande", Lucida, Verdana, sans-serif;
}

#content .post_form .form{
	background: #fff url(imgs/bg_content.jpg) repeat;
	padding: 15px;
}

/*********Postform*********/

#info{
	width: 800px;
	height: 150px;
	float: left;
	margin-left: 200px;
	background-color: #111;
	color: #666;
	padding-bottom: 15px;
}

#info p{
	text-align: center;
	font: 9px/9px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	padding: 20px 50px 10px;
}


#fixed{
	float:left;/* hace que flote hacia la izquierda*/
	width:200px; /* ancho de la barra izquierda en pixeles*/
	height: 420px;
	position: absolute;
	background-color: #111;
}


#fixed h1{
	display: block;/*para que el texto se corra*/
	text-indent: -900%;
	outline: none;
	padding:0 0 0 0px;
	background-repeat: repeat-y;
}

#fixed h1 a{
	display: block;/*para que el texto se corra*/
	text-indent: -900%;
	outline: none;

}

#fixed h1 span{
	display: none;
}

#fixed .logo{
	background: url(imgs/logo_huevo.png) no-repeat; /*llama a la marca y la muestra de fondo*/
	width: 200px;
	height: 133px;

}
/* LEFTCOL */
.leftcol{
	padding-left: 10px;
	color: #b3b3b3;
	padding-bottom: 5px;
}
.leftcol h3{
	color: #27cdff;
	font: 12px "Courier New", Courier, mono;
	padding: 5px 0 0;
	margin: 0;
}


.leftcol h4{
	color: #D4145A;
	font: 12px "Courier New", Courier, mono;
	padding: 5px 0 0;
	margin: 0;
}

.leftcol p{
	padding: 0;
	margin: 0;
	line-height: 14px;
	font-family: mono, "Courier New", Courier;
}

.leftcol a{
	color: #ff7b00;
	text-decoration: none;
}

.leftcol a:hover{
	color: #ff7b00;
	text-decoration: none;
	background-color: #fff;
}

.publicidad{
	width: 200px;
	background-color: violet;
}

.publicidad p{
	padding-left:190px;
}
/**/
#sociallinks{
	height: 30px;
}

#sociallinks ul{
	display: block;
	list-style-type: none;
}

#sociallinks li{
	display: block;
	float: left;
	width:30px;
	height:30px;
}


#sociallinks{
	width: 200px;
	height: 30px;
	list-style-type:none;
}

#sociallinks ul{
	display: inline;
	border: none;
	list-style-type:none;
}


ul#sociallinks li.link_facebook a {
	background: url(imgs/facebook_.png) no-repeat;
	display: block;
	width:30px;
	height:30px;
	text-indent:-99999px;
	float: left;
	padding-right: 5px;
	list-style: none;

}

ul#sociallinks li.link_twitter a {
	background: url(imgs/twitter_.png) no-repeat;
	text-decoration:none;
	display: block;
	width:30px;
	height:30px;
	text-align:center;
	float:left;
	text-indent:-99999px;
	padding-right: 5px;
}

ul#sociallinks li.link_myspace a {
	background: url(imgs/myspace_.png) no-repeat;
	display: block;
	width:30px;
	height:30px;
	text-indent:-99999px;
	float: left;
	padding-right: 5px;
}
ul#sociallinks li.link_feed a {
	background: url(imgs/feed_.png) no-repeat;
	display: block;
	width:30px;
	height:30px;
	text-indent:-99999px;
	float: left;
	padding-right: 5px;
}
	
ul#sociallinks li.link_facebook a:hover {
	background: url(imgs/facebook_.png) no-repeat;
	background-position: 0 -30px;
	text-decoration:none;
	display:block;
	width:30px;
	height:30px;
	text-align:center;
	float:left;
	text-indent:-99999px;
	padding-right:5px;
}

ul#sociallinks li.link_twitter a:hover {
	background: url(imgs/twitter_.png) no-repeat;
	background-position: 0 -30px;
	text-decoration:none;
	display:block;
	width:30px;
	height:30px;
	text-align:center;
	float:left;
	text-indent:-99999px;
	padding-right:5px;
}

ul#sociallinks li.link_myspace a:hover {
	background: url(imgs/myspace_.png) no-repeat;
	background-position: 0 -30px;
	text-decoration:none;
	display:block;
	width:30px;
	height:30px;
	text-align:center;
	float:left;
	text-indent:-99999px;
	padding-right:5px;
}

ul#sociallinks li.link_feed a:hover {
	background: url(imgs/feed_.png) no-repeat;
	background-position: 0 -30px;
	text-decoration:none;
	display:block;
	width:30px;
	height:30px;
	text-align:center;
	float:left;
	text-indent:-99999px;
	padding-right:5px;
}


/*SOCIAL LINKS */

/*general*/
.sociallinks{
	width: 200px;
	background-color: #333;
}
.sociallinks ul{
    margin: 0; 
    padding: 0;
	float: left;
}

.sociallinks ul li{
	display: inline;	
}

.sociallinks ul li a{
	float: left; text-decoration: none;
	color: white;
	background-color: #333;
}

.sociallinks ul li a:visited{
	color: white;}

.sociallinks ul li a:hover, .sociallinks ul li .current{
	color: #fff;
	background-color:#0b75b2;}

/*general*/


.sociallinks li.link_facebook a{
	background: url(imgs/facebook_.png) no-repeat;
	display: inline;
	width:30px;
	height:30px;
	float: left;
	padding-right: 5px;
	list-style: none;
}

.sociallinks li.link_facebook a:hover {
	background: url(imgs/facebook_.png) no-repeat;
	background-position: 0 -30px;
	text-decoration:none;
	display:inline;
	width:30px;
	height:30px;
	text-align:center;
	float:left;
	padding-right:5px;
}

.sociallinks li.link_twitter a {
	background: url(imgs/twitter_.png) no-repeat;
	text-decoration:none;
	display: block;
	width:30px;
	height:30px;
	text-align:center;
	float:left;
	padding-right: 5px;
}

.sociallinks li.link_myspace a {
	background: url(imgs/myspace_.png) no-repeat;
	display: block;
	width:30px;
	height:30px;
	float: left;
	padding-right: 5px;
}
.sociallinks li.link_feed a {
	background: url(imgs/feed_.png) no-repeat;
	display: block;
	width:30px;
	height:30px;
	float: left;
	padding-right: 5px;
}
	
.sociallinks li.link_facebook a:hover {
	background: url(imgs/facebook_.png) no-repeat;
	background-position: 0 -30px;
	text-decoration:none;
	display:block;
	width:30px;
	height:30px;
	text-align:center;
	float:left;
	padding-right:5px;
}

.sociallinks li.link_twitter a:hover {
	background: url(imgs/twitter_.png) no-repeat;
	background-position: 0 -30px;
	text-decoration:none;
	display:block;
	width:30px;
	height:30px;
	text-align:center;
	float:left;
	padding-right:5px;
}

.sociallinks li.link_myspace a:hover {
	background: url(imgs/myspace_.png) no-repeat;
	background-position: 0 -30px;
	text-decoration:none;
	display:block;
	width:30px;
	height:30px;
	text-align:center;
	float:left;
	padding-right:5px;
}

.sociallinks li.link_feed a:hover {
	background: url(imgs/feed_.png) no-repeat;
	background-position: 0 -30px;
	text-decoration:none;
	display:block;
	width:30px;
	height:30px;
	text-align:center;
	float:left;
	padding-right:5px;
}


.limpia {
clear: both;
visibility: hidden;
}



#sponsors{
clear:both;
width:100%; /* ancho de la barra en porcentaje*/

}



#footer{
width:100%; /* ancho total*/
height:72px;
clear: left;
padding: 40px 0 0 0;
	background-color: #111;
}
.pie{
	width: 800px;
	margin: 0 auto 0 250px;
}
#footer p{
margin:0;
color: #b3b3b3;
font-size: 10px;

}


.limpia {
clear: both;
visibility: hidden;
}