/*
www.easytienda.com - Santiago Bermejo 

COLORES:
Fondo - Beige Claro: #E4E0D8
Menu Titulos - Granate: #9D002D
Menu Enlaces - Marron Claro: #8C8380
Contenido Titulos y Textos - Gris Oscuro: #444340

*/

/* ETIQUETAS */

body{ background:#E4E0D8 url(imgs/bg_inside.png) repeat-x; margin:0; padding:0; text-align:center; font-size:100%;}
table, td, th{border:0px solid black;}
td{padding:0px; margin: 0px; border: none;}

h1, h2, h3, h4, h5, h6{ margin:0; padding:0; text-align: left; font-family:Arial, Helvetica, sans-serif;}
h1{color:#444340; font: bold 1.438em Arial, Helvetica, sans-serif; margin: 0 0 20px 0; text-transform: uppercase; letter-spacing:-0.8px;}
h2{color:#9D002D; font-size:1.25em; margin: 0 0 10px 0; float: left;}
h3{color:#9D002D; font-size:1.25em; border-bottom:1px solid #9D002D; margin: 0 0 10px 0;}
h4{color:#444340; font-size:0.875em; float: left; margin:6px 0 0 10px;}
h5{color:#9D002D; font-size:1em; margin: 0 0 10px 0; float: left; margin:0 0px 10px 0;}

p{ color:#444340; font: normal 0.938em Arial, Helvetica, sans-serif; clear: both; margin: 0 0 20px 0;}
a, a:visited{color: #444340; text-decoration: none; }
a:hover {color: #9D002D;}

h1 span{visibility: hidden;}

body#home{ background:#E4E0D8 url(imgs/bg_home.png) repeat-x; margin:0; padding:0; text-align: center;}
body#home_c{ background:#E4E0D8 url(imgs/bg_home_c.png) repeat-x; margin:0; padding:0; text-align: center;}

/* ESTRUCTURA */
#wrap, #wrapfoot{width: 880px; margin:0 auto; text-align: left;}
#header{ height: 179px;}
	#logo{ float: left; margin: 55px 15px 0 0; border:none;}
	#logoheader{margin:0; padding:0; width:0; height:0;}
	#headpic{ float: right;}

#navbar{ clear: both; border:0px solid #000;}
	#slogan{float: left;}
	#player_home{float: right;}

#content_home{clear: both; margin:0; padding:20px 0 20px 0; height:300px;}
	#content_home #home_cols { margin:10px 0 0 0;}
	#content_home #home_cols h2{ color:#FFFFFF; font: normal 1.875em Arial, Helvetica, sans-serif; text-transform:uppercase;}	
	#content_home #home_cols h2 a{ color:#FFFFFF;}	
	#content_home #home_cols span{ color:#370010; text-transform: uppercase; font: normal 0.938em Arial, Helvetica, sans-serif; border:none;}	
	#content_home #home_cols span a{ color:#370010;}	
	#content_home #home_cols p{ color:#370010;}	
	#content_home #home_cols p a{ color:#370010; font-size: 0.875em;}	
	#home_cols #col_left{width:220px; float: left; padding:0 74px 0 20px; border-left: 1px solid #660000;}
	#home_cols #col_center{width:220px; float: left; padding:0 74px 0 20px; border-left: 1px solid #660000;}
	#home_cols #col_right{width:220px; float: left; padding:0 0px 0 20px; border-left: 1px solid #660000;}		

#content{ clear: both; margin:0; padding:25px 0 0 0;}
	#content .left{ float: left; width: 230px; margin: 0 50px 0 0;}
	#content .right{ float: left; width: 600px;}
	
	.left ul{margin:0 0 20px 0; padding:0; list-style: none;}
	.left li{ margin:0 0 5px 0; text-transform: uppercase;}
	.left li a{ text-decoration: none;  letter-spacing:-0.04em;}
	.left li.maincat, .left li.maincat-act{border-bottom:1px solid #B6ABA8;}
	.left li.maincat a, li.maincat a:visited{font: bold 0.938em Arial, Helvetica, sans-serif; color:#9D002D; padding:5px 0 0 0; margin:0 0 5px 0;}
	.left li.maincat-act a, li.maincat-act a:visited{font: bold 0.938em Arial, Helvetica, sans-serif; color:#9D002D;}
	.left li.subcat a, li.subcat a:visited{font: normal 0.875em Arial, Helvetica, sans-serif; color:#8C8380; text-transform:none;}
	.left li.subcat-act a, li.subcat-act a:visited{font: bold 0.875em Arial, Helvetica, sans-serif; color:#9D002D;text-transform:none;}
	.left li.subcat2 a, li.subcat2 a:visited{font: normal 0.875em Arial, Helvetica, sans-serif; color:#8C8380; margin: 0 0 0 10px;text-transform: none;}
	.left li.subcat2-act a, li.subcat2-act a:visited{font: bold 0.875em Arial, Helvetica, sans-serif; color:#9D002D; margin: 0 0 0 10px;text-transform:none;}
	
	.right ol{margin:0 0 20px 25px; padding:0; font-family: Arial, Helvetica, sans-serif;}	
	.right ul{margin:0 0 20px 0px; padding:0; list-style: none; font-family: Arial, Helvetica, sans-serif;}
	.right li{ margin:10px 0; padding:0; border: 0px solid #8C8380; color: #444340; font-size:0.938em;}
	.right a{ color:#9D002D;}	
	.right h4 a{color:#444340; font-size: 14px; float: left;}
	.right h4 a:hover{color:#8C8380; font-size: 14px; float: left;}
	
	#ngo_details{}
		#ngo_txt{width: 350px; float: left; margin:0 0; border:0px solid #000;}
		#ngo_logo{width: 200px; float: right; margin:0; padding: 0; border:0px solid #000;}
	#ngo_pics{ clear: both;}
	#ngo_pics p{ text-align: right; font-size:0.625em;}
/*	#ngo_pics .csc-textpic, #ngo_pics .csc-textpic-left, #ngo_pics .csc-textpic-above, #ngo_pics .csc-textpic-imagewrap, #ngo_pics .csc-textpic-image, #ngo_pics .csc-textpic-lastcol{ margin:0; padding:0; width: auto;} */
	
	#ngo_content{}
	#ngo_content a{ border-bottom:1px solid #9D002D;}
	#ngo_content p{padding:0;}
	

#foot{ clear: both; background:#E4E0D8 url(imgs/bg_foot.png) repeat-x; margin:0px 0 10px 0;}
	#phone_home{float: left; height:44px; padding:8px 0 0 0; vertical-align: middle;}
	#slogan_red_home{float: right; height:44px; padding:10px 0 0 0;}

	#logostrip{clear: both; padding:10px 0 0 0;}
	#footdata p, #wcaglogo p{color: #444340; margin:15px 0 10px 0; font-size:0.688em; float:left;}  
	#footdata {float:left; margin:10px 0;}
	#wcaglogo {float:right; margin:10px 0;}
	
	
/* SKIPLINK STYLE */ 	
/* First, the positioning CSS for the skip link and the skip target. Changing any of this will most likely break the skip link in one browser or another, so if you change it then TEST IT */
#skiplinkholder a, #skiplinkholder a:link, #skiplinkholder a:visited {display: block; width: 99%; position: absolute; top: 0; left: -200%; z-index: 2}
#skiplinkholder a:focus, #skiplinkholder a:active {left: 0; top: 0; z-index: 100}
#skiptargetholder {position: absolute; left: -200%}
#skiplinkholder p {margin: 0;}
/* You may find on certain page layouts that the skip link is appearing underneath other elements on the page in IE7 and below. If this is the case then try uncommenting the two statements below, and if that does not work then try increasing the z-index value above as well */
/*
*+html #skiplinkholder a:focus, *+html #skip a:active {position: relative}
* html #skiplinkholder a:active {position: relative}
*/
/* Now, the visual styling. Change this as desired */
#skiplinkholder a, #skiplinkholder a:link, #skiplinkholder a:visited {color: #fff; background: #9D002D; text-decoration: none; border-bottom: solid #ccc 2px; padding: 5px}
/* End of skip link styling */

a img{border:none; border-width:0;}