* {margin:0; padding:0}

body {
background-color:#ededef;
}

/* GENERAL LAYOUT */
#wrapper {width:1000px; background:#fff url(images/wrapper.png) repeat-y;margin-left:auto; margin-right:auto;}
#wrapper_inner {background-color:#fff;width:956px; margin-left:auto;margin-right:auto; padding-bottom:50px}
#header {height:197px;}
#banner {height:162px; background-color:#6c6d6f}
#searchbox { padding-top:20px; background:#fff url(images/lupa.png) no-repeat 10px 20px; 
height:80px; width:200px;}
#searchbox_input {margin-left:45px; height:20px; width:140px; padding:2px}
#left {float:left; width:195px; margin-top:10px; margin-bottom:100px;}
#right {width:195px; float:right; margin-top:30px}
#vertical_container {border-top:solid 1px #bcbbbb; margin-bottom:52px; margin-top:20px}
#content { margin-left:205px; margin-right:35px; margin-top:30px; padding:10px; padding-top:1px}
#footer { background:#707173 url(images/degrade_footer.png) repeat-x; min-height:250px;width:100%}
#footer div {width:600px; margin-left:auto; margin-right:auto; padding-top:40px;}
#footer p {color:#fff}

#content li { margin-left:30px;}

div.clear {float:none; clear:both;}

.input {padding-left:25px; font-size:12px;}

.input label {font-size:12px;}

.submit {text-align:right; margin-right:265px;}

/* MENU */
#menu {height:30px; background-color:#cb1021; border-top:solid 0px #fff; background:transparent url(images/menu.png) repeat-x;}
#menu a {text-align:center; font-weight:normal; padding-top:7px;float:left;color:#fff; text-decoration:none; font-size:14px; display:block; height:29px; width:190px; border-right:solid 0px #fff;}

/* NUESTRAS MARCAS */
#marcas {margin-left:15px;}

/* PEDIDOS LEFT */
#pedidos h2 {font-size:18px;}
#pedidos {margin-left:15px;}
#pedidos img {margin-top:5px; margin-bottom:5px;}
#pedidos .telefonos {font-size:16px; margin-top:5px; margin-bottom:5px; color:#d80f2f}
#pedidos a {font-size:12px;}

