/* Body */
body {font-size:62.5%; font-family:Arial, Helvetica, sans-serif;}

/* elementos de texto */
#page p {font-size:1.2em; line-height:1.7em; color:#333; margin:10px 0}
#page small {font-size:1.0em; color:#666;}
#page #footer small {color:#666}
#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:#ccc; background-color: #ccc;}

/* elementos de títulos */
#page h1, #page h2, #page h3, #page h4, #page h5 {padding:0; line-height:normal; font-weight:normal; color:#333;}
#page h1 {font-size:1.8em;  margin:0; font-family:Arial, Helvetica, sans-serif;}
#page h2 {font-size:1.4em;  margin:2px 0 0 0; color:#444; font-weight:bold;}
#page h3 {font-size:1.1em; color:#333}
#page h4 {font-size:1.1em; color:#666; margin:0 0 5px 0;}
#page h5 {font-size:1.1em;}
#page h6 {font-size:1.0em;}

#page a h2 {color:#0066CC;}
#page a:hover h2 {color:#FF3300;}

#page #left h3 {font-size:1.8em; margin:0 0 2px 0; font-family: Arial, Helvetica, sans-serif;}
#page #right h3 {font-size:1.8em; margin:0 0 2px 0; font-family: Arial, Helvetica, sans-serif; color:#333;}
#page #left h4, #page #right h4 {font-size:1.1em; font-weight:normal; margin-bottom:20px;}


#page #footer h3 {margin:0 0 10px 0; color: #666; font-size:1.3em}

/* enlaces */
#page a:link {color:#0066CC;}
#page a:visited {color:#0066CC;}
#page a:hover, #page a:active {color: #FF3300;}
#page a img {border:0 none;}
#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 #header ul li {color:#FFF}

#page ol {margin:10px 0;}
#page ol li {font-size:1.2em; line-height:1.2em;  color:#333}

#page dl {margin:0 0 15px 25px;}
#page dl dt {padding:10px 10px 0px 0px; font-size:1.2em; line-height:1.1em; color:#333}

/*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:9px 6px; color:#333; text-align:left;}
#page table thead th{color:#FFF; font-weight:bold; background-color:#666;}
#page table tfoot td{border-top:#CCC solid 1px;}
#page table tbody td{display:table-cell; font-size:1.2em; line-height:1.2em}
#page tbody tr.even td{}
#page tbody tr.odd td{background-color:#E5E5E5}
#page tbody tr.highlight td {background-color:#FFF}

/*bloques*/
#page blockquote {padding:20px; font-size:1.2em; margin:20px 0; line-height:1.5em; background:#E5E5E5; color:#333; border:1px dashed #C0C0C0}
#page address {font-size:1.2em; line-height:1.7em; margin:10px 0; color:#333;}

#page .untercio .address .floatleft address {font-size:1.0em; font-style:normal; line-height:1.7em; margin:10px 0; color:#333;}

/* formularios */
#page fieldset{}
#page legend {}
#page label{display:block; font-size:1.1em; margin-bottom:5px; color:#666; text-transform: lowercase}
#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; vertical-align:middle;} 
#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 .boxForm3 input {background-color:#FFF; }

#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: #FF3300;}
#page .backcolor{background-color:#E5E5E5;}
#page .borderColor {border:#FFF solid 5px;}

/*btn*/
#page .btn {background:url(../images/btn_left.gif) 0 0 no-repeat;font-size:11px;margin:5px 0 5px 5px;padding:0 0px 0 12px;height:24px;float:left;}
#page .btn a {background:url(../images/btn_right.gif) right 0 no-repeat;padding:4px 10px 10px 0; color:#333; font-weight:bold; font-style:italic; font-size:14px;display:block;text-decoration:none;}
#page .btn a:visited {color:#000;text-decoration:none;}
#page .btn a:hover { color:#FF3300}

/* PAGE */
#page {width:940px; margin:0 auto; position:relative; background:url(../images/fnd.jpg) 0 0 no-repeat;}
#page .wrap {margin:0 auto; width:940px; }
#page .wrap .wrap {margin:0 auto; width:auto;}
#page .wrap .wrap .wrap {margin:0;}

/** HEADER **/
#page #header {height:245px;}

/** LOGO **/
#page #header #logo {float:left; display:inline; width:360px; margin:20px 0 10px 0;}
#page #header #logo .image{float:left; display:inline; margin:3px 5px 0 0;}
#page #header #logo .txt{float:left; display:inline; margin:0}
#page #header #logo h2{display:none; font-size:3.0em; letter-spacing:-0.06em; color:#000; margin-top:2px; font-family:"Arial Rounded MT Bold", Arial, Helvetica, sans-serif}

