/* CSS Document */
/* definicion del fondo */
body{
  background-image:url('../images/wallpaper-pattern.jpg');
  color:#fff;
  font-size:12px;
}
#header {margin:20px 0px;width:793px;}
#main {width:793px;}


#frmRegistro{
  border:2px solid #fff;	
  min-height:320px;
  padding:15px 20px;
  background-color:#313131;	
  background-image:url('../images/fondo.png') ;
  background-repeat:no-repeat;
  background-position:top right;
                          }


/******************************************************************************
/*Incio Definición de los tab  */
ul{ 
    list-style-image:url();
}
ul.css-tabs {  
	margin:0 !important; 
	/*padding:0;*/
	height:30px;
	border-bottom:0px;	 	
}

/* single tab */
ul.css-tabs li {  
	float:left;	 
	padding:0; 
	margin:0;  
	list-style-type:none;	
}

/* link inside the tab. uses a background image */
ul.css-tabs a { 
	float:left;
	font-size:12px;
	display:block;
	padding:5px 30px;	
	text-decoration:none;
	border:2px solid #fff;	
	border-bottom:0px;
	height:18px;
	background-color:#aaa;
	color:#000;
	margin-right:2px;
	position:relative;
	top:1px;
    text-transform:uppercase;
    font-weight:bold;	
}
ul.css-tabs a:hover {
	background-color:#F7F7F7;
	color:#333;
}	
/* selected tab */
ul.css-tabs a.current {
	background-color:#4f4f4f;
	border-bottom:4px solid #4f4f4f;	
	color:#efac15;	
	cursor:default;
}	
/* tab pane */
div.css-panes div.pane {
	display:none;
	border:2px solid #fff;	
	min-height:680px;
	padding:15px 20px;
	background-color:#313131;	
    background-image:url('../images/fondo.jpg') ;
    background-repeat:no-repeat;
    background-position:top right;  	
}
/*Fin definición de los tab  */
/****************************************************************************** /
	
	
/******************************************************************************
/*Incio Definición del overlay */	
/* the overlayed element */
.apple_overlay {	
	/* initially overlay is hidden */
	display:none;	
	/* growing background image */
	background-image:url(../images/white.png);	
	/* 
		width after the growing animation finishes
		height is automatically calculated
	*/
	width:575px;			
	/* some padding to layout nested elements nicely  */
	padding:35px;
	/* a little styling */	
	font-size:11px;
	z-index: 10000;
}
/* default close button positioned on upper right corner */
.apple_overlay div.close {
    background-image:url(../images/close.png); 
    position:absolute; right:5px; top:5px;
	cursor:pointer;
	height:35px;
	width:35px;
}
 
/* use a semi-transparent image for the overlay */
#overlay {    
   background-image:url(../images/transparent.png);     
   height:450px;    
   color:#efefef;      
} 
/* container for external content. uses vertical scrollbar, if needed */
.contentWrap {
	height:441px;
	overflow-y:auto;
}
/*Fin definición de los overlay  */
/*******************************************************************************/


   .participa{
        padding: 20px 10px;color:#fff;
   }
   .participa a{
       text-decoration:none;
       color:#fff;
   }

   .participa p{
        padding: 10px 0px;  
   }
   #menu-lateral{
      width: 150px;  /*Este será el ancho que tendrá tu columna*/
      min-height: 550px;
      float:left; /*Aqui determinas de lado quieres quede esta "columna" */
    }
   #detino{
      margin-left:160px;
      padding:4px;
   }
   #destino li{list-style:square; }
   #destino li ul{padding:0px 0px 0px 150px;}
   
/*Inicio definición botones  */
/*******************************************************************************/   
#menu-lateral a,a#button-participa,a#button-bases,a#button-download,a#button-upload,a#button-enviar,a#button-vota,a#button-jurado{display:block;width:141px;height:28px;overflow: hidden;text-indent: -999em;margin-bottom:10px;}
#menu-lateral a:hover,a#button-participa:hover,a#button-bases:hover,a#button-download:hover,a#button-upload:hover,a#button-enviar:hover,a#button-vota:hover,a#button-jurado:hover{background-position:0 -28px;}
a#button-presentacion{background:transparent url('../images/buttons/Presentacion.jpg') no-repeat;}
a#button-concurso{background:transparent url('../images/buttons/concurso.jpg') no-repeat;}
a#button-material{background:transparent url('../images/buttons/material.jpg') no-repeat;}
a#button-requisitos{background:transparent url('../images/buttons/BasesLegales.jpg') no-repeat;}
a#button-premio{background:transparent url('../images/buttons/premios.jpg') no-repeat;}   
a#button-autor{background:transparent url('../images/buttons/laautora.jpg') no-repeat;}
a#button-volum1{background:transparent url('../images/buttons/volumenI.jpg') no-repeat;}
a#button-volum2{background:transparent url('../images/buttons/VolumenII.jpg') no-repeat;}
a#button-volum2{background:transparent url('../images/buttons/VolumenII.jpg') no-repeat;}
a#button-participa{background:transparent url('../images/buttons/participa.jpg') no-repeat;}
a#button-bases{background:transparent url('../images/buttons/BasesLegales.jpg') no-repeat;}
a#button-download{background:transparent url('../images/buttons/desccargarMaterial.jpg') no-repeat;}
a#button-upload{background:transparent url('../images/buttons/enviaTrailer.jpg') no-repeat;}
a#button-enviar{background:transparent url('../images/buttons/enviaTrailer.jpg') no-repeat;}
a#button-vota{background:transparent url('../images/buttons/vota.gif') no-repeat;}
a#button-jurado{background:transparent url('../images/buttons/jurado.gif') no-repeat;}
/*Fin definición botones  */
/*******************************************************************************/