a{outline:none; text-decoration:none; color:#00f}

body{font:.8em Verdana, Arial, Helvetica, sans-serif; margin:0; padding:0; background:url(../img/bg-blanco.png) repeat-x bottom left}
#miCuenta{background-attachment:fixed}

/*ADMINISTRADOR*/
.lista td.admin{text-align:right; padding-left:20px}

/*BETA*/
#beta{padding:5px 10px; background-color:#ffffa0; border-bottom:1px solid #ccc}

/*BREADCRUMB*/
#breadcrumb{font-size:85%; padding:1em 0; color:#666}
#breadcrumb a{color:#666; border-bottom:1px solid #666}
#breadcrumb a:hover{color:#000; border-bottom-color:#000}

/*ENLACES*/
.external-links{margin-left:0; padding-left:0; list-style-type:none}
.external-links li{margin-bottom:.5em}
.external-links a{margin-left:20px; background: url(../img/mini_tag.png) no-repeat left center; padding-left:20px; color:#000}
.external-links a:visited{color:#666}
.external-links a:hover{text-decoration:underline}

/*FALLA*/
.recuadro{background-color:#eeeeee; border:1px solid #ccc; padding:5px 10px; margin:20px 0}
.recuadro h2{margin-top:0}

.autor{font-size:140%; font-style: italic; font-family:Arial, Helvetica, sans-serif; color:#020f42}

/*FORMULARIOS*/
table.form td, table.form th{border-bottom:0}

input[type=text], textarea, input[type=password]{width:350px; border:1px solid #ccc; font-size:140%}
input[type=text]:focus, textarea:focus{border:1px solid #000}

input[type=submit], button[type=submit]{background-color:#000; color:#fff; border:none; padding:4px 8px; font-weight:bold; border-bottom:4px solid #8be01d}

a.boton{background-color:#000; color:#fff; padding:4px 8px; font-weight:bold; text-decoration:none; border-bottom:4px solid #8be01d}

#formFallas{background-color:#eee; padding:5px; border:1px solid #ccc}

form small{color:#666}

td button{float:right}

label{font-weight:bold; color:#3686ff; font-size:130%; font-family:Arial, Helvetica, sans-serif; padding-left:10px}
.help{color:#666; font-size:85%; padding-bottom:.5em}

/*FOOTER*/
#footerWrap{color:#fff; border-top:1px solid #ccc; position:relative; background: #333 url(../img/bg-footer.png) repeat-x}
#footer{padding-left:80px; padding-top:40px; line-height:160%; height:80px}
#footer a{color:#fff}
#footer a:hover{background-color:#fff; color:#000}

/*GENERAL*/
.clear{clear:both}
.modelo{text-transform:uppercase}
.right{text-align:right}
.separador{border-bottom:1px solid #ccc}
strong span{color:#c73924}

/*HEADER*/
#headerWrap{background:url(../img/bg-gris.png) repeat-x; height:85px}
#header{margin-left:80px; padding-top:20px; width:65%}
#header img{float:left}

#content{padding:0 40px 40px 80px; float:left; width:60%}
#content2{padding:0 40px 40px 80px; float:left; min-width:60%; max-width:780px}

/*INICIO*/
#promoRegistro{width:450px; float:left}
#promoRegistro h1{color:#C73924}
#entrar{float:left; margin-left:50px}
#entrar input[type=text], #entrar input[type=password]{width:100px}

/*LISTADO FALLAS*/
.lista{list-style:none; margin-left:0; padding-left:0; color:#666}
.lista li{border-bottom:1px solid #ccc; padding:5px}
.lista li:hover{background-color:#eeeeee; cursor:pointer}

.lista td{padding:0; border:0}

/*LOGGED*/
#logged{float:right}

/*MENU MARCAS*/
#navegacion{width:30%; max-width:160px; float:right; background-color:#eee; padding:1em 0; line-height:180%; border-left:1px solid #ccc}
#navegacion h2{padding-left:20px}

#menuMarcas{list-style:none; margin-left:0; padding-left:0}
#menuMarcas li{padding:0 10px}
#menuMarcas li:hover{background-color:#fff}
#menuMarcas a{background:url(../img/arrow_00f.gif) no-repeat left center; padding-left:15px}

/*MENU PRINCIPAL*/
#mainMenu{position:fixed; margin:0; padding:0; top:120px; left:0; list-style:none; height:160px}
#mainMenu li{width:80px}
#mainMenu li a{display:block; margin-left:-115px; padding-top:40px; width:155px; height:0; overflow:hidden}

#mainMenu .home a{background:url(../img/icon_home.png) no-repeat top right}
#mainMenu .write a{background: url(../img/icon_write.png) no-repeat top right}
#mainMenu .link a{background: url(../img/icon_link.png) no-repeat top right}
#mainMenu .pf a{background: url(../img/icon_help.png) no-repeat top right}
#mainMenu .user a{background: url(../img/icon_user.png) no-repeat top right}
#mainMenu .out a{background: url(../img/icon_out.png) no-repeat top right}

/*MENSAJES*/
span.error{color:#C73924; display:block}

div.error{display:block !important; background-color:#ffffa0; padding:10px 20px; margin:20px auto}
td div.error{margin:0}

.aviso {padding:10px; background-color:#ffffa0; border:1px solid #ccc; margin-bottom:10px}
.aviso a:hover{background-color:#00f; color:#fff}

.opciones{background-color:#bbd99a; margin:20px auto; padding:10px 20px}
.opciones em{float:left}
.opciones .boton{float:right; margin:0 10px}

/*MENSAJE GRACIAS VOTO*/
#votaOK{margin-top:40px}
#votaOK blockquote{width:265px; height:120px; background:url(../img/globo.gif) no-repeat left top}
#votaOK blockquote p{font-size:110%; text-align:center; padding-top:40px}
#votaOK .autor{color:#000}

/*PAGINADOR*/
.paginador{margin:1em auto}
.paginador a{color:#000; border:1px solid #ccc; padding:2px 4px;}
.paginador a:hover{background-color:#000; border-color:#000; color:#fff}
.paginador .on{color:#fff; border:1px solid #000; padding:2px 4px; background-color:#000}

/*MENU MI CUENTA*/
#menuCuenta ul{list-style-type:none; margin-left:0; padding-left:0; margin-top:30px; margin-bottom:40px}
#menuCuenta ul li{display:inline}
#menuCuenta ul li a{color:#000; border:1px solid #ccc; padding:4px 8px}
#menuCuenta ul li a:hover{background-color:#000; border-color:#000; color:#fff}

/*TABLAS*/
table{margin-top:1em; margin-bottom:1em}
td, th{padding:5px; border-bottom: 1px solid #ccc; vertical-align:top}
th{text-align:left}

/*TITULOS*/
h1, h2, th{font-family:Arial, Helvetica, sans-serif}
h1{font-size:160%; font-weight:normal}
h2, th{font-size:140%; font-weight:normal; margin-top:2em}
h2.first{margin-top:0}
h2.color{color:#3686ff}
h1 span, h2 span{color:#666}
h3{font-size:100%; margin:0}
ul.lista li h3{color:#000}

/*VINCULOS*/
.borrar{background:url(../img/borrar.png) no-repeat left center; padding-left:20px}
.editar{background:url(../img/editar.png) no-repeat left center; padding-left:20px}
.mail{background:url(../img/mail.gif) no-repeat left center; padding-left:20px}
a.simple:hover{background-color:#00f; color:#fff}

/*VOTAR*/
#heading{padding-top:1em}
#titulo{float:left}
#titulo h1{margin:0 0 5px 0}
#votar{float:right; width:120px; height:40px; border-left:5px solid #3686ff; padding-left:10px}
#votar small{line-height:200%}