/*
Theme: sabanasdeseda.com
Date: 07-09
Version: 2.0
Author: Zahara Méndez Hernández
Author URI: http://zaharamh.com
*/

/*
	RESET
*/

dl, dt, dd, ol, ul, li 				{ margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit;
										font-style: inherit; font-size: 100%; font-family: inherit;
										vertical-align: baseline; }
ol, ul 							{ list-style: none; }
html, body, div 					{ margin: 0; padding: 0; }
h1, h2, h3, h4, p, img, a 		{ border: none; padding: 0; margin: 0; text-decoration: none;
									outline: none; /*  -moz-outline: none;*/ }

/*
	LAYOUT
*/
									
/* commented backslash hack \*/ 
html, body						{ height: 100%; }
/* end hack */
#outer							{ min-height: 100%; margin-bottom: -4em; height: auto; }
* html #outer						{ height: 100%; }
div>p 							{ margin: 0;	}
p 								{ margin: 0; }
html>body #minHeight				{ float: left; width: 0px; height: 100%; margin-bottom: -4.3em;} /*safari wrapper */
body 							{ background: #fff; color: #000;font-family: Verdana, Arial, Helvetica, sans-serif;
									font-size: 76%; }
  
/*
	HEADER
*/
#header							{ width: 100%; height: 10em; background: #fff url(images/blau.jpg) repeat-x top left; }
#header-inner 					{ margin: 0 auto; width: 65em; position:relative; }
h1								{ font-size: 1.5em; letter-spacing: 0.5em; font-weight: 500;
									margin: 0.2em 1em 1em 1em; }
#header img						{ margin: 10px 10px 0; }
#stamp 							{ position: absolute; left: 56em; top:0; }

/*
	MENU (HEADER)
*/
#header ul						{ font-family: georgia, "times new roman", serif; text-align: center; 
									width: 100%; }
#header ul 						{ float: left; margin: 0 auto; padding: 0; list-style-type: none; 
									background: transparent; height: 1.7em; }
#header ul li 						{ float: left; color:#73a2bd; line-height:1.8em; }
#header ul li a,
#header ul li a:visited 			{ float: left; display: block; width: 8.5em; background-color: #73a2bd;
									margin: 0 0.2em; color: #ddd; }
#header ul li a:hover, 
#header ul li.act a					{ border-bottom: 1px solid #5481A0; color: #fff; }
  
/*
	MAIN
*/
#content						{ background: #fff; color: #333; padding: 1em 2em;	text-align: left;
									width: 65em; font-size: 92%; line-height: 1.3em; margin: 0 auto; }
#content p 						{ width: 80%; margin-bottom: 0.8em; }
#content h2 						{ font-size: 150%; padding-bottom: 1em; }
#content h3						{ padding-bottom: 0; font-size: 105%; color: #07406f; margin:0.5em 0; }
#content div.imgs					{ float: right; width: 9em; font-size: 80%; }
#content div.imgs img 				{ float:left; padding-bottom:0.2em; }
#content img.right				{ float: left; margin: 0.5em; clear:both; }
#content img.left				{ float: left; margin: 0 0.5em 0.5em 0; width:18em; }
#content table td, #content table th	{ border: 1px solid #ccd; padding: 0.5em; font-family: Arial, Verdana, Sans-serif;}
#content div#main					{ width: 75%; padding-right: 2em; float: left; }
#content div#sidebar				{ width: 20%; float: left; }
#content div#sidebar p 			{ width: 100%; }
#content a.explic				{ position: relative; color:#fff;}
#content a.explic span			{ display: none; }
#content a.explic:hover span		{ display: block; position: absolute; top: 0; left: 3em; width: 10em;
									padding: 0.2em; background-color: #fffeef; color: #111; font-size: 85%; }
#content div.sacos				{ clear: both; }
									
