/* ************************ principal *************************************** */
* {
	margin:0px;
	padding:0px;
}
html{height: 100%;}

body {
	font-family: Verdana ,Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin:0px;
	height:100%;
}
h1{
	font-size: 12px;
	margin-bottom:20px;
}
h2{
color:#565656;
}
h2 a{
color:#565656;
text-decoration:none;
}
h2 a:hover{
color:#b5b5b4;
}
#activo h2 a{
border-width:0 0 3px 0;
border-color:#b5b5b4;
border-style: solid;
}
p{
	margin-bottom:10px;
    text-align:justify;
    color:#686868;
}
/* ************************ estructura *************************************** */
#principal {
	width:810px;
	margin: 0px auto;
	background: url(img/degradado.jpg) repeat-y;
	min-height:600px;
	height: auto !important;
	height:100%;
}
#cuerpo {
	width:800px;
	margin: 0px auto;
	min-height:600px;
	height: auto !important;
	height:100%;
	display: table;
	background:url(img/banner.jpg) top left repeat-y;
	padding-top:0px;
}
#derecho {
    width:690px;
    float:right;
    min-height:100%;
    height: auto !important;
    height:100%;
    font-size: 10px;
    display: table-cell;
}
#contenido {
    width:620px;
    margin:40px 40px 20px 20px;
    min-height:560px;
    font-size: 11px;
    color:#686868;
    min-height:500px;
    height: auto !important;
    height:100%;
    float:right;
    display: table-cell;
}

/* ************************ cabecera *************************************** */
#cabecera{
	width:800px;
	height:120px;
	margin: 0 auto;
	padding:0;
}
#cabecera_izq{
	float:left;
}
#cabecera_der{
	float:right;
}
/* ************************ menu *************************************** */
#menu {
	width:800px;
	height:21px;
	margin:0px;
	padding:0px;
    float:left;
}
#menu a{
    text-decoration:none;
    font-family: Ms century, Arial, Helvetica, sans-serif;
    font-size: 13px;
    color:#7A7A7A;
}
#menu a:hover{
	color:#565656;
	font-weight:bold;
}
/* ************************ botones *************************************** */
#botones{
	display:inline;
	width:800px;
	height:21px;
	margin:0px;
	padding:0px;
}
#botones li{
	display:inline;
	width:200px;
	float:left;
	text-align:center;
	height:21px;
	margin:0px;
	padding:0px;
	background: url(img/menu.gif);
}
#botones li a{
	width:200px;
	height:21px;
	margin:0px;
    padding:2px 0px 0px 0px;
	display:block;
}
#botones li a:hover{
	width:200px;
	height:21px;
	background:url(img/menu_active.gif);
	margin:0px;
	background-repeat:no-repeat;
}
li#last{
	background: url(img/menu_last.gif);
	width:200px;
	display:inline;
	height:21px;
}
li#last a:hover{
	background: url(img/menu_active_last.gif) no-repeat;
}
/* ************************ pie *************************************** */
#pie {
    width:800px;
    height:23px;
    background-color:#D6D6D7;
    margin: 0 auto;
    font-size: 8pt;
    color:#7A7A7A;
}
#pie a{
text-decoration:none;
font-size: 10px;
color:#7A7A7A;
}
#pie a:hover{
color:#565656;
}
#final {
width:810px;
height:6px;
margin: 0 auto;
background: url(img/degradado_final.jpg) no-repeat;
}
#mail{
float:left;
height:19px;
padding-top:4px;
padding-left:30px;
}
#mail a{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#565656;
font-weight:bold;
}
#copy{
float:left;
margin-left:20px;
padding-top:4px;
}
#created{
float:right;
margin-right:20px;
padding-top:4px;
}
#created a{
font-family: Verdana ,Arial, Helvetica, sans-serif;
	font-size: 11px;
}

