/*------------------------------------/
/ Diseno creado desde 0 por Quoqle.es /
/     Nombre: QuoqleTheme v2.0        /
/         http://quoqle.es/           /
/------------------------------------*/
/*   General            */
* { padding: 0; margin: 0; }
body { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 16px; background: url(imagenes/fondo.png) #eaeaea; margin: 0; }
html, body { height: 100%; }
p { padding: 10px; }  a { text-decoration: none; }
#contenedor { margin: 0 auto; width: 750px; }
#contenedor-contenido{ background: url(imagenes/contenedor-fondo.png) repeat-y #fff; width: 750px; height: 100%; float: left; }
/*   Cabecera (Header)  */
#cabecera { background: url(imagenes/cabecera.png) no-repeat; color: #333; width: 750px; float: left; height: 75px; margin-top: 5px; padding: 10px 0 0 0; }
#cabecera h1 { padding: 0 20px 0 30px; display: inline; font-size: 3em; font-family: Century Gothic, sans-serif; }
#cabecera h1 a{ color: #000; }
#cabecera p { display: inline; }
#cabecera p a { color: #8F7B6B; }
/*   Navegacion superior*/
#navegacion { margin-top: -10px; background: url(imagenes/navegacion.png) no-repeat; float: left; width: 750px; height: 35px; color: #333; }
#navegacion ul { margin: 0 15px; padding: 10px 0 0 0; }
#navegacion li { display: inline; list-style-type: none; margin: 0 3px; font-size: 0.85em; background: url(imagenes/nav.png) no-repeat; width: 110px; height: 25px; float: left; text-align: center; }
#navegacion li a { display: block; width: 100%; color: #fff; padding-top: 5px; }
#navegacion li a.on, #navegacion li a:hover { background-color: #333; color: #9c0; height: 20px; }
/*   Contenido (texto)  */
#contenido { float: left; color: #333; /*background: url(imagenes/contenido-fondo.png) repeat-y #ffffff;*/ width: 560px; display: inline; padding-bottom: 50px; }
#contenido h2{ padding: 10px; padding-top: 20px; } #contenido h3{ padding: 10px; padding: 10px 5px 5px 10px; font-size: 1.2em; } #contenido p{ padding: 5px 10px 5px 25px; }
#contenido a{ color: #2583ad; }
#contenido a:hover{ border-bottom: 1px dotted #0000ff; }
#contenido ul{ padding: 5px 10px 5px 50px; }
#contenido li{ padding-left: 1px; list-style-type: circle; }
#contenido blockquote { margin: 7px 15px 7px 40px; background-color: #dfdfc3; }
#contenido table{ border: dotted 1px #cacaca; border-collapse: collapse; padding: 0.5em; margin: 5px 15px 5px 25px; }
#contenido table th{ font-weight: bold; padding: 0.3em; background-color: #d6d6d6; }
#contenido table td{ padding: 0.5em; border: dotted 1px #cacaca; } #contenido table tr.filaA{ background-color: #f5f5f5; color: inherit; }
#contenido table tr.filaB{ background-color: #E8E8E8; color: inherit; }
/*   Menu (Sidebar)     */
#menu { color: #333; /*background: url(imagenes/menu-fondo.png) repeat-y #d1f5fd;*/ width: 190px; height:auto; float: left; }
#menu h4 { padding: 10px 5px 5px 5px; font-size: 1.2em; }
#menu p { padding: 5px 5px 5px 20px; }
#menu a { color: #7797ef; }
#menu ul { margin: 0 7px; padding: 5px 5px 10px 10px; }
#menu li { list-style-type: none; padding: 0 0 8px 0; font-size: 1.1em; background: url(imagenes/menu-boton.png) no-repeat; width: 150px; height: 30px; text-align: center; }
#menu li a { display: block; padding: 3px 0 0 0; width: 150px; height: 30px; color: #000; }
#menu li a:hover { background: url(imagenes/menu-boton-on.png) no-repeat; }
#menu li a.ahora { background: url(imagenes/menu-boton-ahora.png) no-repeat; }
/*   Pie (Footer)       */
#piepagina { width: 100%; height: 45px; /*Mismo tamano que en contenedor*/ position: relative; clear: both; color: #999; /*background: #333 url(imagenes/footer-fondo.png) repeat-x;*/ background: #333; border-top: 3px solid #ccc; font-size: 0.75em; }
#piepagina p { margin: 0 10% 0 10%; text-align: right; }
#piepagina a { color: #11a0cf; }
#piepagina a:hover { color: #307f2f; background-color: #222; }
/*----------------------------------------/
/           http://quoqle.es/             /
/----------------------------------------*/