#barratop
{
    background:url(imagenes/cabezerapag.png) no-repeat;
    background-size: auto;
	width:900px;
    height: 24px;
    margin: 0 auto;
}
#contenedor
{
    margin: 0 auto;
    width: 900px;
    padding:0;
    overflow:hidden;
    background: url(imagenes/fondocontenido.png) repeat-y;
}
.logo
{    
    background: url(imagenes/logozabezera.png) no-repeat;
    background-size: auto;
    width: 619px;
    height: 137px;
    float: left;
}
body
{
    margin:0 20px;
	 padding:0;
	 font-family:Helvetica;
	 font-size:12px;
	 background:url(imagenes/fondo.jpg);
}
#registro
{	
    width: 269px;
    margin-left: 11px;
	background-image:url(imagenes/fondoformualrio.png);
	background-repeat:repeat-y;
	float:left;
}
input.text, select.text, textarea.text 
{
   background: rgb(135,129,184);
   border: 1px solid #393939;
   border-radius: 3px 3px 3px 3px;
   color: #393939;
   font-size: 12px;
   padding: 5px;
   width:200px;
   margin: 0 15px;
}
.registrarse
{
	margin:0 60px;
}

// CSS DE LA BARRA DE MENU

nav {
display: block;
border: 1px solid #222;
position: relative;
background-color: rgb(193,196,198);
font: 10px Tahoma, sans-serif;
width: 500px;
float: left;
}

nav img
{
    display: block;    
    float: right;
}
nav ul {
     padding: 0; 
     margin: 0; 
}

nav ul:after { 
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden; 
}

nav li { 
    position: relative; 
    float: left; 
    list-style-type: none; 
}

nav li a { 
    display: block; 
    padding: 10px 20px; 
    border-left: 1px solid #999; 
    border-right: 1px solid #222; 
    color: #000; 
    text-decoration:none; 
}

nav li a:focus { 
    outline: none; 
    text-decoration: underline; 
}

nav li:first-child a { 
    border-left: none; 
}

nav li.ultimo a { 
    border-right: none; 
}

nav li:hover ul { 
    display:block; 
}
nav a span { 
    display: block; 
    float: right; 
    margin-left: 5px; 
}
nav ul ul { 
    display: none; 
    width: 100%; 
    position: absolute; 
    left: 0; 
    background: rgb(135,129,184); 
}
nav ul ul li { 
    float: none; 
}
nav ul ul a { 
    padding: 5px 10px; 
    border-left: none; 
    border-right: none; 
    font-size: 14px; 
}
nav ul ul a:hover { 
    background-color: rgb(135,129,184);
}

nav { 
    border-radius:4px;
    box-shadow:2px 2px 2px rgba(0,0,0,.75);
    
    background-image:-moz-linear-gradient(0% 22px 90deg, rgb(193,196,198), #999); 
    background-image:-webkit-gradient(linear, 0% 0%, 0% 70%, from rgb(193,196,198), to(#FBE080));  
}

nav li:hover { 
    background-image:-moz-linear-gradient(0% 100px 90deg, #999, #FBE080); 
    background-image:-webkit-gradient(linear, 0% 0%, 0% 70%, from(#FBE080), to(#999)); 
}


nav ul ul { 
    border-bottom-left-radius:4px; 
    border-bottom-right-radius:4px;
    box-shadow:2px 2px 2px rgba(0,0,0,.8); 
    background-color:rgb(135,129,184); 
}
nav ul ul li { 
    border-left:1px solid rgba(0,0,0,0.1); 
    border-right:1px solid rgba(0,0,0,0.1); 
}
nav ul ul li.ultimo { 
    border-left:1px solid rgba(0,0,0,0.1); 
    border-bottom:1px solid rgba(0,0,0,0.1);
    border-bottom-left-radius:4px; 
    border-bottom-right-radius:4px;  
}
nav ul ul a:hover { 
    background-color:rgb(193,196,198); 
}