/*
	GENERAL
*/
a, a:visited						{ font-size: 1.1em; text-decoration: none; color: #E38801; }
a:hover							{ color: #5481a0; text-decoration: none; } 
.clear							{ clear: both; }

/*
	TABLE
*/

tr								{ background-color: #FFF3DF; }
tr.th							{ background-color: #5481A0; color:#fff; }
tr.th2							{ background-color: #73A2BD; color:#fff;}
tr.alt, td.alt					{ background-color: #FFC76F; }

	
/*
	FOOTER
*/
#footer							{ width: 100%; clear: both; background: #73a2bd; border-top: 3px solid #53829d;
									font-size: 92%; line-height: 1.3em; }
#footer-inner					{ margin: 0 auto; width: 65em; padding: 0 2em;}
#clearfooter					{ clear: both; height: 4em; }
#footer div#detalles				{ color: #333; width: 100%; }
#footer div#detalles div			{ float: left; width: 30em; padding: 0 1em; margin: 1em 0; }
#footer div#detalles div+div		{ border-left: 1px dashed #A7B6BF; }
#footer div#detalles h3			{ font-size: 150%; color: #2F220C; padding: 0.8em 0 0.2em 0; }
#footer div#detalles h4			{ font-size: 105%; color: #07406F; padding: 1em 0 0 0; }
#footer div#detalles p			{ padding: 0.5em 0; }
#footer div#foot					{ background-color: #53829d; clear: both; padding: 1em; text-align:center; }
#foot a							{ color: #fff; }
#foot a:hover,
#foot a:visited:hover			{ color: #FFC76F; }

/*
	FORM
*/
select							{ font-size: 95%; border: 1px solid #333; background: #fffeef; width: 20em; }
input								{ font-size: 95%; border: 1px solid #333; background: #fffeef; }
input.box, input.btn_AddToCart		{ font-size: 95%; border: 1px solid #333; background: #73a2bd; }
input.model						{ width: 22em; }
input								{ }
form#los_jagbags select			{ width:auto; }

/*
	SIDEBAR
*/

#sidebar div						{width:12em; -webkit-border-radius: 6px; -moz-border-radius: 4px; } 
.pedido							{ margin: 1em 0; margin: 1em 0; width: 13.8em !important;
									border: 2px solid #064189; font-weight:600;width:120px;
									-webkit-border-radius: 6px; -moz-border-radius: 4px;}
.pedido a, input.pedido			{ font-size:120%; color: #064189; padding: 1em; display:block; }
input.pedido:hover,
.pedido a:hover,
.pedido a:visited:hover			{ background-color:#73A2BD; color:#fff; }
.ad								{ background-color:#ffc76f; border:1px solid; color:#064189; font-weight:600;
									line-height:1.5em; margin:1em 0; padding:1em; text-align:center; 
									float:left; }
.ad span							{ text-transform:uppercase; font-size: 120%; }
.ad2							{ margin: 1em 0; padding: 1em; border: 2px solid #064189; float:left; }
.ad2 ul							{ float: left; }
.ad2 ul li							{ float: left; display: block; margin: 0.2em; text-align:center; width:5em;}
.ad2 ul li span						{ height:50px; width:50px; display: block; border: 1px solid #333; }
.ad2 ul li span.fff					{ background-color: #fff; }
.ad2 ul li span.mar					{ background-color: #fff9df; }
.ad2 ul li span.lil					{ background-color: #6556b1; }
.ad2 ul li span.az					{ background-color: #2957b9; }
.ad2 ul li span.paua				{ background: url(images/paua.png); }
.ad2 ul li span.tur					{ background: url(images/tur.png); }
.ad2 ul li span.sun					{ background: url(images/ama.png); }
.ad2 ul li span.cer					{ background: url(images/cer.png); }

p.alert							{ padding: 0.2em; background-color: #fffeef; }
#content div.full	p				{ width: inherit; }
#content div.full a.explic		{ color:#E38801; }