body {
	background: #fff url(../pics/bg_sup.jpg) top repeat-x;
	margin:0px;
	margin-top:12px;
	}
	

#wrapper {
	text-align: left;
	margin: 0px auto;
	padding: 0px;
	border:0;
	width: 886px;
	background: url("../pics/background_cols.gif") repeat;
	/*background-position: 0px 100px;*/

}

#header {
	margin: 0px;
/*	background:#fff;*/
}

/*#side-a {
	float: left;
	width: 100px;
}*/

.header_center {
	margin:0px;
	float:left;
	font-size:0;
	}


.solapa_01 {
	float:left;
	font-size:0;
	}
	
.solapa_02 {
	background-image:url(../pics/solapa_02.jpg);
	width:560px;
	height:54px;
	padding-left:47px;
	padding-right:47px;
/*	text-align:justify;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:23px;*/
	float:left;
	/*font-size:0;*/
	}	

.solapa_02 p {
	text-align:justify;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:23px;
	margin-top:10px;
	line-height:20px;
	width:562px;
	}	

.solapa_03 {
	background-image:url(../pics/solapa_03.jpg);
	width:886px;
	height:51px;
	float:left;
	font-size:0;
	}	

#side-b { 
	margin: 0;
	float: left;
	width: 100%;
	background: url("../pics/background_cols.gif") repeat;
	/*height: 1%  Holly hack for Peekaboo Bug */
}

.intro {
	width:816px;
	margin:auto;
	text-align:center;
	color:#574531;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	}
	
	.intro a{
	color:#574531;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	}

.intro p{
	margin-top:10px;
	}
	
.btn_01 {
	width:312px;
	float:left;
	margin-left:20px;
	height:306px;
	margin-top:75px;
	margin-bottom:65px;
	}

.btn_01 img {
	margin-bottom:10px;
	}	

.libro_01 {
	width:217px;
	float:left;
	height:306px;
	margin-top:75px;
	margin-bottom:65px;
	}
	
.libro_01 img {
	margin-bottom:30px;
	}		
				
.btn_02 {
	width:312px;
	float:left;
	margin-right:20px;
	height:306px;
	margin-top:75px;
	margin-bottom:65px;
	}

.btn_02 img {
	margin-bottom:10px;
	}
	
.comentarios {
	width:816px;
	height:auto;
	margin:auto;
/*	margin-top:40px;*/
	border-top-width: 1px; border-top-style: solid; border-top-color: #a48d5a;
	clear:both;
	padding-top:25px;
/*	text-align:center;
	color:#574531;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;*/
	}


.comentarios span {
	font-family:"Times New Roman", Times, serif;
	font-size:25px;
	color:#574531;
	font-weight:bold;
	margin-left:55px;
	}

.comentarios_intro {
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
	font-size:14px;
	margin-left:50px;
	width:723px;
	margin:auto;
	padding-top:20px;
	padding-bottom:20px;
	margin-top:24px;
	background-color:#a48d5a;
	text-align:center;
	border-width: 3px; border-style: double; border-color: #FFF;
	}

		
.comentarios_todos {
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
	font-size:14px;
	margin-left:50px;
	width:723px;
	margin:auto;
/*	padding-top:20px;
	padding-bottom:20px;*/
	margin-top:34px;
	background-color:#a48d5a;
	text-align:center;
	border-width: 3px; border-style: double; border-color: #FFF;
	}	


.comentario_01 {
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
	font-size:14px;
	margin-left:50px;
	width:715px;
	margin:auto;
	padding-top:20px;
	padding-bottom:20px;
	padding-left:4px;
	padding-right:4px;
	margin-top:0px; 
	background-color:#a48d5a;
	text-align:left;
	height:auto;
	}
	

.comentario_01 p{
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
	font-size:14px;
/*	margin-left:50px;*/
	width:670px;
	margin:auto;
	padding-top:20px;
/*	padding-bottom:20px;*/
	padding-left:8px;
	margin-top:0px; 
/*	background-color:#a48d5a;*/
	text-align:left;
	height:auto;
	}

.comentario_01 img{
	margin-right:7px;
	margin-left:4px;
	}			

.comentario_02 {
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
	font-size:14px;
	margin-left:50px;
	width:715px;
	margin:auto;
	padding-top:20px;
	padding-bottom:20px;
	padding-left:4px;
	padding-right:4px;
	margin-top:0px; 
	background-color:#574531;
	text-align:left;
	height:auto;
	}
	

.comentario_02 p{
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
	font-size:14px;
/*	margin-left:50px;*/
	width:670px;
	margin:auto;
	padding-top:20px;
/*	padding-bottom:20px;*/
	padding-left:8px;
	margin-top:0px; 
/*	background-color:#574531;*/
	text-align:left;
	height:auto;
	}

.comentario_02 img{
	margin-right:7px;
	margin-left:4px;	
	}

.contacto {
	width:436px;
	height:auto;
	margin:auto;
	position:relative;
/*	margin-top:40px;*/
/*	border-top-width: 1px; border-top-style: solid; border-top-color: #a48d5a;*/
	clear:both;
	padding-top:25px;
	padding-left:0px;
/*	text-align:center;
	color:#574531;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;*/
	}


#footer {
	clear: both;
	/*background: #A2A2A2;*/
	background-image:url(../pics/bg_pie.jpg);
	background-repeat:repeat;
	background-position:center;
	height:209px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:13px;
	text-align:center;
}

.footer_center {
	clear: both;
	/*background: #A2A2A2;*/
	background-image:url(../pics/bg_pie_conborde.jpg);
	background-repeat:no-repeat;
	background-position:center;
	height:94px;
	font-family:Arial, Helvetica, sans-serif;
	color:#615740;
	font-size:13px;
	text-align:center;
	padding-top:115px;
	margin-left:9px;
}

.footer_center span{
	padding-top:115px;
	margin-left:20px;
	margin-right:20px;
	margin-bottom:15px;
}

.footer_center span a {
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:14px;
	text-align:center;
	padding-top:115px;
	margin-left:20px;
	margin-right:20px;
	margin-bottom:15px;
}


/*******************************************************	*/	

.cssform p{
width: 300px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 155px; /*width of left column containing the label elements*/
/*border-top: 1px dashed gray;*/
/*height: 1%;*/
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
color:#615740;
}

.cssform label{
/*font-weight: bold;*/
float: left;
margin-left: -155px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input{ /*width of text boxes. IE6 does not understand this attribute*/
width: 270px;
height:27px;
padding-top:5px;
color:#574531;
border-width: 1px; border-style: solid; border-color: #a48d5a;
margin:0px;
}

.cssform textarea{
width: 270px;
height: 150px;
padding-top:5px;
color:#574531;
border-width: 1px; border-style: solid; border-color: #a48d5a;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}

.input_enviar {
	margin-left: 134px!important;
	background-image: url(../pics/enviar.png);
	font-size:1px!important;
	width:148px!important;
	height:63px!important;
	border: 0px!important;
	position:absolute!important;
	right:0!important;
/*	font-family:"Times New Roman", Times, serif;
	font-size:25px;
	color:#FFFFFF;*/
}