/*   
Theme Name: dokusan
Theme URI: http://dokusan.es
Description: The default dokusan.es theme
Author: Fernando Espadas
Author URI: http://dokusan.es/feremu/
Version: 2
.
Copyright 2008 Fernando Espadas (dokusan)
.
*/

/******************************************************************************/
/* Layout ( http://matthewjamestaylor.com/blog/holy-grail-no-quirks-mode.htm )*/
/******************************************************************************/

/* Se cambia el tamaņo de 200px(170+2*margen de 15px) de la columna de la derecha por tamaņo 90px(75+margen derecha de 15px) */

body {
	margin:0;
	padding:0;
	width:100%;
	min-width:600px;		/* Minimum width of layout - remove line if not required */
					/* The min-width property does not work in old versions of Internet Explorer */
}
#header {
	float:left;
	width:100%;
	padding:0;
	margin:0;
}
#colmask {
	position:relative;	/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	clear:both;
	/*float:left;*/ /* Si se pone se come lo de abajo en explorer */
	width:100%;			/* width of whole page */
	overflow:hidden;		/* This chops off any overhanging divs */
}
#colmid {
	float:left;
	width:200%;
	position:relative;
	left:200px;
}
#colright {
	float:left;
	width:100%;
	position:relative;
	left:50%;
	/*margin-left:-400px;*/
	margin-left:-290px;
}
#col1wrap {
	float:right;
	width:50%;
	position:relative;
	right:100%;
}
#col1pad {
	/*margin:0 15px 0 415px;*/
	margin:0 15px 0 305px;
	overflow:hidden;
}
#col1 {
	width:100%;
	overflow:hidden;
}
#col2 {
	float:left;
	width:170px;
	position:relative;
	margin-left:-50%;
	/*left:215px;*/
	left:105px;
	overflow:hidden;
}
#col3 {
	float:left;
	/*width:170px;*/
	width:75px;
	position:relative;
	/*left:15px;*/
	left:0px;
	overflow:hidden;
}
#footer {
	clear:both;
	/*float:left;*/ /* Si se pone se come lo de abajo */
	width:100%;
	padding:0;
	margin:0;
}

/*****************************************************************************/
/* Pie siempre debajo */
/*****************************************************************************/
* {
	padding: 0;
	margin: 0;
}
html, body {
	height: 100%;
}
#container {
	min-height: 100%;
	margin: 0 auto;
}
* html #container {
	height: 100%;
}
#footer {
	clear: both;
	height: 50px;
	margin: -50px auto 0 auto;
	position: relative;
}
#clearfooter {
	display: block;
	height: 50px;
}

/*****************************************************************************/
/* General */
/*****************************************************************************/

body
{
	font-family: arial, helvetica, serif;
	background: #ffe8aa url(estilo_body.gif) repeat-x top;
	color: #4d3700;
}

/* Imagenes */
img 
{
	border: 1px solid #ffc832;
	vertical-align: middle;
}
img.izquierda
{
	float: left;
	margin: 5px 5px 0 0;
	display: block;
}
img.derecha 
{
	float: right;
	margin: 0 0 5px 5px;
	display: block;
}
img.centrar
{
	margin-left: auto;
	margin-right: auto;
	display: block;
}

/* Enlaces */
a
{
	padding-left: 15px;
	background: url(estilo_link.gif) no-repeat left 0.25em;
	color: #000;
	text-decoration: none;
}
a:hover
{
	background: url(estilo_linkhover.gif) no-repeat left 0.25em;
	text-decoration: underline;
}

a.nodecorar, a.nodecorar:hover
{
	padding-left: inherit;
	background: inherit;
	color: inherit;
	text-decoration: none;
}

/* Listas */
ul
{
	padding-left: 3px;
	list-style-position: inside;
	list-style-type: none;
}

.alinear_debajo
{
	position: relative;
	height: 100%;
}
.alinear_debajo div
{
	position: absolute;
	width: 100%;
	bottom: 0;
	left: 0;
}

/*****************************************************************************/
/* Cabecera */
/*****************************************************************************/

#header
{
	background: #FFFFFF url(estilo_cabecera.gif) repeat-x bottom;
	font-size: 0.8em;
	color: #000;
}

#logo
{
	float: left;
	padding: 5px;
	font-size: 1.3em;
	text-align: center;
}
#logo a
{
	display: block;
	width: 373px;
	margin: 0px;
	padding: 0px;
	padding-top: 71px;
	background: url(estilo_logo.gif) no-repeat;
}