/* input error */
div.form-error {}
div.error-message { margin-left:160px; color:#ff0000;}
div.required label {background:transparent url(images/required.png) no-repeat right 2px}

/* Error messages */
#flashMessage { padding-top:5px; padding-left:30px; color:#808080; font-weight:normal; font-size:14px;}
#errorMessage { background:transparent url(images/stop_22x22.png) no-repeat top left; height:24px; padding-top:2px; padding-left:25px; margin-top:10px; margin-bottom:10px; color:#ff0000; }
#warningMessage { background:transparent url(images/stop_22x22.png) no-repeat top left; height:24px; padding-top:2px; padding-left:30px; margin-top:10px; padding-left:30px; color:#ff0; }
#successMessage { padding:3px; margin-bottom:10px; margin-top:10px; text-align:center; color:#fff; background-color:#669900; font-weight:normal; font-size:14px;}

/*
    Tripoli is a generic CSS standard for HTML rendering. 
    Copyright (C) 2007  David Hellsing

    This program is free software: you can redistribute it and/or modify
    it under the terms of the GNU General Public License as published by
    the Free Software Foundation, either version 3 of the License, or
    (at your option) any later version.

    This program is distributed in the hope that it will be useful,
    but WITHOUT ANY WARRANTY; without even the implied warranty of
    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
    GNU General Public License for more details.

    You should have received a copy of the GNU General Public License
    along with this program.  If not, see <http://www.gnu.org/licenses/>.
*/

/*
-----------------------------
GENERIC
-----------------------------
*/

/* MAIN TYPOGRAPHY */

html { font-size: 72.5%; font-family: arial,sans-serif }
strong, th, thead td, h1, h2, h3, h4, h5, h6 { font-weight: bold; }
cite, em, dfn { font-style: italic; }
code, kbd, samp, pre, tt, var, input[type='text'], textarea { font-size: 92%; font-family: arial,sans-serif, courier, mono-space; }
del { text-decoration: line-through; color: #666; }
ins, dfn { border-bottom: 1px solid #ccc; }
small, sup, sub { font-size: 85%; }
abbr, acronym { text-transform: uppercase; font-size: 85%; letter-spacing: .1em; }
a abbr, a acronym { border: none; }
abbr[title], acronym[title], dfn[title] { cursor: help; border-bottom: 1px solid #ccc; }
sup { vertical-align: super; }
sub { vertical-align: sub; }

/* QUOTES */

blockquote { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; color: #666; }
blockquote *:first-child:before { content: "\201C"; }
blockquote *:first-child:after { content: "\201D"; }

/* language specific quotes! */

q { quotes: "\201C" "\201D" "\2018" "\2019"; }
:lang(af), :lang(nl), :lang(pl) { quotes: '\201E' '\201D' '\201A' '\2019'; }
:lang(bg), :lang(cs), :lang(de), :lang(is), :lang(lt), :lang(sk), :lang(sr), :lang(ro) { quotes: '\201E' '\201C' '\201A' '\2018'; }
:lang(da), :lang(hr) { quotes: '\00BB' '\00AB' '\203A' '\2039'; }
:lang(el), :lang(es), :lang(sq), :lang(tr) { quotes: '\00AB' '\00BB' '\2039' '\203A'; }
:lang(en-GB) { quotes: '\2018' '\2019' '\201C' '\201D'; }
:lang(fi), :lang(sv) { quotes: '\201D' '\201D' '\2019' '\2019'; }
:lang(fr) { quotes: '\ab\2005' '\2005\bb' '\2039\2005' '\2005\203a'; }

/* NOTE: safari refuses to support the quotes syntax. I only added the english language quotes for safari to save space. */
html[lang|='en'] q:before   { content: '\201C'; }
html[lang|='en'] q:after    { content: '\201D'; }
html[lang|='en'] q q:before { content: '\2018'; }
html[lang|='en'] q q:after  { content: '\2019'; }

/* FORMS */

fieldset { border: 1px solid #ccc; }
legend { background: #fff; }
textarea, input[type='text'], select { border: 1px solid #ccc; background: #fff; }
textarea:hover, input[type='text']:hover, input[type='password']:hover, select:hover { border-color: #aaa; }
textarea:focus, input[type='text']:focus, input[type='password']:focus, select:focus { border-color: #888; outline: 2px solid #ffffaa; }
form input { cursor: pointer; margin-top:3px; margin-bottom:3px}
select { cursor: pointer; margin-top:3px; margin-bottom:3px}
form input[type='text'] { cursor: text; width:240px; }
form input[type='checkbox'] { }
form label {width:150px; display:block; float:left; margin-top:3px; margin-right:5px;}

.div_line {display:block; height:22px;}
.div_line input {float:left; margin-top:5px; margin-right:10px;}
.div_line label {width:auto;}

/*
-----------------------------
CONTENT ONLY
-----------------------------
*/

/* BASE SIZES */

/*.content { font-size: 1.2em; line-height: 1.6em; }*/
p {font-size:12px}
a {font-size:12px}
h1 { font-size: 1.9em; }
h2 { font-size: 1.5em; color:#d80f2f; font-weight:normal;}
h3 { font-size: 1.4em; }
h4 { font-size: 1.3em; }
h5 { font-size: 1.2em; }
h6 { font-size: 1em; }

/* HR */

.content hr { display: block; background: #aaa; color: #aaa; width: 100%; height: 1px; border: none; }

/* LISTS */

ul li { list-style-type:none;margin-left:15px; text-indent: -.85em; margin-left: .85em; }
.content ul li:before { content: "\2022\00a0\00a0"; margin-left:15px;}
.content ol { list-style-position: outside; list-style-type: decimal; }
.content dt { font-weight: bold; }


/* TABLES */

table {
width: 100%;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
border-bottom: 1px solid #ccc;
color:#333;
background-color: #fff;
padding: 0;
margin: 0 0 2em 0;
white-space: normal;
}
th {
background: transparent url(images/accordion_toggle.png) no-repeat;
border-top: 1px solid #fff;
border-left: 1px solid #fff;
border-right: 1px solid #A9A9A9;
border-bottom: 1px solid #A9A9A9;
text-align: center;
padding:1px 4px;
font-size:12px;
height:25px;
}
table tr td {
border-right: 1px solid #ddd;
padding:4px 4px;
/*vertical-align:top;*/
text-align: center;
font-size:12px;
font-weight:normal;
}
table tr.altRow td {
background: #f4f4f4;
}
table td.actions {
	white-space: nowrap;
}
#cakeSqlLog td {
text-align: left;
padding: 4px 8px;
background: #fff;
border-bottom: 2px solid #ccc;
}

/* MARGINS & PADDINGS */

.content blockquote *:first-child { margin: .8em 0; }
.content hr, .content p, .content ul, .content ol, .content dl, .content pre, .content blockquote, .content address, .content table, .content form { margin-bottom: 1.6em; }
.content p+p { margin-top: -.8em; }
/* NOTE: Calulate header margins: TOP: 1.6em/size, BOTTOM: 1.6em/size/2 */
.content h1 { margin: 1em 0 .5em;  }
.content h2 { margin: 1.07em 0 .535em; }
.content h3 { margin: 1.14em 0 .57em; }
.content h4 { margin: 1.23em 0 .615em; }
.content h5 { margin: 1.33em 0 .67em; }
.content h6 { margin: 1.6em 0 .8em; }
/*.content th, .content td { padding: .8em; }*/
.content caption { padding-bottom: .8em; } /* padding instead of margin for IE */
.content blockquote { padding: 0 1em; margin: 1.6em 0; }
.content fieldset { padding: 0 1em 1em 1em; margin: 1.6em 0; } /* padding-top is margin-top for fieldsets in Opera */
.content legend { padding-left: .8em; padding-right: .8em; }
.content legend+* { margin-top: 1em; } /* compensates for the opera margin bug */
.content textarea, .content input { padding: .3em .4em .15em .4em;}
.content textarea { width:240px}
.content select { padding: .1em .2em 0 .2em; }
.content option { padding: 0 .4em; }
/*.content a { position: relative; padding: 0.3em 0 .1em 0; } /* for larger click-area */	
.content dt { margin-top: .8em; margin-bottom: .4em; }
.content ul { margin-left: 1.5em; }
.content ol { margin-left: 2.35em; }
.content ol ol, .content ul ol { margin-left: 2.5em; }
.content form div { margin-bottom: .8em; }


/* COLORS */

.content a:link { text-decoration: underline; color: #36c; }
.content a:visited { text-decoration: underline; color: #99c; }
.content a:hover { text-decoration: underline; color: #c33; }
.content a:active, .content a:focus { text-decoration: underline; color: #000; }
.content code, .content pre { color: #c33; } /* very optional, but still useful. W3C uses about the same colors for codes */
		
/* HOMEPAGE */
#home_cuadros {margin-left:45px;}
.home_cuadro a {text-decoration:none}
#home_cuadro1 {float:left; margin-left:0px !important; width:194px; height:74px; background:#fff url(images/cuadro_amarillo.png) no-repeat;}
#home_cuadro2 { float:left; margin-left:10px; width:194px; height:74px; background:#fff url(images/cuadro_rojo.png) no-repeat;}
#home_cuadro3 { float:left; margin-left:10px; width:194px; height:74px; background:#fff url(images/cuadro_azul.png) no-repeat;}
#ofertas {margin-left:37px;}
#ofertas h1 { padding-left:10px; margin-top:30px; color:#fff; background:#fff url(images/ultimos.png) no-repeat left; margin-bottom:10px;}
/*.ofertas_home { text-align:center; width:602px; border:solid 0px;height:194px; padding:5px; float:left; }*/
.oferta {border-right:solid 1px #ccc; padding:5px; float:left; width:193px;height:185px;}
.oferta .pimg {border:solid 0px; float:left; margin:2px; vertical-align:middle;}
.oferta .of_link {font-size:12px; font-weight:bold; color:#000; text-align:center; margin-top:10px; text-decoration:none; float:none}

div.home_cuadro { margin-top:10px; }
div.home_cuadro h1 { font-size:20pt; font-weight:bold; color:#fff; text-align:center;padding-top:24px}

/* LISTA DE PRODUCTOS */
.product_list {height:190px; width:520px; background:#fff url(images/lista_nombre.png) no-repeat; }
.product_list h2 {border:solid 0px;background:#fff url(images/lista_nombre.png) no-repeat; width:429px; height:33px; color:#4d4d4d; font-weight:bold; font-size:12px; padding-top:10px; padding-left:8px;}

.en_oferta {color:#FF9933; padding-left:10px;}
.price_web_lista h3 {text-align:center; color:#fff; margin-top:16px; font-size:11pt;}
.price_web_lista h4 {margin-top:3px; text-align:center; color:#fff; font-size:8pt;}
.price_web_lista .price {font-size:13px; margin-bottom:0px; }

.price_tienda_lista h3 {margin-top:20px; font-size:8px;text-align:center; color:#fff;}
.price_tienda_lista h4 {text-align:center; color:#fff; font-size:8px;}
.price_tienda_lista .price {font-size:12px; margin-bottom:0px;}

.img_fabricante {margin-left:20px; margin-top:3px}

.imglist_container { float:left; border:solid 1px #D3D3D3; padding:10px; text-align:center; width:120px; height:100px;}
.imglist_container img {vertical-align:middle; border:solid 0px}

.list_description { color:#4d4d4d; margin-left:160px; width:220px; padding-right:50px; margin-top:5px; border-bottom:solid 1px #D3D3D3; padding-bottom:5px;}

.price_globe { z-index:100; border:solid 0px; width:81px; height:134px; background:#fff url(images/globos.png) no-repeat; float:right;}
.price_globe { border:solid 0px; width:80px;}
.price_globe2 { z-index:100; border:solid 0px;width:81px; height:134px; background:#fff url(images/globos2.png) no-repeat; float:right;}
.price_web h3 {text-align:center; color:#fff; margin-top:23px; font-size:11pt;}
.price_web h4 {margin-top:3px; text-align:center; color:#fff; font-size:8pt;}

.price_tienda h3 {margin-top:20px; font-size:8px;text-align:center; color:#fff;}
.price_tienda h4 {text-align:center; color:#fff; font-size:8px;}

.lista_iva { float:right; color:#9E9E9E; }

/* paginacion */
.paginate_products { width:510px; margin:0; padding:5px; margin-bottom:20px; background-color:#fff; text-align:center;}
.filter_by a {color:#000; padding-left:10px;padding-right:15px;}
.filter_by p {margin-bottom:4px; border-bottom:solid 1px #888888; padding:2px}
.paginate_products .next { color:#000; float:right; padding-right:20px; background:transparent url(images/pag_arrow_right.png) no-repeat right}
.paginate_products .prev { color:#000; float:left; padding-left:20px; background:transparent url(images/pag_arrow_left.png) no-repeat left}
.paginate_products .disabled {color:#888888; background:none}
a.desc {background:transparent url(images/pag_arrow_down.png) no-repeat right;}
a.asc {background:transparent url(images/pag_arrow_up.png) no-repeat right;}

/* DETALLE DE PRODUCTO */
.product_detail_col1 { float:left; /*border:solid 1px;*/ width:450px;}
.product_detail_col1 h2 { font-size:24px; color:#363636; border-bottom:solid 1px #bcbbbb; margin-bottom:3px; font-weight:bold;}
.product_detail_col1 p {margin-top:20px; margin-bottom:20px; width:95%; text-align:justify;}

.product_table {width:100%;}
.product_table th {visibility:hidden;}
.product_table td { border-bottom:solid 1px #ccc; padding:5px;}

.product_detail_col2 { margin-left:470px; text-align:center;}
.product_detail_col2 h3 { margin-left:auto; margin-right:auto}
#precio_web p, #precio_tienda p, #al_cesto p { color:#fff; font-weight:normal; font-size:10px; text-align:center;}
#precio_web .precio, #precio_tienda .precio, #al_cesto .precio {color:#fff; font-weight:bold; font-size:22px; text-align:center;}
#precio_web {  padding-top:15px; margin-top:15px; /*margin-left:10px;*/ width:194px; height:74px; background:#fff url(images/cuadro_amarillo.png) no-repeat;}
#precio_tienda { padding-top:5px;margin-top:15px; width:194px; height:74px; background:#fff url(images/cuadro_azul.png) no-repeat;}
#al_cesto { padding-top:18px;margin-top:15px; margin-bottom:20px; width:194px; height:44px; border:solid 0px #A7A7A7;}
#al_cesto p, #al_cesto .precio { color:#2059CC}
#al_cesto a {color:#2059CC; font-weight:bold; font-size:16px; text-align:center; display:block; margin-bottom:3px;}

.detalle_iva { color:#9E9E9E; }

/* DESTACADOS */
#destacados_container { margin-left:29px; margin-top:120px; border:solid 0px}

div.destacado {width:632px; height:279px; background:#fff url(images/destacados.png) no-repeat center; border:solid 0px}

div.destacado_container { width:610px; height:270px; border:solid 0px; margin:10px; margin-top:0; background-color:transparent}
div.destacado_col_left { padding:10px; margin-top:40px; width:210px; height:240px; background-color:transparent; float:left; text-align:center;}

div.destacado_col_left img {border:solid 0px;}

div.destacado_col_right { background-color:transparent; padding-top:10px; margin-left:225px; height:255px; width:auto; padding-right:5px}
div.col1 { height:255px; width:240px; float:left;}
div.col1 h2 { background-color:#fff; color:#afb0b2; font-size:24px; font-weight:bold;margin-top:10px;}
div.col1 p { margin-top:10px; color:#4d4d4d; }

div.col2 {height:255px; width:130px; float:right;}
div.destacado_price_web {float:right; position:relative; z-index:100; margin-top:120px; background:#fff url(images/precio_destacado.png) no-repeat; width:126px; height:127px;}
div.destacado_price_web {*margin-top:50px;} /* IE7 y IE6 Hack */
 

div.destacado_price_web h3 {text-align:center; color:#fff; margin-top:38px;}
div.destacado_price_web h4 {margin-top:3px; text-align:center; color:#fff; font-size:8pt;}

/* RECOMENDADOS */
#recomendados {}
.recomendado {margin-bottom:30px}
.recomendado_oferta { text-align:center;}
.recomendado h2 {padding-left:5px; padding-top:1px; display:block; font-size:10px; font-weight:bold; color:#fff; height:16px; background:#fff url(images/recomendados.png) no-repeat;}
.recomendado span {}
.recomendado img { vertical-align:middle; margin:5px; padding:2px; /*border:solid 1px #ccc;*/}
.recomendado p {margin-left:5px; font-size:12px; width:170px; margin:5px; margin-top:0; margin-bottom:5px; color:#4d4d4d;}
.recomendado a {float:right; margin-right:20px; color:#2059CC}

/* some ajax stuff */
/*#action_indicator {width:230px; float:right; position:relative; top:-35px; padding:3px;}*/

/* cesto indications */
#carrito_successMessage {padding-top:5px; height:25px; background-color:#FFFFCC; border: solid 1px #FFCC00; color:#12811F; font-size:12px; font-weight:bold; text-align:center;}
#carrito_errorMessage {padding-top:5px; height:25px; background-color:#B92E30; border: solid 1px #FFCC00; color:#fff; font-size:12px; font-weight:bold; text-align:center;}

/* CESTO */
.vaciar_cesto {display:block; height:24px; padding-left:25px; float:right; background:#fff url(images/recycle.png) no-repeat; color:#2059CC; text-decoration:none;}
.img_cesto_eliminar {border:solid 0px; vertical-align:middle;}
.cesto_eliminar {color:#2059CC; text-decoration:none;}
.add_img {border:solid 0px; float:right;}
.rest_img {border:solid 0px; float:left;}
.cesto_cantidad {border:solid 0px; margin-left:17px; margin-right:17px;}
.img_producto_cesto {border:solid 1px #A5A5A5; padding:2px;}

#cesto_total {float:right;}
#cesto_total h3 {font-size:16px; color:#747474; text-align:right;}
#cesto_total p {font-size:20px; text-align:right;}