*{padding:0px; margin:0px;}
body{ background-color:#d7d8d3; text-align:center; font-family:verdana, sans-serif; font-size:13px;}
#encabezado{ background-image: url(imagenes/fondo_encabezado2.jpg);background-repeat: repeat-x;height:301px;margin:auto}
#flash{ background:url(imagenes/fondo_encabezado.jpg) no-repeat; width:1088px; height:301px; margin:auto}

#contenido{background:#ededeb; width:842px; overflow:hidden; margin:auto;padding-bottom:15px;}

#triates {background:#FFF; width:821px; height:240px; margin:auto; border:0px #C00 dotted}
.datos{
	width:254px;
	height:225px;
	float:left;
	margin-top:17px;
	margin-left: 12px;
}
.datos #logo{ float:left; margin-left:5px; margin-top:30px}
.datos #foto{ float:left; margin-left:9px; margin-top:4px; }
.datos p{
	font-size:12px;
	text-align:justify;
	width:200px;
	margin-top: 7px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
}
.datos h1 {text-align:right; width:220px; }
.datos p a{ color:#000000;margin-left:115px; font-size:11px;text-decoration:none;font-size:13px;font-weight:normal;padding-top:10px; }
#bienvenida{
	width:auto;
	height:284px;
	padding:0px;
	background-color: #ededeb;
	background-image: url(imagenes/bg_bisenvenida.jpg);
	background-repeat: no-repeat;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: 21px;
}
#mensaje_bienvenida{float: left ;width:508px; height:100%; float:left}
#mensaje_bienvenida img {float: left ; margin-right:5px; margin-left:5px;margin-top:5px;}
#mensaje_bienvenida  h1{color:#902200; font-size:17px; margin-left:20px; text-align:left; margin-top:25px}
#mensaje_bienvenida  p{font-size:14px; text-align:left; margin-top:25px; width:480px; float:left; text-align:justify;}
#forma { background:url(imagenes/forma.jpg) no-repeat; width:273px; height:286px; float: left; margin-top:13px; margin:auto; margin-top:20px;}

#pie{ background-image: url(imagenes/fondo_pie.jpg);background-repeat: repeat-x;height:220px;margin:auto}
#pie #menu_pie{ background-image:url(imagenes/fondo_menu_pie.jpg);background-repeat: repeat-x; width:842px; height:50px; margin:auto}
#pie #menu_pie a:link,a:visited,a:active,a:hover{color: #000;text-decoration:none;font-size:13px; padding-top: 20px;font-weight:bold;font-family:verdana, sans-serif;}

#banners { width:798px; height:114px; margin:auto; border:0px #c00 dotted}
#banners img{margin-right:5px; margin-top:10px}
#copy {font-size:12px; color:#666666; width:798px; height:30px; margin:auto; text-align: right;}

.clear{ clear:both;}

#principal{ background:#ededeb url(imagenes/bg_bisenvenida.jpg) repeat-x ; width:842px; overflow:hidden; margin:auto; font-family:Verdana, Arial, Helvetica, sans-serif; }
#mensaje_principal{float: left ;width:740px; height:316px; float:left; margin-left:26px;margin-right:26px}
#mensaje_principal img {float: left; margin-right:15px; margin-left:15px; margin-bottom:10px; border:1px #902200 solid; }
#mensaje_principal  h1{color:#902200; font-size:22px; margin-left:20px; text-align:center; margin-top:15px}
#mensaje_principal  p{font-size:14px; text-align:justify; margin-top:25px; width:410px; float:left; margin-right:30px}
#productos { width:740px; clear:left ;margin-top:10px; float:left; margin-left:26px;margin-right:26px}
#productos h1{ color:#902200; font-size:17px; text-align:left;  margin-top:5px}
#productos .libros img{ margin:10px 0 0 15px;width:200px;height:312px;}

#productos img{
	border:1px #000 solid;
	width:100px;
	height:100px;

}
#productos .enter{ clear:left}

#marcas { width:733px; clear:left ;margin-top:10px; float:left; text-align:center;}
#marcas h1{ color:#902200; font-size:17px; text-align:center; margin-top:5px}
#marcas #imagen_marcas{ float:left;margin:auto;text-align:center; width:702px; height:120px;}
#marcas #imagen_marcas img{ float:left;margin:5px; width:150px;height:80px;}
#marcas img{
	border:none;
	width:115px;
	height:66px;

}

