﻿body {
	margin: 0;
	padding: 0;
	font-family: verdana, arial;
	background: url("../img/grafitero/blog_fondo.jpg") ;
}

div.clear {
	clear: both;
	margin: 0;
	padding: 0;
}

a, a:link, a:hover, a:visited {
	color: black;
	text-decoration: none;
}

a img {border:0;}

#pagina {
	background: url("../img/grafitero/blog_pie.jpg") no-repeat bottom center;
	width: 990px;
	margin: 0 auto;
	padding: 0;
	position: relative;
}

/************************** CABECERA ***************************************/
#cabecera {
	background: url("../img/grafitero/fondo_cabecera.jpg") no-repeat top left;
	width: 100%;
	height: 177px;
	overflow: hidden;
	margin: 0;
	padding: 0;
	
}

#cabecera_perfil {
	background: url("../img/grafitero/fondo_cabecera_perfil.jpg") no-repeat top left;
	width: 100%;
	height: 177px;
	overflow: hidden;
	margin: 0;
	padding: 0;
	
}

#cabecera img.logo, #cabecera_perfil img.logo {
	margin: 0;
	padding: 0;
	border: 0;
	float: left;
}

#cabecera ul#menu, #cabecera_perfil ul#menu {
	margin: 0 100px 0 100px;
	padding: 30px 0 2px 0;

	border-bottom: 1px solid #9FC11A;
}

#cabecera ul#menu li, #cabecera_perfil ul#menu li{
	display: inline;
	margin: 0;
	padding: 8px 12px 0px 12px!important;
	padding: 2px 12px 0px 12px;
	height: 16px;
	font-size: 12px;

	border-left: 1px solid #9FC11A;

}


#cabecera ul#menu li.primero, #cabecera_perfil ul#menu li.primero{
	border: 0;
}

#cabecera ul#menu li a img, #cabecera_perfil ul#menu li a img{
	margin: 0;
	padding: 0;
	border: 0;
}

#cabecera ul#menu li a:hover img, #cabecera_perfil ul#menu li a:hover img{
	margin: 0;
	padding: 0;
	border: 0;
}

#cabecera ul#migas, #cabecera_perfil ul#migas {
	margin: 0;
	padding: 4px 0 0 140px;
	font-size: 11px;
	font-weight: bold;
	color: #9FC11A;

}

#cabecera ul#migas li, #cabecera_perfil ul#migas li{
	display: inline;
	margin: 0;
	padding: 0;

}

#cabecera ul#migas li a , #cabecera_perfil ul#migas li a {color: #9FC11A;}
#cabecera ul#migas li a:hover , #cabecera_perfil ul#migas li a:hover {color: white;}

#cabecera ul#migas li.ultimo, #cabecera_perfil ul#migas li.ultimo{
	border: 0;
}

div#blog_ant {
	position: absolute;
	width: 41px;
	height: 35px;
	top: 140px;
	left: 250px;

}

div#blog_tit {
	position: absolute;
	width: 400px;
	top: 140px;
	left: 295px;
	text-align: center;
	
}
div#blog_tit span {
	font-size: 20px;
	font-weight: bold;
	background-color:  #FFCC33;
}

div#blog_sig {
	position: absolute;
	width: 41px;
	height: 35px;
	top: 140px;
	left: 700px;

}

div#fav_tit {
	position: absolute;
	width: 165px;
	top: 110px;
	left: 790px;
	text-align: center;
}


div#fav_tit span{
	font-size: 16px;
	font-weight: bold;
	color: #336633;
}

/************************** IDIOMAS ***************************************/
ul#idiomas {
		background: url("../img/icono_idiomas.gif") no-repeat top left;
	position: absolute;
	width: 85px;
	height: 83px;
	top: 0;
	right: 0;
	overflow: hidden;
	margin: 0;
	padding: 0;
	color: #336633;
	font-size: 10px;
	font-weight: bold;
	list-style-type: none;

}
ul#idiomas, ul#idiomas li {border:0;}
ul#idiomas li.euskara {
	margin: 24px 0 0 18px;
}