/** SHORTCUTS **/
#page #header #shortcuts {position:absolute; top:300px; right:10px; width:287px; z-index:20;}
#page #header #shortcuts ul{margin:0; float:right}
#page #header #shortcuts ul li{list-style:none; float:left; display:block; padding:0; font-size:1.1em; /*border-right:1px solid #456698*/}
#page #header #shortcuts ul li a {padding:0 7px; color:#A7D2FE; text-decoration:none; }
#page #header #shortcuts ul li a:hover{color: #FFF; text-decoration:underline;}
#page #header #shortcuts ul li.selected{color: #FFF;}
#page #header #shortcuts ul li.selected a{color: #FFF;}
#page #header #shortcuts ul li.last {border:none}

/** LANGUAGE **/
#page #header #lang {display:none}


/** SEARCH **/
#page #header #search {position:absolute; top:125px; left:25px;  padding:20px 0 0; width:240px; height:108px; z-index:10;}
#page #header #search #search_field {float:left; margin:35px 0 0 0; padding:0px 0px 1px; width:120px;}
#page #header #search #search_field input{background:url(../images/fnd_input_search.gif) 0 0 no-repeat; height:27px; width:115px; float:left; border:none; padding-top:7px}
#page #header #search .search_button img {margin-top:35px}
#page #header #search #advanced_search{float:right; width:120px; text-align:right; font-size:1.1em; margin:-3px 30px 0 0; display:none}
#page #header #search #advanced_search a{text-decoration:underline; color: #D9ECE3}
#page #header #search #advanced_search a:hover {color:#000}

/** LAYER NAV **/
#page #layer_nav {height:34px; position:absolute; top:10px; right:0;} 
#page #layer_nav ul {float:right; margin:10px 0 0 0;}
#page #layer_nav li {list-style:none; float:left; display:block; padding:0 0 0 6px; margin:0 5px 0 0; font-size:1.7em; font-style:italic; line-height:1.2em; font-family: Arial, Helvetica, sans-serif; font-weight:bold}
#page #layer_nav li a{display:block; color:#000; text-decoration:none; padding:5px 10px 5px 5px; }
#page #layer_nav li a:hover{display:block; color:#CC0000;}
#page #layer_nav li.selected{display:block;}
#page #layer_nav li.selected a{display:block; text-decoration:none; color:#CC0000;}

/*breadcrumbs*/
#page #container #breadcrumbs {padding:46px 10px 30px 25px;  font-size:1.1em; text-align:left; color:#B7CEE6; z-index:15; position:relative}
#page #container #breadcrumbs a {text-decoration:none; color:#FFF}
#page #container #breadcrumbs a:visited {text-decoration:underline}

/** banner **/
#page #banner {position:absolute; top:64px; right:13px; width:660px;}
#page #banner .wrap {background: url(../images/fnd_banner.gif) center right no-repeat; height:220px; width:660px; overflow:hiddden;}

/** CONTAINER **/
#page #container {margin-top:95px;}
body.unacol #page #container #content {margin:0 auto; width:900px;}
body.doscol #page #container #content {float:left; display:inline; margin-left:25px; width:640px;}
body.trescol #page #container #content {float:left; display:inline; margin-left:25px; width:480px;}

/*left*/
#page #container #left {float:right; display:inline; width:220px;  margin:0 5px 0 0; padding:15px 0 0 0; background:#E5E5E5; border:1px dashed #999; padding-bottom:20px}
#page #container #left h3{margin:0 30px 0 10px;}
#page #container #left h4{margin:0 30px 0 10px;}
#page #container #left li h3{margin:0 30px 0 0; font-size:1.2em; font-family:Arial, Helvetica, sans-serif}
#page #container #left li h4{margin:0 30px 0 0;}
#page #container #left ul{margin:15px 0 40px 10px; display:block}
#page #container #left ul li{margin:0 30px 15px 0; border-bottom:1px solid #CECECE}
#page #container #left p {padding: 20px 5px 0 10px; width:180px; margin:0; color: #666;}

/*right*/
#page #container #right {float:right; display:inline; width:140px; margin:0 30px 0 15px; padding:0; padding-left:15px;  border-left:1px solid #ccc}
#page #container #right p {color:#666; margin:0}

#page #footer .untercio {float:left; display:inline; width:30%; margin:0 4% 0 0;}

