/* Body */
body {font-size:62.5%; font-family: Arial, Helvetica, sans-serif; color:#333;}

/* elementos de texto */
#page p {font-size:1.3em; line-height:1.7em; color:#222; margin:10px 0}
#page small {font-size:1.1em; color:#666;}
#page #footer small {font-size:1.1em; color:#f0d9d9;}
#page big {font-size:1.2em; padding-top:10px}
#page b,#page strong{}
#page em, #page i{}
#page u{}
#page strike{}
#page sub {}
#page sup {}

#page hr {color: #DDD; background-color: #DDD;}

/* elementos de títulos */
#page h1, #page h2, #page h3, #page h4, #page h5 {padding:0; line-height:normal; color:#000; font-weight:normal; font-family: Arial, Helvetica, sans-serif;}
#page h1 {font-size:2.4em; margin:0}
#page h2 {font-size:1.8em; margin:2px 0 0 0;}
#page h3 {font-size:1.6em;}
#page h4 {font-size:1.1em; margin:0 0 5px 0; color:#666;}
#page h5 {font-size:1.2em;}
#page h6 {font-size:1.0em;}

#page #left h2, #page #right h2 {font-size:1.3em;}
#page #left h3, #page #right h3 {font-size:1.4em; margin:0 0 2px 0;}
#page #left h4, #page #right h4 {font-size:1.1em; margin-bottom:20px;}

/* enlaces */
#page a:link {color: #990000;}
#page a:visited {color:#990000;}
#page a:hover, #page a:active {color: #CC0000;}
#page a img {border:0 none;}
#page small a {font-size:1.0em;}

#page #container #content .untercio blockquote a {text-decoration:none;}

/*listas*/
#page ul {margin-left:40px;}
#page ul li {list-style-type:disc; padding:10px 10px 12px 0px; font-size:1.2em; line-height:1.5em; color:#333}
#page #container #content .uncuarto ul {padding-left:20px;}

#page ol {margin:10px 0;}
#page ol li {font-size:1.2em; line-height:1.2em;}

#page dl {margin:10px 0;}
#page dl dt {font-size:1.2em; line-height:1.2em;}

/*tablas*/
#page table {display:table; width:100%; empty-cells:show; margin:0 0 15px 0; width:auto;}
#page table tr {display:table-row; vertical-align:middle;}
#page table thead th, #page table tbody td, #page table tfoot td{padding:5px; color:#333; text-align:left; vertical-align:top;}
#page table thead th{color:#333; font-weight:bold;}
#page table tfoot td{border-top:#DDD solid 1px;}
#page table tbody td{display:table-cell; font-size:1em;}
#page tbody tr.even td{background:#DDD;}
#page tbody tr.odd td{}
#page tbody tr.highlight td {}

/*bloques*/
#page blockquote {padding:20px; font-size:1.4em; margin:20px 0; line-height:1.5em; background:#CFD6C7; color:#333; font-weight:bold;}
#page address {font-size:1.2em; line-height:1.7em; margin:10px 0}

/* formularios */
#page fieldset{}
#page legend {}
#page label{display:block; font-size:1.1em; margin-bottom:5px; color:#666}
#page input{width:96%; background-color:#eee; border:1px solid #CCC; color:#666; padding:3px; height:20px;}
#page textarea{width:98%; border:1px solid #ccc; padding:3px; background-color:#eee; height:125px;}
#page select {width:96%; color:#666;}  
#page input.checkbox {width:auto; background-color:transparent; border:none;} 
#page input.radio {width:auto; background-color:transparent; border:none;} 
#page textarea:focus, #page #container input:focus {background-color:#FFFF99; color:#000;} 
#page #content .dostercios input{width:97%;} #page #content fieldset.dostercios {margin-right:4%}

#page #container #content fieldset strong.floatleft {display:block; float:left; font-size:1.2em; padding:5px 5px 0 4px;} /*para los radio o checkbox*/

/*elementos decorativos*/
#page .colored {color: #336600;}
#page .backcolor{background: #CFD6C7;}
#page .borderColor {border:#BFC9B6 solid 5px;}

/*btn*/
#page .btn {background:url(../images/btn_left.gif) 0 0 no-repeat; font-size:11px; margin:5px 0 5px 0; padding:0 10px 0 8px; height:25px; float:left;}
#page .btn a {background:url(../images/btn_right.gif) right 0 no-repeat;padding:5px 15px 10px 5px; color:#FFF; font-weight:bold; font-size:12px;display:block;text-decoration:none;}
#page .btn a:visited {color:#FFF;text-decoration:none;}
#page .btn a:hover {text-decoration:underline;}

/* PAGE */
#page {width:100%; margin:0 auto; background:#DED8CE url(../images/fnd.gif) 50% 0 repeat; float:left}
#page .wrap {margin:0 auto; width:980px;}
#page .wrap .wrap {margin:0 auto; width:auto;}
#page .wrap .wrap .wrap {margin:0;}

/** HEADER **/
#page #header {height:105px; position:relative; z-index:10}

/** LOGO **/
#page #header #logo {float:left; display:inline; width:600px; margin:20px 0 10px 0;}
#page #header #logo .image{float:left; display:inline; margin:3px 5px 0 0px;}
#page #header #logo .txt{float:left; display:inline; margin:0}
#page #header #logo h2{font-size:3.0em; letter-spacing:-0.06em; color:#fff; margin-top:2px}

/** SHORTCUTS **/
#page #header #shortcuts {position:absolute; top:25px; right:200px; width:240px;}
#page #header #shortcuts .wrap {}
#page #header #shortcuts ul{margin:0;}
#page #header #shortcuts ul li{list-style:none; float:left; display:block; padding:0; font-size:1.1em;}
#page #header #shortcuts ul li a {padding:0 5px; color:#EDB1B1; text-decoration:underline; }
#page #header #shortcuts ul li a:hover{color:#FFF}
#page #header #shortcuts ul li.selected a{color:#FFF}

/** LANGUAGE **/
#page #header #lang {position:absolute; top:5px; right:440px; margin:25px 10px 0 0; width:70px;}
#page #header #lang a {padding-right:3px}

/** SEARCH **/
#page #header #search {position:absolute; top:25px; right:0; width:185px; height:65px; background:url(../images/fnd_search.png) 0 0 no-repeat;}
#page #header #search #search_field {float:left; margin:0; padding:0px 0px 1px; width:150px;}
#page #header #search #search_field input{background:url(../images/fnd_input_search.gif) 0 0 no-repeat;  height:27px; padding:6px 0 0 10px; width:150px; float:left; border:none; color:#FFF5A4; z-index:0;}
#page #header #search #advanced_search{float:right; text-align:right; font-size:1.1em; margin:5px 5px 0 0;}
#page #header #search #advanced_search a{text-decoration:underline; color:#EDB1B1}
#page #header #search #advanced_search a:hover {color:#FFF}

/** LAYER NAV **/
#page #layer_nav {width:980px; z-index:100; position:relative; background-color:#FFFFFF} 
#page #layer_nav ul {float:left; margin:10px 0 0 18px;}
#page #layer_nav li {list-style:none; float:left; display:block; padding:14px 10px 8px 10px; margin:0 0 0 2px; font-size:1.4em; font-weight:bold; line-height:0.9em; background-color:#FFF; border-right:1px solid #D3ACA9}
#page #layer_nav li.last {border-right:none;}
#page #layer_nav li a{display:block; color:#4F0000; text-decoration:none; }
#page #layer_nav li a:hover{display:block; color: #CC0000}
#page #layer_nav li.selected{display:block; background-color:#320000}
#page #layer_nav li.selected a, #page #layer_nav li.selected a:visited{display:block; text-decoration:none; color:#FFF;}

/*breadcrumbs*/
#page #container #breadcrumbs {position:absolute; top:-35px; left:20px; padding:5px 10px; background:#3E250D; font-size:1.1em; text-align:left; color:#DDD; filter: alpha(opacity=90); opacity: .9;}
#page #container #breadcrumbs a {text-decoration:none; color:#fff;}
#page #container #breadcrumbs a:visited {text-decoration:underline}

/** banner **/
#page #banner, #page #banner #banner_wrap {width:980px; overflow:hidden; height:300px; background-color:#FFF;  border-top:5px solid #FFF; z-index:10000; position:relative}
#page #banner #banner_wrap {float:left; width:940px; margin-left:20px; margin-top:5px; background:url(../images/fnd_banner.jpg) 0 0 no-repeat; border-top:none; }

/** CONTAINER **/
#page #container {width:920px; background:#fff; padding:30px; position:relative;}
body.doscol #page #container, body.trescol #page #container{ }
body.unacol #page #container #content {float:right; width:920px; display:inline;}
body.doscol #page #container #content {float:left; display:inline; width:670px;}
body.trescol #page #container #content {float:right; display:inline; width:515px; float:left;}

/*left*/
#page #container #left {float:right; display:inline; width:199px;  margin:0 0 0 20px; padding:0 0 0 20px; border-left:1px solid #e5e5e5;}
#page #container #left h3{margin:0;}
#page #container #left h4{margin:0;}
#page #container #left ul{margin:15px 0 40px 0px;}
#page #container #left ul li{margin:0 0 15px 0; padding:0 0 2px 0; border-bottom:1px dotted #CCC}
#page #container #left p {padding: 20px 0 0 0px; width:auto; margin:0; color:#666;}

/*right*/
#page #container #right {float:right; display:inline; width:124px; margin:0 0 0 20px; padding:0 0 0 20px; border-left:1px solid #e5e5e5; text-align:right;}
#page #container #right p {color:#666; margin:0}

#page #footer .untercio {float:left; display:inline; width:286px; margin:0 20px 0 0;}

/*destacado*/
#page #destacado{background:#CFD6C7; padding:30px;}

/*cart*/
#page #container #left .basket {margin:0 0 20px 0; background-color:#F4E0DF; padding:10px;}
#page #container #left .basket table {width:100%}
#page #container #left .basket .floatright {text-align:right;}
#page #container #left .basket .floatright .btn {margin-right:0; padding-right:0;}
#page #container #left .basket h3 {margin:5px 0 10px 5px;}
#page #container #left .basket strong {color:#230000; font-size:1.2em;}
#page #container #left .basket table tfoot {}
#page #container #left .basket table td.cantidad input{width:20px;}

/* CATEGORY NAV */
#page #container #left ul li{list-style:none; background: url(../images/ico_arrow.gif) 5px 4px no-repeat; padding:0 0 0 18px; font-size:1.2em; line-height:1.3em; font-weight:normal;}
#page #container #left ul li a{text-decoration:none; font-weight:bold}
#page #container #left ul li a:hover{}
#page #container #left ul li.selected a{}

/*second level*/
#page #container #left ul li ul{margin:10px 0 10px 0px;}
#page #container #left ul li ul li{font-size:1.1em; border:none; background: url(../images/ico_bullet_second.gif) 6px 6px no-repeat; padding:0 0 0 15px;}
#page #container #left ul li ul li a{}
#page #container #left ul li ul li a:hover{}
#page #container #left ul li ul li a.selected{}
/*third level*/
#page #container #left ul li ul li ul{margin:10px 0 10px 5px;}
#page #container #left ul li ul li ul li{font-size:.9em; margin:0 0 5px 0; border:none; font-weight:normal; background: url(../images/ico_bullet_third.gif) 2px 4px no-repeat; padding:0 0 0 10px;}
#page #container #left ul li ul li ul li a{}
#page #container #left ul li ul li ul li a:hover{}
#page #container #left ul li ul li ul li a.selected{}

/** FOOTER **/
#page #footer {width:980px; margin:0px auto 50px; padding:30px 0;}
#page #footer #footer_wrap {position:relative; width:100%}
#page #footer #shortcuts_footer{float:left; display:inline;}
#page #footer #shortcuts_footer h3 {color:#CCC; font-weight:normal; font-size:1.4em; margin-bottom:10px;}
#page #footer #shortcuts_footer ul {margin-left:0;}
#page #footer #shortcuts_footer ul li{list-style:none; margin:0 0 7px 0; padding:0 0 0 0; font-size:1.3em; line-height:1.2em; background: none;}
#page #footer #shortcuts_footer ul li a {color:#FFF; text-decoration:none; font-weight:normal;}
#page #footer #shortcuts_footer ul li a:hover {text-decoration:underline;}

#page #footer #nav_footer{float:left; display:inline; width:980px; height:30px; margin:10px 0 0 0; background:#000; filter: alpha(opacity=60); opacity: .6;} 
#page #footer #nav_footer ul{float:left; display:inline; margin:-2px 0 5px 25px}
#page #footer #nav_footer ul li{list-style:none; float:left; display:inline; margin:0 40px 0 0; font-size:1.1em;}
#page #footer #nav_footer ul li a {text-decoration: underline; color:#FFF; }
#page #footer #nav_footer ul li a:hover {text-decoration:underline;}

#page #footer #tex_footer{float:left; display:inline; margin-top:20px;}
#page #footer #tex_footer h2, #page #footer #tex_footer small {color:#CCC; font-size:1.1em; float:left; line-height:normal; margin:0; padding:0; display:block;}
#page #footer hr {color:#DDD; background-color: #DDD; display:none}

#page #footer #powered {position:absolute; bottom:0; right:0; display:inline; width:140px; text-align:right; color:#CCC;}
#page #footer #powered a {font-weight:bold; text-decoration:none; color:#CCC; font-size:1.2em;}
#page #footer #powered a:hover {text-decoration:underline;}

/* paginacion */
#page .paginacion p a:link, #page .paginacion p a:visited, #page .paginacion p a:active {background-color:#ECEDEE; border-color:#B4BAC0; color: #000;text-decoration:none;}
#page .paginacion p span, #page .paginacion p a:hover {background-color:#000; border-color:#4692BF; color:#FFF;}

/** extraDIVS **/
#page #extraDiv1 {background:url(../images/fnd.jpg) 50% 0 repeat; position: absolute; left:0; top:0; width:100%; height:220px; z-index:1}
#page #extraDiv2 {display:none}
#page #extraDiv3 {display:none}
#page #extraDiv4 {display:none}
#page #extraDiv5 {display:none}