@charset "iso-8859-15";

/* etiquetas */
html{overflow:scroll;}
html *{margin:0;padding:0;}
a{color:#02824a;text-decoration:none;}
body{font:.75em arial,verdana,sans-serif;background-color:#fff;text-align:center;}
fieldset{padding:20px;}
form{font-size:0.9em;text-align:right;}
form *{font:1em arial,verdana,sans-serif;vertical-align:top;}
form p{font-size:0.9em;color:#666;margin-top:-10px;}
h1,h2,h3,h4,h5,h6{display:block;font-weight:normal;}
h1,h2{font-family:"trebuchet ms",arial,sans-serif;color:#666;border-bottom:1px solid #f08d23;}
h1{font-size:2.5em;}
h2{font-size:1.5em;}
h3{font-size:1.2em;}
img{border:none;}
input,select,textarea{border:1px solid #ccc;width:300px;}
input.button{width:150px;margin-right:20px;}
input.checkbox,input.image,input.radio{border:none;}
input.checkbox,input.radio{width:auto !important;margin:0 1em;}
input.image{width:auto;}
input.fecha{width:284px;}
label{display:block;color:#666;}
optgroup{font-weight:bold;}
optgroup option{margin-left:2em;}
ul{list-style-type:none;}
table{font-size:1em;border-collapse:collapse;text-align:center;}

#categorias ul *{z-index:999999 !important;}
#fancy_outer{z-index:99999999 !important;}

em.error,strong.exito{display:block;}
em.error{font-style:normal;color:#a00;}
strong.exito{font-weight:normal;color:#048045;}
.mensaje{background:url('../media/mensaje.png') no-repeat left;padding-left:60px;}
.wym_skin_default{width:auto !important;}

h1{margin-bottom:.5em;}

fieldset,input.button,label,
div#contenido form,
div#contenido em,div#contenido strong,
div#contenido ol,div#contenido ul,
div#contenido p,div#contenido table{margin-bottom:1em;}

h2{margin-bottom:0.65em;}

.caja{background-color:#fafafa;border:1px solid #dcdcdc;margin-bottom:10px;padding:10px;}
span.fecha,span.autor{display:block;font-size:0.9em;color:#f08d23 !important;}
.enlace-formulario{list-style:disc inside url('../media/flecha.gif');font-size:12px;}

div#contenedor{text-align:left;margin:1em auto;width:1000px;}

p#migas{font-size:0.9em;color:#999;}
p#migas a{text-decoration:underline;color:#008348;}

ul.casillas{height:300px;}
ul.casillas li{width:228px;height:120px;float:left;padding:10px;background-repeat:no-repeat;}
ul.casillas h2{border:none;font-size:1.2em;font-weight:bold;margin-bottom:15px;margin-left:40px;}
ul.casillas ul{height:100px;}
ul.casillas ul li{float:none !important;background:none !important;border:none;display:block;height:auto;padding:0;margin:0 0 0 40px;width:188px;margin-top:-1px;}
ul.casillas ul a{font-size:0.9em;padding-left:10px;background:url('../media/iconos/bola-casillas.gif') no-repeat 0 5px;}
ul.casillas a{color:#666;}
ul.casillas a:hover{text-decoration:underline;}

/* publicidad */
.publicidad{background:url('../media/publicidad.png') no-repeat top left;margin-bottom:20px;}
#cabecera .publicidad{background-color:#eee;padding:5px 0;height:100px;}
#cabecera .publicidad span{display:inline-block;text-align:center;margin-left:8px;vertical-align:middle;}
#contenido .publicidad,div#cierre.publicidad{width:478px;padding-left:10px;margin:0 auto;}
#contenido .publicidad{margin-bottom:30px;}
#cierre.publicidad{clear:left;margin-top:30px;}
#columna-izquierda .publicidad,#columna-derecha .publicidad{background-image:url('../media/publicidad.gif');padding-top:15px;padding-left:0;width:300px;}
#columna-izquierda .publicidad span,div#columna-derecha .publicidad span{display:inline-block;border:1px solid #eee;padding:3px 2px;}
span.flash{position:relative;display:inline-block;}
span.flash a{background:url('../media/transparente.gif') repeat;position:absolute;top:0;left:0;}

#logo{float:left;}
#aplicaciones{text-align:right;}
#aplicaciones li{display:inline;margin-left:7px;padding-left:7px;}
#aplicaciones li a{background-repeat:no-repeat;background-position:right;color:#999;}
#aplicaciones li img{vertical-align:middle;}
#contacto{background-image:url('../media/iconos/sobre.jpg');padding-right:25px;}
#foro{background-image:url('../media/iconos/foro.jpg');padding-right:25px;}

ul#portales{text-align:right;height:30px;background:url('../media/fondo_menu_portales.jpg') no-repeat top right;margin-top:30px;}
ul#portales li{display:inline;padding:0px 9px 0px 9px;line-height:1.9em;}
ul#portales li a{color:#000;font-size:1.1em;font-weight:bold;background:url('http://www.quadtreros.com/media/iconos/cuadrado.gif') no-repeat left;padding-left:20px;}
ul#portales li a:hover{background-image:url('http://www.quadtreros.com/media/iconos/cuadrado-relleno.gif')}

/* menús desplegables y buscador */
#categorias{background:url('../media/fondo_menu_superior.jpg') repeat top left;margin-bottom:15px;height:22px;}
#categorias form{float:right;margin-right:1em;}
#categorias form *{display:inline;margin:0;vertical-align:text-bottom;}
#categorias label{color:#fff;}
#categorias input{width:180px;}
#categorias input.button{color:#fff;background-color:#f08d23;width:50px;}
#categorias ul{line-height:22px;}
#categorias li{float:left;position:relative;margin-left:9px;}
#categorias li a{display:block;padding:0px 5px 0px 18px;color:#fff;font-size:1.0em;background:url('http://www.quadtreros.com/media/iconos/cuadrado.gif') no-repeat left;}
#categorias li a:hover{background-image:url('http://www.quadtreros.com/media/iconos/cuadrado-relleno.gif')}
#categorias li ul{display:none;width:210px;position:absolute;top:+20px;left:-5px;background:url('../media/fondos/fondo_menu-trans.png') repeat top;}
#categorias li li{left:+5px;margin:3px 0 0 0;border:none;}
#categorias li li a{width:210px;}
#categorias li li ul {left:+200px;}
#categorias li li li {position:relative;top:-20px;}

/* columna derecha */
div#columna-derecha ul.casillas li{float:none;background-image:url('http://www.quadtreros.com/media/fondos/fondo-derecha.jpg');width:auto;}
div#columna-derecha{float:right;width:290px;}
div#columna-derecha form{width:175px;}
div#columna-derecha form input{width:100px;}
.lista-enlaces{float:right;list-style-type: none;color:#427296;width:85px;}
.lista-enlaces li{background: url(../media/iconos/bola-azul.jpg) no-repeat 0 3px;padding-left:10px;}
.lista-enlaces a{display:inline-block;font-size:0.8em;padding-bottom:5px;}

/* contenido */
div#contenido{margin-right:320px;}
div#contenido th,div#contenido td{border:1px solid #ccc;padding:0 1em;}
div#contenido th{background-color:#333;color:#fff;}

div#intro{margin-left:340px;min-height:230px;height:auto !important;height:230px;}
div#intro img{margin-bottom:10px;margin-left:-3px;}
div#intro p{font:1.4em tahoma,arial,sans-serif;color:#666;}
div#intro li img{margin-left:25px;}
div#intro ul{list-style:inside square;color:#666;}
div#intro ul span{font-weight:bold;color:#000;}

#compartir{line-height:25px;margin-top:2em;text-align:center;}
#compartir li{display:inline;margin-right:1em;vertical-align:top;}
#compartir form,#compartir div{display:inline;}

#usaelraton{display:block;text-align:right;}
#pie{clear:both;}