/*destacado*/
#page #destacado{border:#EEE solid 10px; background-color:#EEE; padding:10px; margin-bottom:20px;}

/*cart*/
#page #container #left .basket{margin:0 10px 20px 10px; border-bottom:3px solid #CCC; padding:5px 5px 10px 5px;}
#page #container #left .basket h3{margin:0 0 5px 0;}
#page #container #left .basket strong{color: #FF3300; font-size:1.4em;}
#page #container #left .basket small {color:#666}
#page #container #left .basket td {color:#2C0A01; vertical-align:top;}
#page #container #left .basket td a {text-decoration:none}
#page #container #left .basket td.cantidad { vertical-align:middle}
#page #container #left .basket input {background-color:#FFF; width:10px}


/* CATEGORY NAV */
#page #container #left ul li{list-style:none; background: url(../images/ico_arrow.gif) 4px 4px no-repeat; padding:0 0 0 25px; font-size:1.4em; line-height:1.7em; color: #666}
#page #container #left ul li a{text-decoration:none; color:#0066CC; font-weight:bold}
#page #container #left ul li a:hover{ color: #FF3300; text-decoration:underline;}
#page #container #left ul li.selected { background: #CC0000 url(../images/ico_arrow2.gif) 4px 6px no-repeat; padding:2px 0 2px 23px;}
#page #container #left ul li.selected a{color:#FFF}

/*second level*/
#page #container #left ul li ul{margin:10px 0 10px 0;}
#page #container #left ul li ul li{font-size:0.9em; border:none; background: url(../images/ico_bullet.gif) 5px 10px no-repeat; padding:3px 10px 3px 13px; background-color:#CECECE; width:95%}
#page #container #left ul li ul li a{color:#333;}
#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 0; border:}
#page #container #left ul li ul li ul li{font-size:.9em; margin:0 0 5px 0; border:none; font-weight:normal; background:none;}
#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 {display:block; border-top:1px solid #ACC0D5; margin-top:20px;}
#page #footer hr{display:none;}
#page #footer #shortcuts_footer{float:left; display:inline; width:900px; margin:5px 0 0 0; padding:20px}
#page #footer #shortcuts_footer ul {margin-left:0;}
#page #footer #shortcuts_footer ul li{list-style:none; margin:0 0 10px 0; padding:0 0 0 10px; font-size:1.1em; line-height:1.2em;}
#page #footer #shortcuts_footer ul li a {color:#666; text-decoration:underline; }
#page #footer #shortcuts_footer ul li a:hover {color: #FF3300;}

#page #footer #nav_footer{float:left; display:inline; width:940px; height:39px; margin:0 0 0 0; background: url(../images/fnd_footer.jpg) 0 0 no-repeat;} 
#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 {color: #FFFF99}

#page #footer #tex_footer{float:left; display:inline; width:300px; margin:20px 0 0;}
#page #footer #tex_footer h2{margin:0 0 5px 0; color:#666;}

#page #footer #powered {float:right; display:inline; width:140px; text-align:right; color:#666; margin:20px 0 0;}
#page #footer #powered a {font-weight:bold; text-decoration:none; color:#666;}
#page #footer #powered a:hover {color:#FF3300}

/* paginacion */
#page .paginacion p a:link, #page .paginacion p a:visited, #page .paginacion p a:active {background-color:#e5e5e5; border-color:#e5e5e5; color: #333;text-decoration:none;}
#page .paginacion p span, #page .paginacion p a:hover {background-color:#666; border-color:#666; color:#FFF;}

/** extraDIVS **/
#page #extraDiv1 {display:none}
#page #extraDiv2 {display:none}
#page #extraDiv3 {display:none}
#page #extraDiv4 {display:none}
#page #extraDiv5 {display:none}

#page .address h4 {margin-top:15px}
#page .address .floatright h2 {margin-top:-10px;  padding-top:0;}
#page .untercio .address {margin-top:15px;}
#page .address small {padding-right:5px}


/* RETOQUES PARA GIRO */
#page #ficha h3, #page #ficha h4,  #page #ficha hr {display:none}
#page #container #content #destacado .item_untercio {margin-right:30px};
#page #container #content .item .floatright .btn {margin-left:10px}
#page #container #content .item .floatleft {}
#page #container #content #ficha img.left {margin-top:15px}
#page #container #content .mapaFicha small a.floatright {display:none} 
#page #container #content #registro table td.backcolor strong.colored {padding-left:10px}
