/************************************************************************
* Reset CSS
*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, 
pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, 
s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, 
form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100.01%;
	font-family: inherit;
	vertical-align: top;
}

html{
	font-size: 100%; /* IE hack */
	height:100%
}

:focus {
	outline: 0;
}

ol, ul {
	list-style: none;
}

table {
	border-collapse: separate;
	border-spacing: 0;
}

caption, th, td {
	text-align: left;
	font-weight: normal;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
}

/************************************************************************
* Clearfix
*/

.clearfix:after {
	height:0;
	clear:both;
	content:".";
	display:block;
	visibility:hidden;
}

div.post h2,
.clearfix {
	display:block;
}

/*.clearfix {display: inline-table;} Hides from IE-mac \*/
* html .clearfix {	height:1%}
/* End hide from IE-mac */

.clearboth {
	clear: both;
}

.entry,
#menu,
#menu-footer {
	overflow:auto;
}

/************************************************************************
* Layout
*/

#wrapper {
	margin: 0;
}

#banner {
	width:100%;
}

#sidebar {
	margin:0;
}

#footer	{	
	width:100%;
	float: left;
}

#menu li,
#menu-footer li {
	float:left;
	margin:0 .2em;
}

/* Cols */

div.col25,
div.col33, div.col50,
div.col66, div.col75,
div.col100, div.col445 {
	float: left;
}

div.col25		{ 	width: 25%; }
div.col25r		{	width: 25%; float: right; }
div.col33		{	width: 33.333%; }
div.col50		{	width: 50%; }
div.col66		{	width: 66.666%; }
div.col75		{	width: 75%; }
div.col100		{	width: 100%; }
div.col445		{	width: 445px; }
div.col445r		{	width: 445px; float:right; }

/************************************************************************
* Image replacement
*/

.fir{
	position:relative;
	margin:0;
	padding:0; 
	/* hide overflow:hidden from IE5/Mac */ /* \*/ overflow: hidden; /* */
}
.fir span{
	display:block; 
	position:absolute; 
	top:0; 
	left:0; 
	z-index:1
}

/************************************************************************
* Headers
*/

h1, h1 span {
	/*background:url(images/logo.png) no-repeat;*/
	width:350px;
	height:100px;
	line-height:100px;
}

/************************************************************************
* Forms
*/

label {
	display:block;
}

/************************************************************************
* Plugins JS
*/

/* Accesibility */
body.l		{	font-size:110%;}
body.xl		{	font-size:120%;}
body.xxl	{	font-size:130%;}
ul.fontsize,
ul.switcher {
	overflow:auto;
}
ul.fontsize li,
ul.switcher li {
	float:left;
}


/************************************************************************
* Project Styles
*/

/* Layout */

body {
	min-width: 690px;
	margin: 0 40px;
}

#banner {
	margin-top:70px;
}

#sidebar {
	padding-bottom:20px;
}

div.col25,
div.col33, div.col50,
div.col66, div.col75,
div.col100 {
	margin-bottom: 40px;
}

div.col25		{ 	background: #6d6d6d; }
div.col25r		{	background: #e9e9e9; }
div.col33		{	background: transparent; }
div.col50		{	background: transparent;}
div.col66		{	background: transparent; }
div.col75		{	background: #d2d0d0; }
div.col100		{	background: #e9e9e9; }
div.col445		{	background: #d2d0d0; }
div.col445r		{	background: #d2d0d0; }

/************ my code *************/
body {
  margin:0;
  background:#f7f9ee url(images/bg.gif) no-repeat top left;
}

/**** banner ****/
h1#logo {
  margin:-12px 25px;
}
h1#logo, 
h1 span { 
  float:left;
  width:147px;
  height:193px;
}
h1 span { 
   background: url(images/logo.gif) no-repeat;
}

/**** p ****/
#banner p, 
#content p,
#footer p  {
  font:0.9em Georgia, "Times New Roman", Times, serif;
  color: #333333;
}
#content p  {
  font-size:0.8em;
}

/**** a ****/
#banner p a, 
#content dd a,
ul#menu li a  {
  color: #ae3200;
  font-weight:bold;
  text-decoration:none;
}
#banner p a,
.format p a {
  color:#336663;
  font-weight:bold;
  line-height:1.7em;
  font-size:1em;
}

/**** menu ****/
ul#menu {
  font:0.9em Georgia, "Times New Roman", Times, serif;
  margin-bottom:20px;
}
ul#menu li a  {
  font-size:3em;
  font-variant:small-caps;
  margin-right:13px;
  font-size:1.1em;
}
ul#menu li a:hover{
  color:#333333;
}


/**** class format ****/
div.format { 
  margin:10px 10px 10px 10px;
}

/**** id row-1 ****/
div#col-1 {
  margin-left:185px;
}

/**** menu ****/
li#current{
  font-size:2em;
}

/**** h ****/
h2, 
h3,
h4 {
	font:bold 1.4em Georgia, "Times New Roman", Times, serif;
	color:#333333;
	margin-bottom:8px;
	font-variant:small-caps;
	font-size:1.4em;
}
h3,
h4 {
  color:#333333;
  font-variant:normal;
  font-size:1em
}
h4 {
  font-size:0.9em
}


/**** footer ****/
#footer {
  width:66%;
  font-size:0.7em;
  color:#999999;
  margin-left:200px;
}
#contacto {
  margin-left:190px;
}
#contacto h3, 
#contacto p {
  color: #336663;
}

/**** ****/
.intro {
  float:left;
  margin:4px 10px 10px 0;
  border:1px solid #999999;
  padding:1px;
}

#contacto-page {
  font-weight:bold;
  font-size:1.4em;
}

#contacto-page p{
  line-height:1.9em;
}

#banner h3 {
  margin-top:30px;
}

/**** h2 del index ****/
h2#catalogo-h2 {
  background: url(images/catalogo-h2.png) no-repeat right;
  width:50%;
}
h2#distribucion-h2 {
  background: url(images/distribucion-h2.png) no-repeat right;
  width:60%;
}

/**** col70 ****/
div#col70 {
  float:left;
  width:73%;
}

/**** popup ****/
body#popup {
  background:#FDFEFB url(images/bg-popup.gif) no-repeat top left;
  padding-bottom:30px;
}
ul#popup, div#content-popup {
  font:0.9em Georgia, "Times New Roman", Times, serif;
  color: #333333;
  margin-top:20px;
}
div#content-popup {
  margin:120px 40px 40px 40px; 
  line-height:1.5em;
}
ul#popup li {
  margin-bottom:5px;
  font-weight:bold;
}
ul#popup li+li {
  font-weight:normal;
}
div.img-popup {
  float:left;
  margin:10px; 
}
body#popup div#footer {
  margin-left:40px; 
}