/* CSS Document */

body {
	background-color: #666666;
	font-family:verdana, arial, sans-serif; 
	color: #FFFFFF; 
	background: #666666 url(imagenes/bodybg.gif) repeat-x top;
	text-align: center;
}

a {
	text-decoration: none;
}

a:hover{
	text-decoration: underline;
}

#contenedor
{
	width: 760px;
	margin: 5px auto 10px auto;
	padding: 10px;	
	background-color: #181818;
}

#banner
{
	width: 760px;
	height: 186px;
	background-color: #F2F2F2;
}


#menu
{
	width: 760px;
	height: 20px;
	background-color: #F2F2F2;
	font-size: 11px;
}

#menu h1
{
	display: none;
}


#menu ul {
	color: #000000;
	list-style: none;
	padding: 3px 7px 3px 7px;
	margin: 0;
}

#menu a 
{
	color: #000000;
}

#menu li.izquierda {
	float: left;
}

#menu li.derecha {
	float: right;
}

#menu em
{
	font-style: normal;
	color: #0063DC;
}

#menu strong
{
	font-weight: normal;
	color: #FF0084;
}

#galerias
{
	width: 600px;
	margin: 50px 80px;
	padding: 15px 0 30px 0;
	background: #666666 url(imagenes/bodybg.gif) repeat-x top;
	text-align: center;
	
}


#galerias ul
{
	list-style-type: none;
	margin: 0;
	padding: 15px auto;
	font-size: small;
}

* html #galerias ul
{
	margin: 30px;
}

#galerias li
{
	padding: 5px 50px 5px 50px;
	display: table-cell;
}

* html #galerias li
{
	float: left;
}

#galerias p {
	padding: 5px 0 5px 0;
	margin: 0;
	
 }

#galerias img
{
	width: 75px;
	height: 75px;
	border: 2px solid #C2C2C2;
}

* html #galerias img{
	border: 2px solid #FFFFFF;
}

#galerias a 
{
	color: #C2C2C2;
	text-decoration: none;
}

* html #galerias a:hover
{
	color: #FFFFFF;
	text-decoration: none;
}

#galerias img:hover
{
	border-color: #FFFFFF;
}


#cita
{
	margin: 40px 130px 0px 130px;

}

#cita ul, #cita li
{
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: center;
	font-size: small;
	float: left;
}


#cita li
{
	width: 360px;
}

#cita li.abre-comillas, #cita li.cierra-comillas
{
	width: 70px;
	height: 120px;
}

#cita li.abre-comillas
{
	background: transparent url(imagenes/comillas1.gif) no-repeat top left;
}

#cita li.cierra-comillas
{
	background: transparent url(imagenes/comillas2.gif) no-repeat center right;
}

#cita em
{
	font-style: normal;
	display: block;
	color: #CCCCCC;
	padding: 10px 0 30px 0px;
}


#pie
{
	clear: left;
	display: block;
	font-size: x-small;
	color: #CCCCCC;
	text-align: center;
	background-color: #333333;
	width: 748px;
	border: 3px solid #FFFFFF;
	padding: 3px;
	margin: 30px 0 3px 0;
}

* html #pie {
	margin: 30px 0 3px 0;
}

#pie a
{
	color: #FFFFFF;
}

#pie p
{
	padding: 0;
	margin: 0;
}


#fondoblog
{
	background-color: #F2F2F2;
	width: 760px;
	float: left;
	margin-top: 10px;
	margin-bottom: 10px;
}

#blog
{
	width:  580px;
	float:  left;
}

.post
{
	font-size:  11px;
	text-align: left;
	color:  #000;
	margin:  10px 10px 30px 10px;
	background-image: url(imagenes/kodagbg.jpg);
}

.post p
{
	padding:  0 30px 0 30px;
	line-height: 17px;	
}


#historial
{
	font-size:  11px;
	color:  #FFF;
	width:  150px;
	float: right;
	margin-top: 10px;
	margin-right: 10px;
	background: #666666 url(imagenes/bodybg.gif) repeat-x top;
	text-align: left;
	padding: 10px;
}

#historial a
{
	color: #d7d7d7;
}
#historial a:hover
{
	text-decoration: none;
	color: #FFF;
}

.fechaycat
{
	font-size: 9px;
	padding: 0 20px;
	margin: 0;
}

.post a
{
	color: #661A0D;
}

p.texto-tit, p.texto-tit a
{
	font-size: 14px;
	color: #421407;
	margin: 0;
	padding:  45px 20px 0 25px;
}

.encabezado
{
	background: url(imagenes/kodagbgtop.jpg) no-repeat;
	height:  106px;
}

.comentarios
{
	background: url(imagenes/kodagbgbot.jpg) no-repeat center bottom;
	height:  72px;
}

#comentarios
{
	background: url(imagenes/kodagbgbot.jpg) no-repeat center bottom;
}


.comentarios p
{
	padding-top:  20px;
	padding-right: 40px;
	text-align:  right;
}

p.titulo-comentarios
{
	font-size: 14px;
	color: #421407;
}

#comentarios em
{
	color: #661A0D;
	font-weight: normal;
	font-style: normal;
	font-size:  9px;
}




/* @group Comentarios */

#formulario {
	padding-top: 20px;
}


form.cmxform fieldset {
  margin-bottom: 10px;
  padding-left: 10px;
	border-style: none;
}

form.mailform fieldset {
  margin-bottom: 10px;
  border: none;
  padding-left: 10px;
}


form.cmxform legend {
  padding: 5px 20px 5px 20px;
  font-weight: bold;
  font-size: 14px;
  color: #421407;
}

form.mailform legend{
	display:  none;
}




form.cmxform label { 
  line-height: 1.8;
  vertical-align: top;
  font-size:  10px;
  text-transform: lowercase;
  width: 120px;
  float: left;
  text-align: right;
  display: block;
  padding-left: 25px;
  padding-right: 10px;
}

form.mailform label { 
  line-height: 1.8;
  vertical-align: top;
  font-size:  10px;
  text-transform: lowercase;
  float: left;
  text-align: right;
  display: block;
  padding-right: 10px;
  width: 100px;
}

form.cmxform fieldset ol, form.mailform fieldset ol {
  margin: 0;
  padding: 0;
  padding: 20px 0;
}
form.cmxform fieldset li, form.mailform fieldset li {
  list-style: none;
  padding: 5px;
  margin: 0;
}

form.cmxform input, form.cmxform textarea, form.mailform input {
    color: #421407;
	background: #d9d9d9;
	border: 1px solid #421407;
	padding: 3px;
}

form.cmxform #enviar, form.mailform .enviar
{
    color: #d9d9d9;
	background: #421407;
	border: 1px solid #d9d9d9;
	padding: 3px;
}

form.cmxform #forenviar, form.mailform #forenviar
{	
	color: #FFF;
}


.lcomentarios {
	text-align: left;
	color: #666;
	line-height: 16px;
}

.lcomentarios strong
{
	color: #FFF;
}

.lcomentarios a
{
	color: #666;
	text-decoration: none;
}

.lcomentarios a:hover
{
	color: #CC6600;
}


p.bio-titulo
{
	font-size: 14px;
	color: #421407;
	margin: 0;
	padding:  60px 20px 0 50px;

}

p.bio 
{
	padding: 0 50px;
	line-height: 17px;
}





/* @end */