ul#idiomas li.castellano {
	border-top: 1px solid #336633;
	margin: 2px 13px 0 12px;
}

ul#idiomas li.euskara a, ul#idiomas li.castellano a{color: #336633;}
ul#idiomas li.euskara a:hover, ul#idiomas li.castellano a:hover{color: white;}

a.mod{color: #336633;font-weight: bold;}
a.mod:hover{text-decoration: underline;}

/************************** FOTO DUEÑO ***************************************/
#fotodueno {
	position: absolute;
	width: 1px;
	top: 120px;
	left: 50px;

}


/************************** CUERPO ***************************************/
#cuerpo {
	position: relative;
	overflow: hidden;
	width: 100%;
	margin: 0;
	padding: 0;


}

#indice {
		background: url("../img/grafitero/blog_indice.gif") no-repeat top left;
	position: relative;
	width: 150px;
	height: 734px;
	padding: 42px 20px 0px 42px !important;
	padding: 100px 18px 0px 42px;
	margin: 0px 0px 0px 0px;
	display: block;
	float: left;
	font-size: 13px;
	z-index: 1;
}

#indice, #indice a{
	color: #336633;
	font-size: 12px;
	font-weight: bold;
}

#indice a:hover{
	color: red;
}

#indice ul{
	list-style-type: none;
	margin: 40px 0 0 0; 
	padding: 0;
	z-index: 10;
}
#indice div.registrate{
	margin: 5px 0 0 0;
	padding: 0 0 2px 0;
	border-bottom: 1px solid #336633;
}
#indice ul li{
	margin: 5px 0 0 0;
	padding: 0 0 2px 0;
	border-bottom: 1px solid #336633;
	z-index: 15;
}
#indice ul li ul {
	margin: 0;
	padding: 0;
	border:0;
	z-index: 20;
	
}
#indice ul li ul li {
	border: 0;
	margin: 0;
	padding: 0;
	z-index: 25;

}
#indice ul li ul li a{
	color: #99cc00;
}


#indice div.calendario {
	border: 1px solid #336633;
	width: 100%;
}
#indice table.calendario {
	width: 100%;
	text-align:center;
}
#indice table.calendario th{
	border-bottom: 1px solid #336633;
}

#indice table.calendario td.selected{
	border: 1px dashed #336633;
}

#indice table.calendario2 {
	width: 100%;
	text-align:center;
}

#indice table.calendario2 td{
	padding:0px;
	margin:0px;
	text-size:3px;
}

#indice table.calendario2 a{
	text-size:9px;
}


#indice table.calendario2 td.selected{
	border: 1px dashed #336633;
}

#indice td.gris{
	color: #888;
}


#indice span.tit_form {
	display: block;
	color: #336633;
	font-size: 12px;
	font-weight: bold;
	padding: 3px 0;
}

#indice form {
	border: 1px solid #336633;
	font-weight: bold;
	color: #336633;
	text-align: right;
}
#indice form input {
	border: 0;
	background-color: white;
	width: 70px;
	margin: 2px;
	color: #336633;
}
#indice form input.bot_env {
	border: 0;
	color: white;
	background-color: #336633;
	margin: 2px 40px 0 20px;
	font-weight: bold;
}

input.bot_env {
	border: 0;
	color: white;
	background-color: #336633;
	margin: 5px;
	font-weight: bold;
}

#indice span.form_campo {
	
}

#indice .banner {
	margin: 10px 0 0 0;
	padding: 5px 0 0 0;
	border: 1px solid #336633;
	color: #336633;
	text-align: center;
}

#indice p {
	margin: 15px 0 5px 0;
	padding: 0 0 2px 0;
	border-bottom: 1px solid #336633;

}


div#hoja_perfil {
		background: url("../img/grafitero/blog_cuerpo_perfil.gif") no-repeat top left;
	position: relative;
	overflow: hidden;
	width: 568px;
	height: 424px;
	margin: 0px 0px 0px 0px !important;
	margin: 0px 3px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
	font-size: 13px;
}

