*{
	margin:0;
	padding:0;
	border:none;
	outline:none;
	font-family:Arial, Helvetica, sans-serif;
}

body {
	background-color: #c7b07b;
}

li{
	list-style:none;
}

#warp{
	margin:0 auto;
	width:912px;
	height:700px;
	background-color:#FFFFFF;
	background:url(img/fondo.gif) repeat-y top center;
}

#cabecera{
	width:900px;
	height:265px;
	margin-left:6px;
}

#cuerpo{
	width:900px;
	height:435px;
	margin-left:6px;
}

#col-izq{
	width:444px;
	height:435px;
	float:left;
	display:inline;
	position:relative;
}

#col-der{
	width:456px;
	height:435px;
	background:url(img/fondo-premios.jpg) repeat-y;
	float:left;
	display:inline;
	position:relative;
}

#youtube{
	margin:2px 0;
}


.galeria h3{
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:12px;
	font-weight:bold;
	margin:4px;
}


/* 
    root element for the scrollable. 
    when scrolling occurs this element stays still. 
*/ 
div.galeria { 
 
    /* required settings */ 
    position:relative; 
    overflow:hidden; 
    width: 370px; 
    height:114px;
	background-color:#333333; 
} 
 
/* 
    root element for scrollable items. Must be absolutely positioned 
    and it should have a extremely large width to accomodate scrollable items. 
    it's enough that you set width and height for the root element and 
    not for this element. 
*/ 
div.galeria div.items { 
    /* this cannot be too large */ 
    width:20000em; 
    position:absolute;
	margin:0 4px; 
} 
 
/* 
    a single item. must be floated in horizontal scrolling. 
    typically, this element is the one that *you* will style 
    the most. 
*/ 
div.galeria div.items div { 
    float:left; 
}


/* this makes it possible to add next button beside scrollable */
.galeria {
	float:left;	
}

/* prev, next, prevPage and nextPage buttons */
a.browse {
	display:block;
	width:19px;
	height:114px;
	float:left;
	cursor:pointer;
	font-size:1px;
}

/* right */
a.right {
	background:url(img/galeria-der.gif) no-repeat;
	background-position: 0 -2px ; 
	clear:right; 
	margin-right: 0px;
 }
a.right:hover 		{ background-position:-21px -2px; }


/* left */
a.left { 
	background:url(img/galeria-izq.gif) no-repeat;
	background-position: -21px -2px ; 
	margin-left: 10px; 
} 
a.left:hover  		{ background-position: 0 -2px; }



/* disabled navigational button */
a.disabled.left:hover {
	/*visibility:hidden !important;*/
	cursor:default;	
	background-position: -21px -2px ; 	
} 

a.disabled.right:hover {
	/*visibility:hidden !important;*/
	cursor:default;	
	background-position: 0 -2px ; 	
}   



#colabora{
	width:444px;
	height:219px;
	background:url(img/fondo-colab.jpg) repeat-x;
	float:left;
	display:inline;
	position:relative;
	margin: 7px 0 0 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	
}

#colabora h3{
	font-size:14px;
	color:#FFFFFF;
	font-style:italic;
	width:414px;
	border-bottom:#FFFFFF 1px solid;
	margin:5px auto;
}

#colabora ul{
	width:200px;
	height:190px;
	float:left;
	display:inline;
	position:relative;
	margin:0 0 0 15px;
	_margin:0 0 0 0px;
	
}

#colabora ul li{
	margin:0 0 10px 0;
	_margin:0 0 5px 0;
	width:200px;
	height:25px;
}

#colabora ul li img,
#colabora ul li a,
#colabora ul li p {
	float:left;
	display:inline;
	position:relative;

}


#colabora ul li a,
#colabora ul li p {
	margin:0 0 0 3px;
}

#colabora ul li p {
	color: #ff9900;
}

#colabora ul li a {
	text-decoration:none;
	color:#FFFFFF;
	font-weight:bold;
}

#colabora ul li a:hover {
	text-decoration:underline;
}


