/* basics */
body{margin: 5px; padding: 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: .8em;  background: url(../images/back.jpg) repeat-x;}
h1{position: absolute; margin: 20px 0 0 350px;}
h2{margin: 5px 0 10px; padding: 0 0 5px 0; border-bottom: 1px solid #ccc; color: #444; font-weight: normal;}
h3{color: #444; font-weight: normal;}
hr{display:none;}

a img{border: none;}
a{color: #333;}
a:hover{text-decoration: none;}

/* FORMULARIOS */
form{padding: 0; margin: 0;}
form input{font-size: 11px; border: 1px solid #9f9f9f; color: #666; padding: 2px; font-family: Verdana, Arial, Helvetica, sans-serif; background: #f8f8f8; width: 300px;}
form input:focus, form textarea:focus{border: 1px solid #555;}
form #rValidatorAlert{border: 1px solid #f00; padding: 5px; margin-bottom: 5px; color: #f00; width: 395px;}
textarea{font-size: 11px; border: 1px solid #9f9f9f; color: #666; padding: 2px; font-family: Verdana, Arial, Helvetica, sans-serif; background: #f8f8f8; width: 300px; height: 130px;}
select{font-size: 11px; border: 1px solid #9f9f9f; color: #666; padding: 2px; font-family: Verdana, Arial, Helvetica, sans-serif; background: #f8f8f8;}
button{font-size: .9em; border: 1px solid #999; border-bottom: 3px solid #666; color: #666; padding: 2px; margin: 4px 0 0 4px; font-family: Verdana, Arial, Helvetica, sans-serif; background: #f8f8f8;}

.fieldset{display: block; margin: 3px 0; padding: 10px; font-size: 0.8em;}
.fieldset label{width: 180px; display: block; float: left; line-height: 12px; text-align: right; padding-right: 10px;}


input.email{background: url(../images/email.gif) no-repeat; width: 120px; border: 1px solid #ccc;}
input.password{background: url(../images/password.gif) no-repeat; width: 120px; border: 1px solid #ccc; border-left: none;}
input.login{background-image: none; width: 120px;}

button.mini{border: 1px solid #ccc; width: 20px; height: 20px; vertical-align: bottom; color: #999;}

.error_display{background: #f8f8f8 url(../images/exclamation.png) no-repeat 10px 10px; color: #E50B01; border: 1px solid #E50B01; border-bottom: 3px solid #F00; font-weight: bold; margin: 3px 0; padding: 10px 10px 10px 34px;}

input.captcha{font-size: 1.3em; width: 50px;}
input#search{width: 150px; border: 1px solid #666;}


.innertube{padding: 10px;}

/* HEADER */
#header{width: 780px; height: 100px; margin: 0 auto; padding: 0; background: #eee; color: #eee; text-align: left; }
#user{position: absolute; height: 19px; margin: 10px 0 0 10px; color: #666;}
#btn-home{position: absolute; height: 19px; margin: 74px 0 0 10px;}
#btn-lang{position: absolute; height: 19px; margin: 80px 0 0 10px;}
#btn-lang img{border: none;}

#menu {width: 760px; margin: 5px auto; padding: 10px; background: #888; text-align: left;}
#menu li{display: inline; padding: 5px 3px 5px 1px; list-style: none; margin: 0;}
#menu li a{color: #f8f8f8; text-decoration: none; font-size: 11px; font-weight: bold;}
#menu li a:hover{color: #333;}

#bigbanner{background: #fff;}

#page .banner{width: 170px; height: 80px; background: #fff; margin: 10px auto;}
#page .cabezal{height: 210px; overflow: hidden; }

#context-menu{background: #f8f8f8; list-style: none; padding: 5px; margin: 0; }
#context-menu li{list-style: none; padding: 5px; }
#context-menu li a{text-decoration: none; color: #666;}

/* PAGE */
#page{width: 780px; margin: 0 auto; overflow: hidden; background: #9f9f9f;}
#colleft{float: left; width: 210px; min-height: 500px;}
#colright{float: right; background: #E0E0E0 url(../images/marca.jpg) no-repeat; width: 570px; min-height: 500px;}

div.tags{font-size: 0.8em; color: #555;}
div.tags a{font-size: 0.8em; color: #555;}





/* FOOTER */
#footer{width: 780px; font-size: smaller; margin: 5px auto; text-align: center; padding: 5px; float: none; clear: both;}
#footer a{color: #333333;}

/* CONTENIDOS */
#list-paginas{margin: 0; padding: 0; list-style: none;}
#list-paginas li{margin: 5px 0; padding: 5px 0; border-bottom: 1px solid #eee; }

/* TABLAS */
.listado th{color: #007a63; font-size: 11px; border-bottom: 1px solid #666; border-top: 1px solid #666; border-collapse: collapse; padding: 2px; text-align: left;}
.listado td{color: #333; font-size: 11px; padding: 2px;}
.listado a{color: #333;}