div#hoja_perfil div.foto_perfil {
	margin: 110px 0px 0px 30px;
	padding: 0px 0px 0px 0px;
	width: 175px;
	float: left;
}

div#hoja_perfil div.txapa_perfil{
	margin: 90px 0px 0px 10px;
	padding: 0px 0px 0px 0px;
	width: 270px;
	height: 230px;
	float: left;
	font-size: 11px;
	z-index: 2;
}

div#hoja_perfil div.mod_perfil{
	margin: 50px 0px 0px 10px;
	padding: 0px 0px 0px 0px;
	width: 270px;
	float: left;
	font-size: 11px;
}

div#hoja_perfil div.mod_perfil h2{
	margin: 25px 0px 20px 0px!important;
	margin: 25px 20px 20px 20px;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
}

div#hoja_perfil div.txapa_perfil h2{
	margin: 20px 0px 35px 0px;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
}

div#hoja_perfil div.mod_perfil h2 a, div#hoja_perfil div.mod_perfil h2 a:hover,div#hoja_perfil div.mod_perfil h2 a:link,div#hoja_perfil div.mod_perfil h2 a:visited,div#hoja_perfil div.mod_perfil h2 a:active{
	background-color: #FFCC33; 
	padding: 2px 5px;
}

div#hoja_perfil div.txapa_perfil h2 a, div#hoja_perfil div.txapa_perfil h2 a:hover,div#hoja_perfil div.txapa_perfil h2 a:link,div#hoja_perfil div.txapa_perfil h2 a:visited,div#hoja_perfil div.txapa_perfil h2 a:active{
	background-color: #FFCC33; 
	padding: 2px 5px;
}




div#hoja_perfil div.txapa_perfil p{
	line-height: 8px;
}

div#hoja_posts {
		position: relative;
	overflow: hidden;
	width: 568px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
	font-size: 13px;

}

div#hoja_posts_content {
		background: url("../img/grafitero/blog_cuerpo_centro.jpg") no-repeat top left;
	background-repeat: repeat-y;
	margin: 0px 0px 20px 5px! important;
	margin: 0px 0px 20px 5px;
	padding: 0px 30px 0px 30px;
	text-align: center;
}

div.post_tit {
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 10px 0px;
	color: #336633;
	font-size: 15px;
	font-weight: bold;
	text-align: left;
}

div.post_tit a {
	color: #336633;
	font-size: 15px;
	font-weight: bold;
}


div.post_texto {
	color: black;
	font-size: 14px;
	font-weight: normal;
	text-align: justify;
}

div.post_texto a {
/* 	line-height: 12px; */
/* 	font-size: 11px; */
	color: #336633;
	font-weight: bold;
	text-align: center;
}

div.post_notas {
	color: #336633;
	font-size: 10px;
	font-weight: bold;
	text-align: left;
	padding: 0px 0px 20px 0px;
	margin-top:15px;
	border-bottom:1px solid #336633;
}

div.post_notas span.post_fecha {
	padding: 0px 10px 0px 0px;
}

div.post_notas span.post_num_coment, div.post_notas span.post_num_coment a{
	padding: 0px 0px 0px 10px;
	color: #336633;
}

div.post_notas span.post_num_coment a:hover{
	color: #336633;
	padding: 0px 0px 0px 10px;
	text-decoration: underline;
}

div#favoritos {
	position: relative;
	width: 200px;
	height:auto;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
	font-size: 13px;
}

div#favoritos_content {
	background: url("../img/grafitero/blog_favoritos_centro.jpg") repeat-y;
	margin: 0px 0px 20px 23px;
	padding: 0px 42px 0px 0px;
	text-align: center;
}

div.favorito {
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 10px 0px;
	height:120px!important;
	height:100px;
}

div.post_anteriores {
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 10px 0px;
}

div.fav_tit {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color: #000000;
	font-size: 12px;
	font-weight: bold;
	z-index:20;
}
div.fav_but {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color: #000000;
	font-size: 12px;
	font-weight: bold;
	z-index:20;
}

