body {
	font-family: verdana,helvetica,arial,sans-serif;
	font-size:85%; margin:0; padding:0;
	border:0; width:100%; background:#fff;
	min-width: 800px;
}

a			{ color: #666; }
a:hover		{ color: #999999; }
h1, h2, h3	{ margin:.1em 0 .2em 0; padding:0; color: #376196; }
p 			{ margin:.4em 0 .8em 0; padding:0; }
.invisible { display: none; }

/* Header styles */
#linksTop { text-align: right; margin: 2px 8px; font-size: 80%; color: #285082; }
#linksTop a { text-decoration: none; }

#header { clear:both; float:left; width:100%; margin: 5px 0 0 0; background: url(../img/header_bg.png) repeat-x; }
#header #contHead { background: url(../img/header_bg_right.png) right no-repeat; float:left; width: 100%; }
#header #contHead  .logo { display: none; }
#header p,
#header h1 { 
	background: #FFFFFF url(../img/dameprecios.png) no-repeat right; width: 212px; height: 85px; font-size: 0%; 
	float: left;  margin: 0; padding: 0 0 0 8px; color: #5F8CC8;
	}
	#header h1 a { width: 100%; height: 84px; display:block; color: #5F8CC8; text-align: right; }
#header h2 { padding:.4em 15px 0 15px; margin:0; }
#header form#SearchIndexAddForm { width: 570px; float: left; clear:none; margin-right:0; }
#header form#SearchIndexAddForm div.input { float: left; width: 400px; clear: none; }
#header form#SearchIndexAddForm div.input  label { float: left; display: inline; color: #FFFFFF; font-size: 100%; font-weight: bold; height: 19px; }
#header form#SearchIndexAddForm div.input  input { 
		float: left; display: inline; clear: none; background: url(../img/busqueda-input.png); 
		width: 393px; height: 24px; padding:7px; border: 0; color: #285082;
		}
#header form#SearchIndexAddForm div.submit { padding: 26px 0 0 8px; float: left; clear: none; margin: 0; width: 144px; }
#header form#SearchIndexAddForm div.submit input { 
	background: #527DB7 url(../img/busqueda-btn.png); width: 144px; height: 38px; font-size: 0%; border: 0;
	}


/* column container */
.colmask { position:relative; clear:both; float:left; width:100%;	overflow:hidden; }
/* common column settings */
.colright,
.colmid,
.colleft {
	float:left;
	width:100%;
	position:relative;
}
.col1,
.col2,
.col3 {
	float:left;
	position:relative;
	padding:0 0 1em 0;
	overflow:hidden;
}

.col2 .banner { 
	margin-top: 15px;  border: 1px #bcbcbc solid; text-align: center;
	}
.col2 .banner a img { border: 0; margin: auto; }