ul.menu_cabecera
{
        padding:0;
	font-size: 1em;
}
ul.menu_cabecera li
{
	float: left;
	margin-left: 3px;
	text-align:center;
}
ul.menu_cabecera li a, ul.menu_cabecera li a:hover
{
	width: 81px;
	display: block;
	background-position: top center;
	background-repeat: no-repeat;
	padding: 3px;
	padding-left: 6px;
	padding-top: 84px;
}
ul.menu_cabecera li a:hover
{
	padding: 0px;
	padding-left: 3px;
	padding-top: 81px;
	border: 3px solid #4d3700;
	text-decoration: underline;
}

.menu_cabecera_actual
{
	background: url(estilo_menuactual.gif) repeat-x bottom;
	font-weight: bold;
	color: #fff;
}
li.menu_cabecera_actual a
{
	color: #fff;
}

a.menu_inicio, a.menu_inicio:hover
{
	background-image: url(menu_inicio.gif);
}
a.menu_nosotros, a.menu_nosotros:hover
{
	background-image: url(menu_nosotros.gif);
}
a.menu_articulos, a.menu_articulos:hover
{
	background-image: url(menu_articulos.gif);
}
a.menu_cursos, a.menu_cursos:hover
{
	background-image: url(menu_cursos.gif);
}
a.menu_contacto, a.menu_contacto:hover
{
	background-image: url(menu_contacto.gif);
}
a.menu_album, a.menu_album:hover
{
	background-image: url(menu_album.gif);
}

#submenu
{
	font-size: 1em;
	padding-bottom: 3px;
	border-bottom: 3px solid #ffc832;
	background-color: #4d3700;
	color: #fff;
}
#submenu ul a
{
	color: #fff;
	padding-right: 3px;
}
#submenu ul a:hover
{
	/*color: #000;*/
	background-color: #956c00;
}
#submenu ul
{
	clear: both;
	list-style-type: none;
	text-align: center;
}
#submenu ul li
{
	display: inline;
	text-align: center;
	margin: 0 3px 0 0;
}

/*****************************************************************************/
/* Contenido */
/*****************************************************************************/

#publicidad h1, #links h1, #minialbum h1
{
	text-align:center;
	font-size: 0.7em;
}

#colmask
{
	background-image: url(estilo_fondo.gif);
}

img.submenu
{
	float: right;
	margin: 0 0 5px 5px;
	display: block;
}

#contenido_imagen
{
	height: 169px;
}
.contenido_imagen_inicio
{
	background-position: 111px 0px;
	background-repeat: no-repeat;
	background-image: url(contenido_inicio.gif);
}
.contenido_imagen_nosotros
{
	background-position: 111px 0px;
	background-repeat: no-repeat;
	background-image: url(contenido_nosotros.gif);
}
.contenido_imagen_articulos
{
	background-position: 111px 0px;
	background-repeat: no-repeat;
	background-image: url(contenido_articulos.gif);
}
.contenido_imagen_cursos
{
	background-position: 111px 0px;
	background-repeat: no-repeat;
	background-image: url(contenido_cursos.gif);
}
.contenido_imagen_contacto
{
	background-position: 111px 0px;
	background-repeat: no-repeat;
	background-image: url(contenido_contacto.gif);
}
.contenido_imagen_album
{
	background-position: 111px 0px;
	background-repeat: no-repeat;
	background-image: url(contenido_album.gif);
}

ul.menu_inicio
{
	padding:0;
	list-style-type: none;
	font: 0.77em arial;
}
ul.menu_inicio li
{
	float: left;
	margin: 3px;
	width: 13em;
	list-style-type: none;
}
ul.menu_inicio li li
{
	padding: 0;
	margin: 0;
}
ul.menu_inicio h1
{
	border-bottom: 5px solid #FFC832;
	font-size: 1.3em;
	text-align: center;
}

#links
{
	margin: 3px;
	padding:0;
	background: #929292;
}

#publicidad
{
	text-align:center;
	margin: 3px;
	width: 150px;
	height: 250px;
	overflow: hidden;
	<!-- background: #c8c8c8; -->
}

#minialbum
{
	text-align:center;
}
#minialbum li
{
	/*display: inline;*/
	margin: 3px;
	font: 0.53em times,arial;
}
#minialbum img
{
	width: 75px;
	display:block;
}
#minialbum a, #minialbum a:hover
{
	padding: 0px;
	background: none;
	color: inherit;
	text-decoration: none;
}
#minialbum a:hover
{
	text-decoration: underline;
}