#arriba-izq{
	margin:10px 0 0 20px;
	width:180px;
	float:left;
	display:inline;
}

#arriba-izq h1{
	color:#802017;
	font-size:12px;
	font-style:italic;
	font-weight:bold;
	margin:0 0 10px 8px;
}

#arriba-izq p{
	color:#666666;
	font-style:italic;
	font-size:11px;
	margin:8px;
}

#arriba-izq a, #arriba-izq a:hover{
	color:#FFFFFF;
	text-decoration:none;
	font-size:11px;
	width:171px;
	height:26px;
	display:block;
	background:url(img/boton-bases.gif) no-repeat;
	line-height:26px;
	text-indent:5px;
	margin:20px 0 10px 8px;
}

#arriba-izq a:hover{
	color: #ff9900;
}

#arriba-der{
	margin:10px 0 10px 15px;
	width:210px;
	float:left;
	display:inline;
	border:#802017 1px solid;
	/*background-color:#FFFFFF;*/
}

#arriba-der h3{
	color:#802017;
	font-size:12px;
	font-style:italic;
	margin:5px 0 5px 5px;
}

#arriba-der img {
	margin:0 0 5px 5px;
}

#col-der h2{
	color:#802017;
	font-size:12px;
	margin:5px 0 0 28px;
}

.img-premio{
	width:394px;
	height:238px;
	/*margin:0 0 0 28px;*/
	position:relative;
}

.img-premio img{
	z-index:-11;
	position:absolute;
	top:0;
}

.img-premio p{
	z-index:100;
	position:absolute;
	display:block;
	width:394px;
	height:25px;
	bottom:0;
	font-size:11px;
	color:#FFFFFF;
	line-height:25px;
	text-indent:5px;
	background:url(img/pie-img.png) no-repeat;
	_background:url(img/pie-img.gif) no-repeat;
}



/* container for slides */
.images {	
	width:394px;
	height:238px;
	margin:0 0 0 28px;
	position:relative;
	overflow:hidden;
	clear:both;
	z-index:0;
}


/* single slide */
.images div {
	display:none;
	position:absolute;
	top:0;
	left:0;
}


.custom{
	color:#FFFFFF;
	width:50px;
	height:15px;
	background:url(img/btn-naveg-premios.gif) no-repeat;
	font-size:10px;
	text-align:center;
	margin:0 0 0 5px;
	float:right;
	display:inline;
	position:relative;
	cursor:pointer;
}
.tabs{
	clear:both;
	margin-left:28px;

}


.tabs a{
	width:15px;
	height:15px;
	display:block;
	text-align:center;
	text-decoration:none;
	float:left;
	margin-right:2px;
	font-size:11px;
	color:#FFFFFF;
	background:url(img/tab.gif) no-repeat;
}

.tabs a.current{
	color:#000000;
	background:url(img/tab-on.gif) no-repeat;
}



#col-der span{
	float:right;
	display:inline;
	position:relative;
	margin:0 34px 0 0;
}





/* the overlayed element */
.overlay {
	
	color:#fff;
	
	/* initially overlay is hidden */
	display:none;
	
	/* growing background image */
	/*background-image:url(img/transparent.png);*/
	
	/* 
		width after the growing animation finishes
		height is automatically calculated
	*/
	width:640px;		
	
	/* some padding to layout nested elements nicely  */
	padding:20px;

	/* a little styling */	
	font-size:11px;
}

.details h2{
	margin:5px;
	font-size:14px;
}

.overlay2 {
	
	color:#fff;
	
	/* initially overlay is hidden */
	display:none;
	
	/* growing background image */
	/*background-image:url(img/transparent.png);*/
	
	/* 
		width after the growing animation finishes
		height is automatically calculated
	*/
	width:820px;		
	
	/* some padding to layout nested elements nicely  */
	padding:20px;

	/* a little styling */	
	font-size:11px;
}




/* default close button positioned on upper right corner */
.overlay div.close, .overlay2 div.close {
	background-image:url(img/close.png);
	position:absolute; right:5px; top:5px;
	cursor:pointer;
	height:35px;
	width:35px;
}