/* 2 Column (left menu) settings */
.leftmenu {
	background:#fff;		/* right column background colour */
}
	.leftmenu a { text-decoration: none; color: #285082; }
	.leftmenu a:hover { text-decoration: underline; }
.leftmenu .colleft {
	right:78%;			/* right column width */
	/*background:#f4f4f4;*/	/* left column background colour */
	min-height: 300px; height: auto !important; height: 300px;
}
.leftmenu .col1 {
	width:74%;			/* right column content width */
	left:102%;			/* 100% plus left column left padding */
}
.leftmenu .col2 {
	width:21%;			/* left column content width (column width minus left and right padding) */
	left:5%;			/* (right column left and right padding) plus (left column left padding) */
}

.leftmenu .col2 .staticMenu { 
	-moz-border-radius: 10px; -khtml-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; 
	padding: 10px 10px 10px 20px; background: #facb53; margin: 3px 0 0 0;
	}
	.leftmenu .col2 .staticMenu  ul { padding: 0 0 0 15px; margin: 5px; font-weight: bold; font-size: 100%; color: #285082; }
	.leftmenu .col2 .staticMenu  ul li { list-style: url(../img/vineta_amarilla.png); }
	.leftmenu .col2 .staticMenu  ul li a { color: #FFF; }

.leftmenu .col2 .dynamicMenu { 
	-moz-border-radius: 10px; -khtml-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; 
	border: 1px #bcbcbc solid; padding: 10px; background: #FFF url(../img/degradadoGris.png) repeat-x; margin: 15px 0 0 0;
	}
	.leftmenu .col2 .dynamicMenu  h3 { color: #EA8F00; padding: 0; }
	.leftmenu .col2 .dynamicMenu  ul { list-style: none; padding: 0 0 0 15px; margin: 5px 0 20px 0; font-weight: bold; font-size: 100%; color: #285082; }
		.leftmenu .col2 .dynamicMenu  ul li a { outline: none; }
		.leftmenu .col2 .dynamicMenu  ul.subcats { padding: 0 0 0 10px; margin: 0; font-weight: normal; }
		.leftmenu .col2 .dynamicMenu ul.subcats li.selectedSubcat { text-decoration: underline; }

.leftmenu .col2 .staticMenuBottom { 
	-moz-border-radius: 10px; -khtml-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; 
	border: 1px #bcbcbc solid; padding: 10px; background: #FFF url(../img/degradadoGris.png) repeat-x; margin: 15px 0 0 0;
	}
	.leftmenu .col2 .staticMenuBottom  h3 { color: #EA8F00; padding: 0; }
	.leftmenu .col2 .staticMenuBottom  ul { list-style: url(../img/vineta_azul.png); padding: 0 0 0 15px; margin: 5px 0 20px 0; }
	.leftmenu .col2 .staticMenuBottom  ul li { margin: 5px 0; }

.errorMsg { border: 2px #CC3333 dashed; padding: 20px; background-color: #FBEFEF; margin: 20px; width: 70%; }
.okMsg { border: 2px #006633 dashed; padding: 20px; background-color: #EBF3EF; margin: 20px; width: 70%; }

/* Footer styles */
#footer {
	clear:both; float:left; width:100%;  border-top:1px solid #285082; color: #285082;
	padding-top: 8px; background-color: #F4F4F4; text-align: center; font-size: 95%; margin-top: 20px;
}
#footer p { padding:0; margin: 7px 0; font-size: 75%; color: #285082; }
#footer a { text-decoration: none; }
/**************************************************************************/
/**************************************************************************/

/* Tables */
table {
	background-color: #fff;
	border: 1px solid #ccc;
	clear: both;
	color: #333;
	margin-bottom: 10px;
	width: 100%;
}
th {
	background-color: #f2f2f2;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	border-right: 1px solid #bbb;
	border-bottom: 1px solid #bbb;
	text-align: center;
}
th a {
	display: block;
	padding: 2px 4px;
	text-decoration: none;
}
th a:hover {
	background-color: #ccc;
	color: #333;
	text-decoration: none;
}
table tr td {
	background: #fff;
	border-bottom: 1px solid #ccc;
	padding: 4px;
	text-align: center;
	vertical-align: top;
}
table tr.last  td {
	border-bottom: 0; 
}
table tr.altrow td {
	background: #f4f4f4;
}
td.actions {
	text-align: center;
	white-space: nowrap;
}
td.actions a {
	display: inline;
	margin: 0px 6px;
}
.cake-sql-log table {
	background: #f4f4f4;
}
.cake-sql-log td {
	padding: 4px 8px;
	text-align: left;
}

/* Paging */
div.paging { color: #ccc; margin-bottom: 1em; text-align: right; }
div.paging div.disabled { color: #ddd; display: inline; }
div.paging span {  }
div.paging span.current { color: #000; }
div.paging span a { }

/* Scaffold View */
dl {
	line-height: 2em;
	margin: 0em 0em;
	width: 60%;
}
dl.altrow {
	background: #f4f4f4;
}
dt {
	font-weight: bold;
	padding-left: 4px;
	vertical-align: top;
}
dd {
	margin-left: 10em;
	margin-top: -2em;
	vertical-align: top;
}

/* Forms */
form {
	clear: both;
	margin-right: 20px;
	padding: 0;
	width: 80%;
}
fieldset {
	border: 1px solid #ccc;
	margin-top: 30px;
	padding: 16px 20px;
}
fieldset legend {
	color: #e32;
	font-size: 160%;
	font-weight: bold;
}
fieldset fieldset {
	margin-top: 0px;
	margin-bottom: 20px;
	padding: 16px 0;
}
fieldset fieldset legend {
	font-size: 120%;
	font-weight: normal;
	margin-left: 20px;
}
fieldset fieldset div {
	clear: left;
	margin: 0 20px;
}
form div {
	clear: both;
	margin-bottom: 1em;
	padding: .5em;
	vertical-align: text-top;
}
form div.input {
	color: #444;
}
form div.required {
	color: #333;
	font-weight: bold;
}
form div.submit {
	border: 0;
	clear: both;
	margin-top: 10px;
	margin-left: 140px;
}
label {
	display: block;
	font-size: 110%;
	padding-right: 20px;
}
input, textarea {
	clear: both;
	display: block;
	font-size: 140%;
	padding: 2px;
	width: 100%;
}
select {
	clear: both;
	font-size: 120%;
	vertical-align: text-bottom;
}
select[multiple=multiple] {
	width: 100%;
}
option {
	font-size: 120%;
	padding: 0 3px;
}
input[type=checkbox] {
	clear: left;
	float: left;
	margin: 0px 6px 7px 2px;
	width: auto;
}
input[type=submit] {
	display: inline;
	font-size: 110%;
	padding: 2px 5px;
	width: auto;
	vertical-align: bottom;
}

/* Notices and Errors */
div.message {
	clear: both;
	color: #900;
	font-size: 140%;
	font-weight: bold;
	margin: 1em 0;
}
div.error-message {
	clear: both;
	color: #900;
	font-weight: bold;
}
p.error {
	background-color: #e32;
	color: #fff;
	font-size: 120%;
	line-height: 140%;
	padding: 0.8em;
	margin: 1em 0;
}
p.error em {
	color: #000;
	font-weight: normal;
	line-height: 140%;
}
.notice {
	background-color: #ffcc00;
	color: #000;
	display: block;
	font-size: 120%;
	line-height: 140%;
	padding: 0.8em;
	margin: 1em 0;
}
.success {
	background-color: green;
	color: #FFF;
}

/*  Actions  */
div.actions ul {
	margin: 0px 0;
	padding: 0;
}
div.actions li {
	display: inline;
	list-style-type: none;
	line-height: 2em;
	margin: 0 2em 0 0;
	white-space: nowrap;
}
div.actions ul li a {
	color: #003d4c;
	text-decoration: none;
}
div.actions ul li a:hover {
	color: #333;
	text-decoration: underline;
}

/* Related */
div.related {
	clear: both;
	display: block;
}

/* Debugging */
pre {
	color: #000;
	background: #f0f0f0;
	padding: 1em;
}
pre.cake-debug {
	background: #ffcc00;
	font-size: 120%;
	line-height: 140%;
	margin-top: 1em;
	overflow: auto;
	position: relative;
}
div.cake-stack-trace {
	background: #fff;
	border: 4px dotted #ffcc00;
	color: #333;
	margin: 0px;
	padding: 6px;
	font-size: 120%;
	line-height: 140%;
	overflow: auto;
	position: relative;
}
div.cake-code-dump pre {
	position: relative;
	overflow: auto;
}
div.cake-stack-trace pre, div.cake-code-dump pre {
	color: #000000;
	background-color: #F0F0F0;
	margin: 0px;
	padding: 1em;
	overflow: auto;
}
div.cake-code-dump pre, div.cake-code-dump pre code {
	clear: both;
	font-size: 12px;
	line-height: 15px;
	margin: 4px 2px;
	padding: 4px;
	overflow: auto;
}
div.cake-code-dump span.code-highlight {
	background-color: #FFFF00;
	padding: 4px;
}

/**************************************************************************/
/**************************************************************************/
div.homeContainer { 
	-moz-border-radius: 10px; -khtml-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; 
	border: 1px solid #DDDDDD; float: left; margin-top: 3px; width: 99%; background: url(../img/bg_head_tablas.png) top repeat-x #F4F4F4; color: #285082; 
	}
div.homeContainer span.title { font-weight: bold; }
div.homeContainer h3 { margin: 8px 10px 18px 20px; }
div.homeContainer h3#categorias { margin: 8px 10px 10px 20px; }
div.homeContainer ul { float:left; width: 94%; margin: 0 0 15px 0; }
div.homeContainer li { margin-top: 10px; line-height: 1.3em; list-style: url(../img/vineta_orange.png) !important; }
div.homeMarcas { margin-top: 10px; }
div.homeMarcas ul { margin: 0; }
div.homeMarcas li { width: 29%; margin: 5px 2% 2% 2%; float:left; }

div.homeDestacados { margin-top: 10px; }
div.homeDestacados a { text-decoration: underline; }
div.homeDestacados div#contDestacados { margin: 0 25px; } 
div.homeDestacados table.destacado { width: 47%; float: left; clear: none; margin: 0 1% 10px 1%; }
div.homeDestacados table.destacado td { border: 0px; text-align: left; }
div.homeDestacados table.destacado td.tdImg { width: 110px; text-align: center; }
div.homeDestacados table.destacado td div.precio { font-size:1.2em; font-weight: bold; color: #EA8F00; margin-top: 5px; }
div.homeDestacados table.destacado td span.linkCatStore { font-size: 0.8em; }

div.prodList table td.datos { text-align: left; }
div.prodList table td a { text-decoration: underline; }
div.prodList table td.tdImg { width: 130px; }
div.prodList table td.tdprecio { font-size: 1.2em; width: 150px; padding-top: 15px; color: #EA8F00; }
div.prodList table td.tdprecio a { 
	font-size: 0.6em; width: 117px; height: 17px; background: url(../img/btn_iralatienda.png) #436EA5; color: #FFF; display: block; padding-top: 5px;
	text-decoration: none; margin: 5px 0 0 15px; font-weight: bold;
	}
div.prodList table td.tdprecio a:hover { text-decoration: underline; }
div.prodList table td.tdprecio span.consultarPrecio { font-size: 0.8em; }
div.prodList table td span.nombreTiendaPeq { font-size: 0.8em; }

div.publishForm, div.contactForm, div.differenceForm { line-height: 20px; }