#contenido
{
	font: 1em "Comic Sans MS";
}
#contenido h1
{
	clear:both;
	color: #000;
}
#contenido h2
{
	clear:both;
	color: #000;
	padding-top: 30px;
	padding-left: 60px;
	background: url(estilo_submenu.gif) no-repeat bottom left;
	border-bottom: 5px solid #FFC832;
}
#contenido p, #contenido h3
{
	clear:both;
}

ul.album li
{
	float: left;
	text-align:center;
	font-family: arial, helvetica, serif;
	font-size: 0.7em;
	padding: 4px;
	margin:0px;
}
ul.album li:hover
{
	padding: 3px;
	border: 1px solid #000;
}

.thumb
{
	width: 150px;
	height: 150px;
}

ul.album img
{
	margin-left: auto;
	margin-right: auto;
	display: block;
}

ul.album a, ul.album a:hover
{
	padding-left: inherit;
	background: none;
	text-decoration: none;
	color: inherit;
	padding: 0px;
	margin:0px;
}
ul.album a:hover
{
	text-decoration: underline;
}

.album_imagen
{
	text-align:center;
}
.album_imagen img
{
	margin-left: auto;
	margin-right: auto;
	display: block;
}

ul.videos li
{
	float: left;
	text-align:center;
	font-family: arial, helvetica, serif;
	font-size: 1.2em;
	padding: 4px;
	margin: 0px;
}
ul.videos li:hover
{
	padding: 3px;
	border: 1px solid #000;
}
ul.videos object
{
	display: block;
	border: 1px solid #ffc832;
}

.usuarios
{
	font-family: arial, helvetica, serif;
	font-size: 0.7em;
}
.usuarios label
{
	display:block;
	text-align:right;
	width:6em;
	float:left;
}
.usuarios input
{
	font-family: arial, helvetica, serif;
	font-size: 0.9em;
}

.preguntah
{
	display: none;
}
.pregunta, .preguntaMas
{
	font-family: arial, helvetica, serif;
	background-color: #fff2d0;
}
.preguntaMas
{
	cursor: pointer;
}
form.pregunta
{
	width: 70%;
	float: left;
	font-family: arial, helvetica, serif;
}
form.pregunta label
{
	float:left;
}
form.pregunta textarea
{
	width:99%;
}

.respuesta
{
	margin-bottom: 5px;
}

.consulta_edit
{
	float:left;
	margin-left: 3px;
}
.consulta_edit label
{
	display: block;
}

.error
{
	color: red;
}
.ok
{
	color: green;
}
.ok a, .ok a:hover
{
	text-decoration: underline;
}

/*****************************************************************************/
/* Pie */
/*****************************************************************************/

#footer
{
	background: #ffc832 url(estilo_pie.gif) repeat-x top;
	font-family: courier;
}
#footer .pie_izquierda
{
	float: left;
	width: 33%;
	text-align: left;
}
#footer .pie_centro
{
	float: left;
	width: 33%;
	text-align: center;
}

#footer .pie_derecha
{
	float: left;
	width: 33%;
	text-align: right;
}

/*****************************************************************************/
/* Bordes */
/*****************************************************************************/

/* Links */
.roundedcornr_box_283155 {
   background: #929292;
}
.roundedcornr_top_283155 div {
   background: url(roundedcornr_283155_tl.png) no-repeat top left;
}
.roundedcornr_top_283155 {
   background: url(roundedcornr_283155_tr.png) no-repeat top right;
}
.roundedcornr_bottom_283155 div {
   background: url(roundedcornr_283155_bl.png) no-repeat bottom left;
}
.roundedcornr_bottom_283155 {
   background: url(roundedcornr_283155_br.png) no-repeat bottom right;
}

.roundedcornr_top_283155 div, .roundedcornr_top_283155, 
.roundedcornr_bottom_283155 div, .roundedcornr_bottom_283155 {
   width: 100%;
   height: 9px;
   font-size: 1px;
}
.roundedcornr_content_283155 { margin: 0 9px; }

/*****************************************************************************/
/* Fecha */
/*****************************************************************************/
.fecha
{
	float: left;
	margin-right: 3px;
	margin-bottom: 3px;
	text-align: center;
	width: 50px;
	font-family: "Times New Roman", Times, serif;
	font-weight:bold;
	border:1px solid;
	background-color: #ffc832;
}
.mes, .anyo
{
	font-size: 14px;
	display: block;
}
.dia
{
	font-size: 30px;
	line-height: 22px;
	display: block;
}