/* ************************ paintings *************************************** */
#paintings, #drawings{
width:560px;
padding-left:30px;
}
/* ************************ paginacion *************************************** */
/*#paginacion{
width:180px;
margin: 0 auto;
}
#paginacion table{
}
#paginacion a{
text-decoration:none;
color:#686868;
}
#paginacion a:hover{
text-decoration:none;
font-weight:bold;
}*/
#title{
text-decoration:none;
color:#565656;
float:left;
padding-right: 20px;
}
#title a{
text-decoration:none;
color:#565656;
}
#title h3{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
}
#flecha{
  text-decoration:none;
  background: url(img/flecha.gif);
  background-repeat:no-repeat;
  float:left;
  width:18px;
  height:14px;
  margin-top:2px;
}
#flecha:hover{
    text-decoration:none;
    background: url(img/flecha_amarilla.gif);
    background-repeat:no-repeat;
}
#date{
    text-decoration:none;
    color:#565656;
    padding-top: 3px;
}
#cos{
    text-decoration:none;
    color:#565656;
    clear:both;
    padding:0 10px 0 0;
}
#barra{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11pt;
    font-weight: bold;
    padding:5px 0px 20px 8px;
    width:611px;
    height:25px;
    background: url(img/barra_articulos.jpg);
    background-repeat:no-repeat;
}
#blog{
    float:left;
    width:400px;
    background: url(img/background_blog.jpg);
    background-repeat:no-repeat;
    background-position: 40px 50px;
}

/* ************************ libros *************************************** */
#libros{
    float:right;
    width:195px;
}
#libros ul{
margin:0px;
padding:0px;
}
#libros ul li{
    clear:both;
    list-style:none;
}
#libros ul li #libros_imagen{
    clear:both;
    margin-bottom:40px;
}
#libros_imagen img{
    float:left;
}
#publicacions{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    float:right;
    width:120px;
    height:55px;
    margin-top:55px;
    text-align:left;
}
#video{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    text-align:right;
}
#videoTube{
  width:480px;
  margin:0 auto;
}
/* ************************ articulo *************************************** */
#foto{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 15px;
    float:left;
    width:63px;
    height:100px;
    clear:both;
    background: url(img/pijoan.jpg);
    background-repeat:no-repeat;
    display:table-cell;
    vertical-align:bottom;
}
#foto div{
	margin-top:85px;
	text-align:center;
	width:63px;
}
#articulo{
float:left;
clear:both;
}
#articulo #fecha{
clear:both;
width:395px;
text-align:right;
}
#articulo #title{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 15px;
float:right;
clear:both;
width:395px;
text-align:right;
}
#articulo #body{
float:left;
clear:both;
width:400px;
}
#anteriores{
width:100%;
width:100%;
float:left;
}
/*#otros{
float:left;
clear:both;
width:400px;
}
#otros ul{
width:400px;
display:inline;
}

#flecha2 h3 a{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
color:#565656;
}
#flecha2 a{
text-decoration:none;
background: url(img/flecha.gif);
background-repeat:no-repeat;
background-position: 0px 2px;
float:left;
width:200px;
margin-top:10px;
padding-left:20px;
}
#flecha2 a:hover{
text-decoration:none;
background: url(img/flecha_amarilla.gif);
background-repeat:no-repeat;
background-position: 0px 2px;
}     */
#latest{
width:421px;
clear:both;
margin-top:10px;
}
#latest a{
text-decoration:none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color:#565656;
}
#flecha3 a{
text-decoration:none;
background: url(img/flecha.gif);
background-repeat:no-repeat;
background-position:65px 0px;
float:right;
height:20px;
width:100px;
}
#flecha3 a:hover{
text-decoration:none;
background: url(img/flecha_amarilla.gif);
background-repeat:no-repeat;
background-position:65px 0px;
}
/*a#previouspage{
background: url(img/flecha2.gif);
background-repeat:no-repeat;
width:14px;
display:inline;
}
a#previouspage:hover{
background: url(img/flecha_amarilla2.gif);
background-repeat:no-repeat;
}
a#nextpage{
background: url(img/flecha.gif);
background-repeat:no-repeat;
width:14px;
display:inline;
}
a#nextpage:hover{
background: url(img/flecha_amarilla.gif);
background-repeat:no-repeat;
}  */