/***************************************************************************************************
General:
body
***************************************************************************************************/

html, body { font:11px Tahoma, arial; height:100%; margin:0px; padding:0px; }

p { margin:5px 0 5px 0; }
a { text-decoration:none; }
img { border:0px; }

ul { margin:0px; padding:0px; }
li { margin:0px; padding:0px; }

h3 { text-transform:uppercase; }

form { margin:0px; padding:0px; }
input, textarea, select { border:1px solid #ccc; margin:5px 0 0 0; font-size:11px; width:350px; }

label { float:left; width:150px; margin:5px 0 0 0; display:block; }

/***************************************************************************************************
Identificadores:
contenedor
***************************************************************************************************/

#contenedor { width:900px; margin:auto; background:#89b9e1 url(../images/fondo.jpg) center bottom no-repeat; }

	#cabecera { width:900px; height:145px; background:url(../images/cabecera.gif) 0 0 no-repeat; }
	
		#menusup { width:200px; margin:auto; padding:0 0 0 560px; }
	
			#menusup li { margin:0px; padding:0px; list-style:none; float:left; }
			#menusup a { color:#d3d3d3; display:block; padding:3px 0 3px 0; }
			#menusup a:hover {  border-bottom:1px solid #d3d3d3; }
		
	
	#esquina_inf_izq { width:760px; margin:auto; background:url(../images/esquina_inf_izq.gif) 0 bottom no-repeat; }
	#esquina_inf_drc { width:760px; margin:auto; background:url(../images/esquina_inf_drc.gif) right bottom no-repeat; }
	#cuerpo { width:760px; margin:auto; padding:10px 0 20px 0; background:#fff; }
		
		#menulat { float:left; width:140px; }
			
			#menulat ul { margin:0px; padding:50px 0 0 10px; }
			#menulat li { margin:0px; padding:5px 0 5px 20px; list-style:none; background:url(../images/flecha_verde.gif) 0 3px no-repeat; border-bottom:1px dotted #018232; }
			#menulat li a { padding:0 3px 0 3px; color:#626262; display:block; }
			#menulat li a:hover { background:#018232; color:#fff; }
		
		#contenido { float:left; width:560px; margin:0 0 0 30px; color:#7a7a7a; }
		
			#contenido h1 { font-size:24px; padding:0 0 0 30px; color:#018232; border-bottom:1px dotted #018232; background:url(../images/flecha_naranja.gif) 0 5px no-repeat; }
			#contenido h2, h3 { color:#000; font-size:11px; }
			#contenido p { text-align:justify; }
			#contenido a { color:#018232; }
			#contenido a:hover { text-decoration:underline; }
			#contenido li { list-style:inside; }
		
	#pie { width:760px; margin:10px auto 10px auto; padding:5px 0 5px 0; background:#fff; text-align:center; color:#018232; }
	
/***************************************************************************************************
Clases:
limpia
***************************************************************************************************/

.limpia { clear:both; }

.productoizq { float:left; width:46%; border:1px solid #ccc; padding:5px; margin:0 0 20px 0; }
.productodrc { float:right; width:46%; border:1px solid #ccc; padding:5px; margin:0 0 20px 0; }

.productoimg { float:left; width:18%; }
.detalle { float:right; width:72%; height:150px; padding:0 10px 0 0; overflow:auto; }
.detalle p { text-align:left !important; }

.separador_verde { border-right:1px solid #00fe18; padding:0 5px 0 5px !important; }
.sin_separador { padding:0 0 0 5px !important; }
.separador_blanco { width:732px; height:14px; margin:auto; background:#fff; }

.imgizq { float:left; margin:0 10px 10px 0; }

.botonfrm { margin:0 0 0 150px !important; width:auto !important; }