@charset "UTF-8";

/* GENERAL */
/* General */
body { margin: 0px; }
a, a:hover, a:visited, a:link {	text-decoration:none; }
img { border:0px; }

/* ESTRUCTURA */
#page {
    position:relative;
    
    left:50%;
    margin-left:-463px;

    width:924px;
    
    overflow:hidden;
}


/* Cabecera */
#header {
    position:relative;

	width:100%;
    height:135px;
}
	/* Logotipo */
	#logotype{
		position:relative;
	
		top:10px;
		margin-left:25px;
	}
	
	/* Descripcion Logotipo */
	#description{
		position:relative;
		
		top:10px;
		margin-left:150px;
	}
	
	/* Barra de Navegacion */
	#wrap {
		position:absolute;
		
		width:100%;
	    height:25px;
	    
	    left:0px;		
		bottom:0px;
	}
		/* Boton */
		#wrap div[button]{
		    position:relative;
		
		    float:left;
		    
		    margin-left:2px;
		
		    width:136px;
		    height:20px;
		    
		    text-align:center;
		    padding-top:5px;
		}
		#wrap div[button]:hover { font-weight:bold;}
		/* Acceso Directo */
		#shortcut{
			position:relative;
		    
		    float:left;
		
			width:210px;
		    height:20px;
		    
		    padding:5px 0px 0px 10px;
		}
	
/* Cuerpo */
#main {
    position:relative;

    width:100%;
    
    overflow:hidden;
}
	/* Menu */
	#menu {
	    position:relative;
	
	    float:left;
	    
	    margin-left:1px;
	
	    width:220px;
	    height:100%;
		
		padding:15px 0px 50px 0px;
	}
		/* Categoria */
		#menu div{
		    position:relative;
		    
		    margin-top:5px;
		
		    height:20px;
		
		    padding-top:5px;
		    padding-left:10px;
		    
		    font-weight:bold;
		}
		/* Lista */
		#menu ul{ display:inline; }
		#menu li{ 
			position:relative;
			
			height:20px; 
			
			padding: 3px 0px 3px 15px;
			
			list-style:none; 
		}
		#menu li:hover{ padding-left:10px; font-weight:bold; }
	
	/* Contenido */
	#content {
	    position:relative;
	    
	    float:right;
	
	    width:665px;
	    min-height:450px;
	
	    padding:20px 10px 10px 25px;
	}
		/* Pestañas */
		#tabs{
			position:relative;
			
			float:right;
			
			margin-right:50px;
			margin-bottom:10px;
			
			height:30px;
			
			font-size:10px;
			
			-moz-border-radius:10px; /*Para que funcione en Mozilla*/
			-khtml-border-radius:10px; /*Para Konqueror y Safari */
			-webkit-border-radius:10px;
			border-radius:10px; /*Forma normalizada*/
		}
			/* Pestaña */
			#tabs div[tab]{
				position:relative;
				
				float:left;
				
				width:100px;
				height:20px;
				
				padding-top:8px;
				text-align:center;
				
				-moz-border-radius:5px; /*Para que funcione en Mozilla*/
				-khtml-border-radius:5px; /*Para Konqueror y Safari */
				-webkit-border-radius:5px;
				border-radius:5px; /*Forma normalizada*/
			}
		/* Conjunto de Campos */
		#content legend{
			position:relative;
			
			margin-left:20px;
			
			width:30%;
			
			padding:0px 15px 0px 15px;
		}
		#content fieldset{
			position:relative;
			
			margin-top:10px;
			
			width:90%;
			
			padding:30px 15px 20px 30px;
			
			-moz-border-radius:10px; /*Para que funcione en Mozilla*/
			-khtml-border-radius:10px; /*Para Konqueror y Safari */
			-webkit-border-radius:10px;
			border-radius:10px; /*Forma normalizada*/
		}
			/* Conjunto de Campos Interior */
			#content fieldset fieldset{
				width:95%;
				
				padding:20px 15px 20px 10px;
			}
	
/* Pie */
#footer {
    position:relative;

    width:100%;
    
    overflow:hidden;
    
    padding-top:10px;
    text-align:center;
}