html, body {font:11px 'Trebuchet MS', Verdana, Arial, sans-serif;  color:#222; }
body { margin:0; padding:10px; background:#520427 url(../imagenes/fondo_web.jpg) repeat-x left top;}
#principal {position:absolute; top:0; left:50%; margin-left:-485px; padding:0; border:0 none; background:#fff; width:955px;}
#cabecera{width:955px; height:81px; background:#fff url(../imagenes/fondo_cabecera.jpg) repeat-x left top;}
#cabeceradcha{ position:absolute; top:5px; right:15px;}
#cabeceradcha p{ font:11px 'Trebuchet MS', Verdana, Arial, sans-serif;  color:#444; margin:4px 0 8px 0; padding:0;}
#idioma{color:#777; text-align:right;}
#idioma a{color:#777; text-decoration:none; margin:0 2px;}
#idioma a:hover{text-decoration:underline;}
#contacta {height:16px; background:#88847b url(../imagenes/bt_contacta.jpg) no-repeat top right; margin:5px 0 0 0; padding:0 20px 0 3px; float:right; font-size:1em;}
#contacta a{color:#fff; text-decoration:none;}
#contacta a:hover{color:#222;}
#contenidos{margin:0 0 20px 0; padding:0 15px 15px; width:716px; min-height:693px; position:relative; top:0; left:209px}
#contenidos h1{font-size:1.2em; color:#fff; background:#520427; margin:20px 5px 10px; padding:0 10px; clear:both; text-transform:uppercase;}
#contenidos h2{font-size:1.2em; color:#510426; margin:15px; padding:0 15px; background:#EEE5EA; text-transform:uppercase; clear:both;}
#contenidos p{margin:10px 15px; padding:0; font-size:1.1em;}
#contenidos p a{margin:0; padding:0; color:#510426; text-decoration:underline; font-weight:bold;}
#contenidos p a:hover{text-decoration:none;}
#contenidos li{font-size:1.1em;}
#contenidos img{border:1px solid #510426;}
#pie {background:transparent url(../imagenes/pie_pagina.jpg) no-repeat left top; width:955px; height:237px; float:left; margin:-150px 0 0; padding:0;}
#pie p{margin:204px 76px 0; padding:0; color:#fff; font-weight:bold;}
#pie img{margin:0 15px; padding:0;}
#ayser {position:absolute; right:0; bottom:-30px; margin:0px; padding:10px; left:50%; width:900px; margin-left:-450px;}

.boton a{background:#797979; color:#fff; margin:0 0 0 600px; padding:0 10px; text-decoration:none; font-weight:bold;}
.boton a:hover{color:#222;}

/* Código menu */
.arrowlistmenu{width: 194px; height:690px; position:absolute; top:96px; left:15px; background:#797979 url(../imagenes/menu_fondo.png) repeat-y;}
.arrowlistmenu .menuheader{ font: 12px "Trebuchet MS", Verdana, Arial, sans-serif; color:#fff; margin-bottom: 4px; padding: 1px 10px 1px 25px; cursor: hand; cursor: pointer; font-weight:bold;}
.arrowlistmenu .menuheader a:hover{ margin:-1px 0 -1px -10px; padding:1px 20px 1px 10px; color:#222;}
.arrowlistmenu .openheader{background: transparent url(../imagenes/menu_h1.png) no-repeat bottom left; height:24px; color:#000;}
.arrowlistmenu ul{ margin: 0; padding: 0; margin-bottom: 6px;}
.arrowlistmenu ul li{ list-style-image:url(../imagenes/menu_li.png); margin:-2px 0 0 40px; color:#fff; margin-left:40px;}
.arrowlistmenu ul li a{color: #fff; display: block; padding: 2px 5px 2px 0; text-decoration: none; font-weight: bold;}
.arrowlistmenu ul li a:hover{color: #222;}
.arrowlistmenu h1 {font:12px "Trebuchet MS", Verdana, Arial, sans-serif; color:#fff; margin:3px 0; padding:0 0 0 15px; font-weight:bold; background:transparent url(../imagenes/menu_h1.png) no-repeat bottom left; height:24px;}
.arrowlistmenu h1 a{text-decoration:none; color:#FFFFFF; display:block; margin:0; padding:1px 20px 1px 10px; height:20px;}
.arrowlistmenu h1 a:hover{color:#222; padding: 1px 20px 1px 10px; margin:0;}
.arrowlistmenu h2 {font: 12px "Trebuchet MS", Verdana, Arial, sans-serif; color:#fff; margin:3px 0; padding:0; background:transparent url(../imagenes/menu_h1.png) no-repeat bottom left; height:22px;}
.arrowlistmenu h2 a{text-decoration:none; color:#FFFFFF; display:block; margin:0; padding:0; height:20px;}
.arrowlistmenu h2 a:hover{color:#222; padding: 0px 20px 0px 10px; margin:0 0 0 -10px;}
.arrowlistmenu h3 {font: 12px "Trebuchet MS", Verdana, Arial, sans-serif; color:#fff; margin:3px 0 5px 20px; padding:0; font-weight:bold; text-decoration:underline;}