@charset "UTF-8";
/* CSS Document */

body,td,th {
	color: #dedede;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
}
body {
	background-color: #000;
}



#portada
{
	position:absolute;
	height:560px;
	width:800px;
	
	top:60px;
		
}
#portada img
{
	border:#FFF 4px solid;
}





/*  --------------------Informacion   ----------------   */


#banner
{
	position:absolute;
	top:5px;
	width:1000px;
	height:200px;
	background-image:url(imagenes/banner.jpg);
}

#foto1
{
	position:absolute;
	height:742px;
	width:400px;
	top:210px;

	background-image:url(imagenes/portada_libro.jpg);
	float:left;

}

#texto1
{
	position:absolute;
	height:742px;
	width:588px;
	top:210px;
	left:415px;
	background-color:#999;
	padding-left:5px;
	padding-top:5px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:13px;
	line-height:16px;
}


#foto2
{
	position:absolute;
	height:294px;
	width:400px;
	top:962px;

	background-image:url(imagenes/docus_web.jpg);

}



#texto2
{
	position:absolute;
	height:289px;
	width:585px;
	top:962px;
	left:415px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:13px;
	line-height:16px;
	
	background-color:#999;
	padding-left:5px;
	padding-top:5px;
}
#texto2 img
{
	float:left;
	margin-right:8px;
}
/*  --------------------Informacion   ----------------   */
#foto3
{
	position:absolute;
	height:294px;
	width:400px;
	top:1262px;
	background-image:url(imagenes/portada_web.jpg);	
}



#texto3
{
	position:absolute;
	height:289px;
	width:585px;
	top:1262px;
	left:415px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:13px;
	line-height:16px;
	
	background-color:#999;
	padding-left:5px;
	padding-top:5px;
	background-color:#999;
}

#pedidos
{
		position:absolute;
		height:670px;
		width:1000px;
		top:210px;
		background-color:#CCC;
		color:#000;
		text-align:center;
		font-family:Verdana, Geneva, sans-serif;
		font-size:13px;
		line-height:16px;
}


/*+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-FORMULARIO PEDIDOS -+-+-+-+-+-+-+-+-+-+-+-+-+-+-*/
p, h1, form, button{border:0; margin:0; padding:0;}
.spacer{clear:both; height:1px;}
/* ———– My Form ———– */
.myform{
margin:0 auto;
width:700px;
padding:14px;
}
/* ———– stylized ———– */
#stylized{
border:solid 3px #5c4433;
background:#dbd5cc;
}
#stylized h1 {
font-size:14px;
font-weight:bold;
margin-bottom:8px;
}
#stylized p{
font-size:11px;
color:#666666;
margin-bottom:20px;
border-bottom:solid 1px #b7ddf2;
padding-bottom:10px;
}
#stylized label{

font-weight:bold;
text-align:right;
width:140px;
float:left;
}
#stylized .small{
color:#666666;
display:block;
font-size:11px;
font-weight:normal;
text-align:right;
width:140px;
}
#stylized input{

font-size:12px;
padding:4px 2px;
border:solid 1px #5c4433;
width:200px;
margin:2px 0 20px 10px;
}
#stylized button{
clear:both;
margin-left:150px;
width:125px;
height:31px;
background:#666666 url(img/button.png) no-repeat;
text-align:center;
line-height:31px;
color:#FFFFFF;
font-size:11px;
font-weight:bold;
}
#stylized ul
{
	list-style-type:none;
}