#mensaje_principal  #informacion_servicios { border:0px #000 solid; width:435px; height:300px; margin-top:25px; float:left;}
#mensaje_principal  #informacion_servicios img{width:435px;margin:0px; padding:0px;margin-left:0px; border:0px}
#mensaje_principal  #informacion_servicios p{float:left; padding:0px; margin:0px;margin-top:010px;width:435px;}

#mensaje_principal  .detalle_producto { background-color:#FFFFFF; width:100%; border:1px #666666 solid; width:360px; height:120px; float:left; margin-right:10px; margin-bottom:10px}
#mensaje_principal  .detalle_producto img{ float:left; margin-right: 15px; margin-top:10px}
#mensaje_principal  .detalle_producto h1{ float:left; margin-bottom:10px}
#mensaje_principal  .detalle_producto p{ float:left; width:220px; font-size:9px; margin:0px}
#mensaje_principal  .detalle_producto p a { color:#000000; font-weight:bold}

#productos  .detalle_producto_gde{
	background-color:#FFFFFF;
	width:733px;
	overflow:hidden;
	float:left;
	margin-bottom:10px;
	margin-top: auto;
	margin-right: auto;
	margin-left: auto;
	text-align:center;
	padding-bottom:7px;
}

#productos  .detalle_producto_gde h1{ float:left; margin-bottom:10px; width:100%; text-align:center;}
#productos  .detalle_producto_gde p{ float:left; width:685px; font-size:13px; margin:0px;  border:0px #ccc dotted; margin-left:20px; text-align:justify;}
#productos  .detalle_producto_gde p a { color:#000000; font-weight:bold}

#productos  .detalle_producto_gde .fotos{width:733px; }

#productos  .detalle_producto_gde .fotos img{ margin-left:10px;margin-top:10px;}

#contacto   {float: left ;width:485px; height:390px; float:left}
#contacto   img {float: left ; margin-right:10px; margin-left:30px}
#contacto   h1{color:#902200; font-size:17px; margin-left:20px; text-align:left; margin-top:25px; margin-left:120px}
#contacto   p{font-size:14px; text-align:justify; margin-top:25px; width:332px; float:left}
.contactos{float:left; width:350px;font-size:14px; margin-left:25px; margin-top:20px; height:70px; color:#000000 }
.contactos a:link, a:visited, a:active, a:hover{ text-decoration:none;color:#003366;font-size:14px;font-weight:normal;}
#contacto a:link, a:visited, a:active, a:hover{ text-decoration:none;color:#003366;font-size:14px;font-weight:normal;}
#forma_contacto {
	width:252px;
	height:286px;
	margin-top:7px;
	margin-left:18px;
	text-align:left;
	font:12px Arial;
	font-weight:bold;
	color:#003366;
	width:252px;
}

#forma_contacto .boton {
	background:url(imagenes/boton_enviar.jpg);
	background-repeat:no-repeat;
	text-align:right;
	border:none;
	width:85px;
	height:25px;
	margin-right:3px;
	float:right;
}

#forma_contacto label{
	text-align:right
}

#forma_contacto input,textarea,select{
	width:150px;
	
	margin-bottom:8px;
}
#forma_contacto textarea{
	width:150px;
	margin-right:19px;
	margin-bottom:8px;
	height:50px;
}

#forma_contacto #texto_forma{
	float:left;
	width:78px;
	height:200px;
	
}

#forma_contacto #cajas_texto{
	float:left;
	width:170px;
	height:250px;
	margin-top:-2px;
	
}

#forma_contacto h1{
	color:#FFFFFF;
	margin-bottom:6px;
	font-size:16px;
	padding-right:10px;
}

#mapa{
float:left;
margin-left:60px;
width:608px;
height:588px;
}


.lista {margin-left:0px;
	padding-left:40px;}

.lista li {margin-left:0px;padding-left:4px;text-align:left;}


#tabla { margin-bottom:13px;
	margin-left:60px;
	margin-top:20px;
	text-align:center;}

#tabla th {background:#902200;
	color:#ffffff;
	font-size:14px;	}

#tabla td {padding:4px; }

#msje{ background:#902200 none repeat scroll 0 0;
	border:4px solid #CCCCCC;
	color:#FFFFFF;
	margin-left:60px;
	padding:10px;
	text-align:center;
	width:574px; 
	height:50px;
	margin-bottom:15px;}

#msje p {text-align:center; }

#tabla1 {text-align:left;width:460px;margin-left:0px;margin-top:20px;margin-bottom:20px;}
#tabla1 td {padding-left:4px;}

h2 {text-align:left;font-size:15px}

.recuadro {border:1px solid #000000;}