div.fav_but input{
	border: 0;
	color: #ffffff;
	background-color: #336633;
	font-weight: bold;
	margin: auto;
	z-index:20;
}

div.fav_texto {
	color: black;
	font-size: 9px;
	font-weight: normal;
	padding: 0px 15px 0px 15px;
	overflow: hidden;
}

div.fav_notas {
	color: #336633;
	font-size: 8px;
	font-weight: normal;
	padding: 0px 0px 0px 0px;
}

div.mas_favoritos {
/*	background: url("../img/mas_fav.png") no-repeat top left;*/
	width: 54px;
	height: 33px;
	margin: auto;
	margin-top: 10px;
	padding: 0px 0px 20px 0px;	
	line-height: 12px;
	font-size: 8px;
	color: white;
	text-transform: uppercase;
}

div.mas_favoritos a {
	line-height: 12px;
	font-size: 8px;
	color: white;
}

div.anadir_fav {
/*	background: url("../img/anadir_fav.png") no-repeat top left;*/
	width: 87px;
	height: 87px;
	margin: 0px auto;
	padding: 15px 0px 10px 0px;
	line-height: 12px;
	font-size: 11px;
	color: white;
	text-transform: uppercase;
}

div.anadir_fav a {
	line-height: 12px;
	font-size: 11px;
	color: white;
	font-weight: bold;
	text-align: center;
	/*padding: 15px 8px 0px 8px;*/
}

div#favoritos_content hr {
	color: #336633;
	margin-left: 10px;
}

div#favoritos_content p {
	color: #336633;
	font-size: 12px;
	font-weight: normal;
	margin: 5px 0px 10px 0;
	padding: 5px 0px 10px 0px;
	border: 0; 
}
div#favoritos_content p.blogrol {
	color: #336633;
	font-size: 15px;
	font-weight: bold;
	margin: 0 0px 0 20px;
	border: 1px solid #336633; 
}
div#favoritos_content, div#favoritos_content a{
	color: #336633;
	font-size: 12px;
	font-weight: bold;
}

div#favoritos_content a:hover{
	color: red;
}

div#favoritos_content ul{
	list-style-type: none;
	margin: 5px 0 10px 0; 
	padding: 5px 0 10px 0;
	z-index: 10;
/* border: 1px solid green; */
}

div#favoritos_content ul li {
	list-style-type: none;
	margin: 0;
	padding: 0 0 2px 0;
	z-index: 15;
/* border: 1px solid blue; */
}

div#lnk_nue {
	margin-bottom: 10px;
	padding-bottom: 10px;
}

input.inp_url {
	width: 100px;
	border: 1px solid #ddd;
	margin: 0 0 0 5px;
}

/************************** PIE ***************************************/
div#pie {
	position: relative;
	width: 100%;
	height: 76px;
	overflow: hidden;
	margin: 0;
	padding: 0;

}


TEXTAREA.comentario {
	width:450px;	
	height:250px;
	color:#336633;
	border:2px dashed #000;
	font-size:16px;
	padding:5px 5px 5px 5px;
	font-weight:bold;
	margin:15px;
}

INPUT.comen_email {
	width:300px;
	border:1px dashed #000;
	font-size:16px;
	padding:5px 5px 5px 40px;
	color:#336633;
	font-weight:bold;
	background: transparent url("../img/email.gif") 5px 5px no-repeat;
}

INPUT.comen_nombre {
	width:300px;
	border:1px dashed #000;
	font-size:16px;
	padding:5px 5px 5px 30px;
	color:#336633;
	font-weight:bold;
	background: transparent url("../img/person.gif") 5px 5px no-repeat;
}

INPUT.common {
	width:270px!important;
	width:240px;
	border:1px dashed #000;
	font-size:10px;
	padding:5px 5px 5px 5px!important;
	padding:0;
	margin: 0;
	color:#336633;
	font-weight:bold;
}


DIV.comentario {
	color: black;
	font-size: 10px;
	font-weight: normal;
	padding: 0px 15px 15px 15px;
	text-align:left;
}
