/* CSS Document */

body {
	font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size:0.8em;
	color:#333333;
	margin:0;
	padding:0;
	text-align:center;
	background:#000000 url(images/main_bg.jpg) repeat-x;
	}
#wrap { width:746px; margin:0 auto; text-align:left; border-right:1px solid #FFFFFF; border-left:1px solid #FFFFFF; padding:10px; }

#logo { float:left; width:132px; height:178px; border:1px solid #FFFFFF; background-image:url(images/logo.png); }

#head { float:right; width:598px; height:178px; border:1px solid #FFFFFF; background-image:url(images/head_bg.jpg); }
	#head p, #head h1 { display:none; }

#menu { float:left; width:198px; padding:10px; background-color:#FF0000; border:1px solid #FFFFFF; color:#FFFFFF; margin-top:10px; }
	#menu ul { margin:0 0 20px 0; padding:0; border-top:1px solid #FF5959; list-style:none; }
	#menu ul li { margin:0; padding:0; border-bottom:1px solid #FF5959; }
	#menu ul li.sel { font-weight:bold; }
	#menu ul li a { display:block; padding:7px 0 7px 20px; color:#FFFFFF; text-decoration:none; font-size:110%; }
	#menu ul li a:visited { text-decoration:none; }
	#menu ul li a:hover { background-color:#CC0000; }
	#menu ul li a:active { color:#FFFF00; }
	#menu h3 { color:#000000; font-size:120%; margin:0 0 20px 0; }

#opta { float:right; width:493px; padding:10px; background-color:#CCCCCC; border:1px solid #FFFFFF; margin-top:10px; }
	
	#opta a { color:#CC0000; text-decoration:none; }
	#opta a:hover { color:#FF0000; text-decoration:underline; }
	
#cont { float:right; width:493px; padding:10px; background-color:#FFFFFF; border:1px solid #FFFFFF; margin-top:10px; margin-bottom:10px; }

	#cont h3 { color:#FF0000; font-weight:normal; clear:both; }
	p.center { text-align:center; }
	
	a:link { color:#FF0000; }
	a:visited { color:#FF0000; }
	a:hover { text-decoration:none; }
	a:active { color:#0099FF; }
	
	a img { border: 0; }
	
	.imgizq { float:left; margin-right:10px; }
	.imgder { float:right; margin-left:10px; }
	
.prod { padding:8px; border:1px solid #CCCCCC; width:400px; height: 80px; margin:10px; }
	.prod img { float:left; margin-right: 8px; }

/*--------------------------------------------------------------------------------*/

.tabla {
	margin:10px auto;
	}
	.tabla thead tr th { border-bottom:2px solid #CCCCCC; border-top:2px solid #CCCCCC; color: #666666; }
	.tabla tbody tr th { border-bottom:1px solid #CCCCCC; text-align:left; }
	.tabla tbody tr td { border-bottom:1px solid #CCCCCC; }


/*--------------------------------------------------------------------------------*/


form.formax {
	width:420px;
	margin:0 auto;
	}
form.formax fieldset {
	border:0;
	padding:12px;
	margin:6px auto;
	}
form.formax fieldset label {
	font-family:"Trebuchet MS", Verdana, Arial, sans-serif;
	font-weight:bold;
	font-size:12px;
	color:#999999;
	}
form.formax fieldset label {
	display:block;
	}
form.formax fieldset input, form.formax fieldset textarea {
	border:1px solid #CCCCCC;
	padding:2px;
	font-family:"Courier New", Courier, mono;
	font-size:12px;
	display:block;
	width:280px;
	color:#666666;
	}
form.formax table tr td input {
	width: 250px;
	text-align: left;
	}
form.formax table tr td input.cant {
	width: 50px;
	text-align: right;
	}

/*---------------------------CONTACT----------------------------*/
form#contactox {
	width:380px;
	margin:0 auto;
	}
form#contactox fieldset {
	border:0;
	padding:12px;
	margin:6px auto;
	}
form#contactox fieldset legend {
	font-family:"Trebuchet MS", Verdana, Arial, sans-serif;
	font-weight:bold;
	font-size:13px;
	color:#FF0000;
	}
form#contactox fieldset label {
	font-family:"Trebuchet MS", Verdana, Arial, sans-serif;
	font-weight:bold;
	font-size:12px;
	color:#999999;
	}
form#contact fieldset label {
	display:block;
	}
form#contactox fieldset input, form#contactox fieldset textarea {
	border:1px solid #CCCCCC;
	padding:2px;
	font-family:"Courier New", Courier, mono;
	font-size:12px;
	display:block;
	width:280px;
	color:#666666;
	background-color:#EBEBEB;
	}
form#contactox fieldset input:focus, form#contactox fieldset textarea:focus {
	background-color:#FFFFFF;
	}
form#contact fieldset button { margin:3px 0; }
	
form#login { width:440px; margin:10px auto; }
	form#login fieldset { margin:0; padding:8px; background-color:#FFFFE6; border:1px dotted #999999; }
	form#login fieldset legend { font-weight:bold; background-color:#FFFFFF; }
	form#login fieldset input { border:1px solid #999999; padding:3px; width:100px; }
	
form#registro { width:400px; margin:10px auto; }
	form#registro fieldset { margin:0; padding:10px; background-color:#F5F5F5; border:1px dotted #999999; }
	form#registro fieldset legend { font-weight:bold; background-color:#FFFFFF; }
	form#registro fieldset label { display:block; }
	form#registro fieldset input { display:block; border:1px solid #999999; padding:3px; font-family:"Courier New", Courier, mono; font-size:12px; color:#000000; width:300px; }
	form#registro fieldset textarea { display:block; border:1px solid #999999; width:374px; margin-bottom:4px; padding:3px; font-family:"Courier New", Courier, mono; font-size:12px; color:#000000; }

/*---------------------------PEDIDO----------------------------*/
#pedido { margin:10px auto; }
#pedido thead tr th { border-top:2px solid #CCCCCC; border-bottom:2px solid #CCCCCC; text-align:center; }
#pedido tbody { text-align:right; }
#pedido tbody tr th { border-bottom:1px solid #CCCCCC; text-align:left; }
#pedido tbody tr td { border-bottom:1px solid #CCCCCC; }

#pedidos { margin:10px auto; }
#pedidos thead tr th { border-top:2px solid #CCCCCC; border-bottom:2px solid #CCCCCC; text-align:center; }
#pedidos tbody tr td { border-bottom:1px solid #CCCCCC; }

#forma_pedido { margin:10px auto; }
form#new_pedido table tbody tr td input { width:98%; border:1px solid #CCCCCC; }

/*---------------------------FOOTER----------------------------*/
#foot { clear:both; border:1px solid #FFFFFF; background-color:#666666; padding:10px; color:#CCCCCC; text-align:center; }
	#foot a { color:#FFFFFF; }
	#foot a:visited { text-decoration:underline; }
	#foot a:hover { text-decoration:none; }
	#foot a:active { color:#FFFF00; }
	#foot p { margin:4px 0; }