/* hoja de estilos básica para SITCOM front */

/* estilos básicos
----------------------------------------------------------------*/
*{

margin: 0px;
padding: 0px;
font-family: Arial, Helvetica, sans-serif;

}

a img {

border: none;

}

a {

text-decoration: none;
white-space: nowrap;

}

button {

white-space: nowrap;

}

h1 {

font-size: 24px;

}

h2 {

font-size: 18px;

}

/* estilos estructurales
----------------------------------------------------------------*/

html, body, #outer-wrap {height: 100%;}

body > #outer-wrap {height: auto; min-height: 100%;}

#main {padding-bottom: 120px;}  /* must be same height as the footer */

#header {

background: url(/imgfiles/home/img/header_back.jpg) left top repeat-x;

}

.wrapper {
width: 949px;
margin: 0 auto;
}

#login {
float: left;
margin-top:20px;
/*width:525px;*/
width:640px;
height:25px;
z-index:50;
}

#main {
}

#main-bottom {
/*margin-top: 30px;*/
padding-top: 20px;
background: #efefef url(/imgfiles/home/img/main_bottom_back.jpg) top left repeat-x;
clear: both;
}

#back {
background:transparent url(/imgfiles/home/img/back_arrow.jpg) no-repeat scroll left center;
color:#176E76;
float:right;
font-size:12px;
line-height:13px;
padding-left:25px;
}

#content {

margin-left: 203px;

}

#footer {
margin-bottom: -60px;
height:120px;
position:relative;
margin-top:-120px;
background: #efefef;
/*padding: 0 0 50px 0;*/
}


/* estilos cabecera
----------------------------------------------------------------*/

#logo {

float: left;

}

#login p {

float: left;
font-size: 11px;
font-weight: bold;
color: white;
padding-top: 5px;
margin-right: 5px;

}

#login a {

color: white;
/*border-left: solid 1px white;*/
padding-left: 5px;
margin-left: 0px;
text-decoration: none;
}

#login span {

color: white;
border-left: solid 1px white;
padding-left: 5px;
margin-left: 0px;
text-decoration: none;
}


#login form {

float: right;

}

#login input {

padding:4px 0 0 20px;
height: 16px;
width: 120px;
background: white url(/imgfiles/home/img/google.jpg) top left no-repeat;
border: none;

}

#login .submit {

background: url(/imgfiles/home/img/orange_bt.jpg) top left no-repeat;
width: 69px;
height: 27px;
padding:0;
}

/* menu */

#menu {

clear: both;
padding-bottom: 7px;
background: #7ebf2f url(/imgfiles/home/img/menu_back_bottom.jpg) bottom left repeat-x;
border-collapse: collapse;
width: 100%;

}

#menu td {

background: url(/imgfiles/home/img/menu_item_left.jpg) top left no-repeat;

}

#menu td2 {

background: url(/imgfiles/home/img/menu_back_right.jpg) top left no-repeat;

}




#menu td.fist a {
background: url(/imgfiles/home/img/menu_back_left.jpg) top left no-repeat;
}

#menu td a {

color: white;
font-size: 17px;
font-weight: bold;
padding: 10px 25px 0 25px;
display: block;
height: 33px;
padding-top: 10px;

}




#menu td.last a {
background:transparent url(/imgfiles/home/img/green_arrow.jpg) 93% 50% no-repeat;
}



#menu a.list {

background: url(/imgfiles/home/img/green_arrow.jpg) 93% 50% no-repeat;

}

/* menu active item */

#menu td.active {

background: url(/imgfiles/home/img/menu_item_left_active.jpg) top left no-repeat !important;

}

#menu td.active a.list {

background: url(/imgfiles/home/img/green_arrow_up.jpg) 93% 50% no-repeat;

}

#menu td.first {
background:transparent url(/imgfiles/home/img/menu_back_left.jpg) no-repeat scroll left top;
}



/* submenu principal */

#menu_list {

width: 97%;
margin: auto;
margin-top: -6px;
background: url(/imgfiles/home/img/menu_list_back.jpg) top left repeat-x;
border-collapse: collapse;
height: 32px;

}

#menu_list ul {

list-style: none;
text-align: center;
width: 100%;
background: url(/imgfiles/home/img/menu_list_left.jpg) top left no-repeat;
height: 32px;
}

#menu_list div {

float: right;
height: 32px;
width: 6px;
background: url(/imgfiles/home/img/menu_list_right.jpg) top right no-repeat;

}

#menu_list li {

display: inline;
padding: 0 40px;

}

#menu_list li a {

color: white;
font-size: 13px;
font-weight: bold;
line-height: 30px;

}

#menu_list li.active a {

background: url(/imgfiles/home/img/menu_list_active_right.jpg) top right no-repeat;
padding: 2px 15px 2px 0;

}

#menu_list li.active span {

background: url(/imgfiles/home/img/menu_list_active_left.jpg) top left no-repeat;
color: black;
padding: 2px 0 2px 15px;

}

#submenu ul ul {
background:transparent url(/imgfiles/home/img/subcat_bottom.gif) no-repeat scroll left bottom;
margin-left:220px;
margin-top:-42px;
padding:0 0 7px;
position:absolute;
width:181px;
z-index:100;
}

#submenu ul ul li.first {
background:transparent url(/imgfiles/home/img/subcat_top.gif) no-repeat scroll left top;
height:15px;
padding:3px 10px 5px;
border-top:0px;
}

#submenu ul ul li {
background:#DF9109 none repeat scroll 0;
border-top:0px;
padding:3px 10px 5px;
}


#submenu ul ul li a {
background:transparent url(/imgfiles/home/img/orange_double_arrow.jpg) no-repeat scroll 5px 3px !important;
height:15px;
padding:0px 0px 0px 29px;
}



/* submenu naranja
----------------------------------------------------------------*/

#submenu {

width: 200px;
list-style: none;
padding-top: 30px;
float: left;
margin-right: 20px;
}

#submenu li {

display: block;
border-top: solid 1px white;

}

#submenu li a {

width: 210px;
padding: 4px 0 8px 10px;
height: 30px;
display: block;
color: white;
font-weight: bold;
font-size: 15px;

}

#bedroom {

background: url(/imgfiles/home/img/bedroom.jpg) top left no-repeat;

}

#dining {

background: url(/imgfiles/home/img/dining.jpg) top left no-repeat;

}

#office {

background: url(/imgfiles/home/img/office.jpg) top left no-repeat;

}

#entertainment {

background: url(/imgfiles/home/img/entertainment.jpg) top left no-repeat;

}

#upholstery {

background: url(/imgfiles/home/img/upholstery.jpg) top left no-repeat;

}

#accessories {

background: url(/imgfiles/home/img/accessories.jpg) top left no-repeat;

}

#collections {

background: url(/imgfiles/home/img/collections.jpg) top left no-repeat;

}

#contract {

background: url(/imgfiles/home/img/contract.jpg) top left no-repeat;

}


/* home
----------------------------------------------------------------*/
/*
#cover {
padding-top: 30px;
margin-left: -24px;
width: 707px;
float:
}
*/

#cover {
margin-left: 235px;
padding-top: 30px;
width:707px;
}

#cover .top {

height: 6px;
background: #67543e url(/imgfiles/home/img/flash_nw.gif) top left no-repeat;

}

#cover .top div {

height: 6px;
width: 6px;
float: right;
background: #67543e url(/imgfiles/home/img/flash_ne.gif) top right no-repeat;

}

#cover .foot {

height: 6px;
background: #67543e url(/imgfiles/home/img/flash_sw.gif) top left no-repeat;

}

#cover .foot div {

height: 6px;
width: 6px;
float: right;
background: #67543e url(/imgfiles/home/img/flash_se.gif) top left no-repeat;

}

#cover .embed {

padding: 0 6px;
background: #67543e;

}

.home h2 {

font-size: 38px;
color: #df9109;
font-weight: 100;
line-height: 28px;
}

#news {

width: 260px;
background: url(/imgfiles/home/img/vertical_spacer.jpg) top right no-repeat;
padding-right: 30px;
font-size: 14px;
font-weight: bold;
/*overflow: auto;*/
float: left;
margin-bottom: 30px;
}

#news div {

padding: 10px 0;
line-height: 17px;
border-top: solid 1px black;

}

#news .first {

border: none;

}

#news .date {

color: #8f8f8f;

}

#news .more {

background: url(/imgfiles/home/img/green_grey_bt_right.jpg) top right no-repeat;
display: block;
float: right;

}

#news .more span {

display: block;
float: left;
height: 22px;
padding: 7px 10px 0 10px;
color: black;
font-size: 12px;
background: url(/imgfiles/home/img/green_grey_bt_left.jpg) top left no-repeat;
}

#tips-thumb {

float: left;
width: 280px;
margin-left: 15px;

}

#tips-thumb h2 {

margin-bottom: 25px;

}

#tips-thumb p {

color: #777;

}

#tips-thumb a {

color: #8cc641;

}

#tips-thumb img {

float: right;
border: solid 5px #ab9d8b;
margin-left: 10px;
}

#mail-list {

margin-left: 15px;
padding: 12px 25px 0 0;
background: url(/imgfiles/home/img/bethefirst_back.jpg) top left no-repeat;
width: 324px;
height: 198px;
float: left;
text-align: right;
}

#mail-list h2 {

color: #614e35;
float: right;
width: 200px;
line-height: 32px;
}

#mail-list input {

width: 195px;
height: 19px;
padding: 5px 0 0 35px;
font-size: 12px;
background: white url(/imgfiles/home/img/mail.jpg) 5px 5px no-repeat;
border: solid 1px #a4a4a4;
/*margin: 10px 0;*/
margin: 5px 0;
}

#mail-list input.submit {

margin: 0 0 0 10px;
background: url(/imgfiles/home/img/subscribe.jpg) top left no-repeat;
border: none;
width: 85px;
font-weight: bold;
height: 29px;
padding: 0;

}

#mail-list p {

width: 200px;
float: right;
padding-top: 7px;
font-weight: lighter;
color: #4d4944;

}

/* paginas de navegación
----------------------------------------------------------------*/

#main {

padding-top: 15px;

}

#breadcrumbs {

font-size: 12px;
color: #969696;
width: 80%;
float: left;

}

#breadcrumbs a {

color: #176e76;

}

/* menus categorias */

#submenus {

width: 183px;
float: left;
padding-top: 55px;
margin-right: 20px;
clear: left;
}

#submenus.high {

width: 183px;
float: left;
margin: 60px 20px 40px 0;
background: url(/imgfiles/home/img/categories_high.jpg) bottom left no-repeat;
padding: 0 0 10px 0;
height: 625px;

}

#submenus .category {

background: url(/imgfiles/home/img/categories_back.jpg) bottom left no-repeat;
padding: 0 0 10px 0;
margin-bottom: 15px;

}

#submenus.high .category {

background: none;

}


#submenus .category ul {
height:100px;
overflow:auto;
list-style: none;
padding: 0px 0;

}

#submenus .category li {

padding: 3px 10px 5px 10px;

}

#submenus .category li a, .featured a, #submenus .category li span, #detail-text a{

color: #176e76;
text-decoration: underline;
background: url(/imgfiles/home/img/orange_arrow.gif) left center no-repeat;
font-size: 12px;
font-weight: bold;
padding-left: 18px;
white-space: normal !important;
display:inline-block;
}

#submenus .category li span {

text-decoration: none;

}

#submenus .category li.active, #submenus .category li.subcategory {

background: url(/imgfiles/home/img/orange_back.jpg) 0 5px repeat-x;
padding-top: 5px;

}

#submenus .category li.subcategory span {

color: white;
font-size: 12px;
font-weight: bold;
background: none;
}

#submenus .category li.subcategory ul{

position: static;
background: none;
margin: 0px;
padding-top: 10px;
}

#submenus .category li.subcategory li {

background: none;
padding: 0px;
}

#submenus .category li.subcategory ul li a {

background: none !important;

}

#submenus .category li.active a {

color: white;
text-decoration: none;
background: url(/imgfiles/home/img/orange_arrow_inverted.jpg) left center no-repeat;
white-space: normal !important;
}

#submenus .category h3 {

background: url(/imgfiles/home/img/categories_top.jpg) top left no-repeat;
font-size: 15px;
padding: 6px 0 8px 10px;

}

#submenus .category ul ul {

position: absolute;
z-index: 100;
margin-left: 172px;
margin-top: -20px;
background: #df9109;
width: 181px;
background: url(/imgfiles/home/img/subcat_bottom.gif) bottom left no-repeat;
padding: 0 0 7px 0;

}

#submenus .category li.subcategory ul {
background:transparent none repeat scroll 0;
margin:0;
padding-top:10px;
position:static;
}

#submenus .category ul ul li{

background: #df9109;

}

#submenus .category ul ul li.first{
background: url(/imgfiles/home/img/subcat_top.gif) top left no-repeat;
}


#submenus .category ul ul li a{

background: url(/imgfiles/home/img/orange_double_arrow.jpg) 5px 3px no-repeat !important;

}

/* residential cover */

#cover-residential {
/*height: 232px;*/
background: url(/imgfiles/home/img/rounded_grey_bottom.jpg) bottom left no-repeat;
padding-top: 15px;
margin-bottom: 10px;
}

#cover-residential .frame {
/*height: 50px;*/
width: 747px;
height: 228px;
background: url(/imgfiles/home/img/big_frame.gif) top left no-repeat;
position: absolute;
}

/*
#cover_residential .title{
width: 746px;
font-size: 24px;
border-bottom: none;
background: white;
}
*/

#cover-residential p {
padding: 10px;
padding-bottom: 15px;
font-size: 12px;
}

/*
#cover_residential .content{
margin-left: 10px;
margin-top: 15px;
height: 150px;
width: 746px;
}

#cover_residential .content span{
width: 400px;
margin-top: 15px;
}
*/


/* featured categories */

h2.featured {
padding: 10px;
border-bottom: solid 1px black;

}

div.featured {

width: 238px;
float: left;
margin: 20px 5px 30px 5px;

}

.featured .frame {

width: 238px;
height: 145px;
background: url(/imgfiles/home/img/featured_frame.gif) top left no-repeat;
position: absolute;

}

.featured a {

background: url(/imgfiles/home/img/orange_arrow_med.jpg) top left no-repeat;
padding: 3px 0 3px 25px;
display: block;
margin: 10px 0 0 0;
}

/* featured categories2 */

h2.featured2 {

padding: 10px;
border-bottom: solid 1px black;

}

div.featured2 {

width: 141px;
float: left;
margin: 20px 5px 30px 5px;

}

.featured2 .frame2 {

width: 141px;
height: 111px;
background: url(/imgfiles/home/img/small_frame.gif) top left no-repeat;
position: absolute;

}

.featured2 a {

background: url(/imgfiles/home/img/orange_arrow_med.jpg) top left no-repeat;
padding: 3px 0 3px 25px;
display: block;
margin: 10px 0 0 0;
}

/* detalle mueble
----------------------------------------------------------------*/

#content h1 {

padding-top: 25px;

}

.product-id {

font-size: 17px;
font-weight: bold;
color: #ef9b0b;
margin-bottom: 20px;

}

#product-nav {

list-style: none;
float: right;
margin-top: 20px;

}

#product-nav li {

display: block;
float: left;

}

#product-nav li a {

font-size: 12px;
color: #ef9b0b;
margin: 0 7px;
display: block;
float: left;
height: 20px;
padding: 5px 0 0 0;
}

#product-nav #prev {

background: url(/imgfiles/home/img/prev_orange_big.jpg) top left no-repeat;
padding-left: 28px;

}

#product-nav #next {

background: url(/imgfiles/home/img/next_orange_big.jpg) top right no-repeat;
padding-right: 28px;

}

#product-tabs {
background: url(/imgfiles/home/img/brown_back.jpg) top left repeat-x;
height: 34px;
padding: 5px 0 0 395px;
}

#news-tabs {
background: url(/imgfiles/home/img/brown_back.jpg) top left repeat-x;
height: 34px;
padding: 5px 0 0 20px;
}

#product-tabs li,
#news-tabs li {
display: block;
float: left;
font-size: 12px;
}

#product-tabs li.active,
#news-tabs li.active {
background: url(/imgfiles/home/img/white_tab_right.jpg) bottom right no-repeat;
}

#product-tabs li a,
#news-tabs li a {
color: white;
padding: 10px 15px;
display: block;
float: left;
font-weight: bold;
}

#product-tabs li.active span,
#news-tabs li.active span {
color: black;
padding: 10px 15px;
display: block;
float: left;
font-weight: bold;
background: url(/imgfiles/home/img/white_tab_left.jpg) bottom left no-repeat;
}

#detail-pic {

margin: 25px 30px 30px 0;
float: left;
border: solid 1px #aeaeae;

}

#detail-text {

margin-top: 25px;
height: 356px;
}

#detail-text p {

font-size: 13px;
margin-bottom: 10px;
}

#detail-text a {

padding: 0px;
background: none;

}

#product-tools {

list-style: none;

}

#product-tools li {

display: block;
float: left;

}

#product-tools a {

display: block;
float: left;
font-size: 12px;
color: #176e76;
margin-right: 10px;

}

#product-tools #email a {

background: url(/imgfiles/home/img/mail_green.jpg) top left no-repeat;
padding-left: 20px;
line-height: 20px;

}

#product-tools #share a {

background: url(/imgfiles/home/img/share_green.jpg) top left no-repeat;
padding-left: 20px;
line-height: 20px;

}

/* related products */

#related {
float: left;
width: 100%;
margin-bottom: 20px;
}
/*
#related h2 {

float: left;

}
*/
#related .all {

color: #176e76;
text-decoration: underline;
font-size: 12px;
line-height: 23px;
margin-top: 10px;
padding-left: 10px;

}

#related div {

border-top: solid 1px #9d9d9d;
margin-top: 10px;
padding-top: 15px;

}

#related .item {

border: none;
padding: 0px;
margin: 0px;
float: left;
margin-right: 20px;
}

#related .item div {

border: none;
padding: 0px;
margin: 0px;
width: 141px;
height: 111px;
position: absolute;
background: url(/imgfiles/home/img/small_frame.gif) top left no-repeat;

}

/* design tips
----------------------------------------------------------------*/

#tips {

float: left;
width: 650px;
margin-top: 20px;

}

#tips h1 {

width: 653px;
height: 210px;
background: url(/imgfiles/home/img/tips_head_placeholder.jpg) top left no-repeat;
text-indent: -2000px;
margin-bottom: 40px;

}

#tips-side {

float: right;
width: 240px;
margin-top: 20px;

}

.tip {

margin-bottom: 40px;

}

.tip .date {

width: 40px;
padding: 5px 10px 5px 25px;
background: url(/imgfiles/home/img/date_tag.jpg) top left no-repeat;
color: white;
text-align: center;
line-height: 15px;
font-size: 13px;
float: left;
margin-right: 10px;
margin-bottom: 0px;

}

.tip .date span {

font-size: 28px;
font-weight: bold;
line-height: 24px;

}

.tip h2 {

font-size: 26px;
line-height: 20px;

}

.tip .author {

font-size: 16px;
color: #8d8d8d;

}

.tip .time {

font-size: 12px;
color: #df9109;
margin-top: 10px;

}

.tip img {

clear: left;
display: block;
margin: 15px 0;

}

.tip .text {
font-size: 12px;
margin-bottom: 20px;
line-height: 18px;
color: #5f5f5f;
}

span.text,
span.text a,
p.text a,
p.text {
font-size: 12px;
margin-bottom: 20px;
line-height: 18px;
color: #5f5f5f;
}

p.text {
margin-bottom: 0px;
}

span.text a:hover,
div.text a:hover,
p.text a:hover {
text-decoration: underline;
}

.tip .continue {
float: right;
font-size: 12px;
color: #166d76;
background: url(/imgfiles/home/img/orange_arrow_med.jpg) top left no-repeat;
text-decoration: underline;
padding: 0 0 5px 25px;
margin-bottom: 10px;
}

/* social tools */

.social {

clear: both;
background: #f8f8f8;
border: solid 1px #e3e3e3;
border-left: none;
border-right: none;
padding: 15px 10px;
overflow: auto;

}

.social a {

display: block;
float: right;
background: url(/imgfiles/home/img/share_right.jpg) top right no-repeat;
font-size: 12px;
font-weight: bold;
color: #5b5c60;
margin: 0 4px;

}

.social span {

padding: 5px 10px 0 25px;
display: block;
height: 21px;

}

.social .comment {

float: left;
background: url(/imgfiles/home/img/comments_right.jpg) top right no-repeat;

}

.social .comment span {

background: url(/imgfiles/home/img/comments_left.jpg) top left no-repeat;
float: left;
}


.social .email span {

background: url(/imgfiles/home/img/email_left.jpg) top left no-repeat;
float: left;
}

.social .share span{

background: url(/imgfiles/home/img/share_left.jpg) top left no-repeat;
float: left;
}

.back-top {

background: url(/imgfiles/home/img/top_arrow.jpg) top left no-repeat;
float: right;
color: black;
font-size: 18px;
padding: 0 0 0 30px;
line-height: 27px;
margin: -25px 5px 25px 0;

}

/* design tips sidebar
----------------------------------------------------------------*/

#tips-side div {

border-top: solid 3px #edede7;
padding-top: 15px;
color: #5f5f5f;

}

#tips-side h3 {
text-transform: uppercase;
color: #df9109;
font-size: 20px;
line-height: 20px;

}

#rss {

float: right;
color: black;
font-size: 12px;
font-weight: bold;
background: url(/imgfiles/home/img/rss.jpg) top left no-repeat;
padding-left: 20px;
line-height: 17px;

}

#tips-side p {

font-size: 12px;
margin: 15px 0;

}

div#newsletter {

background: #edede7 url(/imgfiles/home/img/rounded_grey_bottom_small.jpg) bottom left no-repeat;
padding-bottom: 10px;
padding-top: 0;
margin-bottom: 15px;
border: none;
}

#newsletter h3{

background: url(/imgfiles/home/img/rounded_grey_top_small.jpg) top left no-repeat;
padding: 10px 15px 0 15px;
color: black;
font-weight: normal;
font-size: 16px;

}

#newsletter h3 strong {

font-size: 20px;

}

#newsletter form {

padding: 10px 15px 0 15px;

}

#newsletter input {

width: 100%;
height: 20px;
margin-bottom: 10px;
border: solid 1px #8b8b8b;

}

#newsletter input.submit {

width: 70px;
height: 25px;
color: white;
font-size: 12px;
font-weight: bold;
background: #df9109;
border: none;

}

#tips-side ul {

list-style: none;
margin: 10px 0 20px 0;
}

#tips-side li a {

font-size: 12px;
text-decoration: underline;
background: url(/imgfiles/home/img/link_arrow.jpg) center left no-repeat;
color: #166d76;
padding-left: 10px;

}

#tips-side #archive {

border-bottom: solid 3px #edede7;
overflow: auto;

}

#tips-side ul.two-column {

overflow: auto;
margin-bottom: 20px;

}

#tips-side ul.two-column li{

display: block;
float: left;
width: 50%;

}

/* design tips detail
----------------------------------------------------------------*/

#tags, #posts {

border-top: solid 3px #edede7;
padding: 15px 0;
overflow: auto;
}

#tags h3, #posts h3 {

margin-bottom: 15px;

}

#tags ul {

list-style: none;

}

#tags li {

display: block;
float: left;
border-left: solid 1px #df9109;
padding: 0 5px;
line-height: 12px;
margin-bottom: 5px;

}

#tags li.first {

border: none;

}

#tags li a, #posts li a {

color: #166d76;
text-decoration: underline;
font-size: 12px;

}

#posts {

clear: left;

}

#posts li a {

background: url(/imgfiles/home/img/link_arrow.jpg) center left no-repeat;
padding-left: 15px;

}

#tip-detail .social {

border-width: 3px;

}

#tip-detail .social a{

float: left;

}

#tip-detail #comments {

margin-top: 20px;
border-bottom: solid 3px #edede7;

}

#tip-detail #comments h3 {

float: left;
margin-bottom: 15px;
}

#tip-detail #comments p.from-to {

float: left;
font-size: 12px;
margin-left: 20px;
margin-top: 5px;

}

#tip-detail .pagination {

float: right;

}

#tip-detail .pagination li {

display: block;
float: left;

}

#tip-detail .pagination li a {

font-size: 12px;
color: #166d76;
text-decoration: underline;
margin: 0 5px;
}

#tip-detail .pagination .prev {

text-decoration: none;
margin-right: 15px;
margin-left: 0;

}

#tip-detail .pagination .next {

text-decoration: none;
margin-left: 15px;
margin-right: 0;

}


#tip-detail .pagination li span {

font-size: 12px;

}

#tip-detail #comments .comment {

clear: both;
border-top: solid 1px #edede7;
padding: 15px 0;
overflow: auto;
}

#tip-detail #comments .comment p {

float: right;
width: 485px;
margin-top: -20px;
font-size: 12px;
color: #5f5f5f;
}

#tip-detail #comments .comment .user{

float: left;
width: 150px;
font-size: 16px;
color: #166d76;
margin: 0;

}

#tip-detail #comments .comment .date-comment{

clear: left;
float: left;
font-size: 12px;
width: 150px;
text-align: left;
margin: 0;
padding: 0;
background: none;
color: #8e8e8e;
margin: 0;

}

#add-comment {

padding: 20px 0 20px 0;
border-bottom: solid 3px #edede7;

}

#add-comment label {

width: 160px;
display: block;
font-size: 12px;
font-weight: bold;

}

#add-comment tr {

height: 40px;

}

#add-comment input {

width: 210px;
height: 23px;
background: url(/imgfiles/home/img/input_back.jpg) top left no-repeat;
border: solid 1px #d9d9d9;
float: left;
margin-right: 10px;
}

#add-comment table tr.top td{

vertical-align: top;
padding-top: 10px;

}

#add-comment table p {

font-size: 11px;
color: #999;
margin-top: 5px;
}

#add-comment table span{

font-size: 11px;
white-space: nowrap;
margin-right: 170px;
color: #999;

}

#add-comment textarea{

border: solid 1px #d9d9d9;
background: url(/imgfiles/home/img/text_area_back.jpg) bottom left repeat-x;
width: 470px;

}

#add-comment .submit {

background: #df9109;
font-size: 16px;
color: white;
border: none;
width: 100px;
height: 30px;
margin-top: 10px;

}


/* contract furniture
----------------------------------------------------------------*/

#main #back {

float: right;
font-size: 12px;
color: #176e76;
background: url(/imgfiles/home/img/back_arrow.jpg) center left no-repeat;
padding-left: 25px;
line-height: 13px;
}

#content.project {

float: left;
padding-top: 1px;
margin: 0px;
width: 740px;
}

#content.project h1 {

float: left;
padding-top: 25px;

}

#content.project #product-nav {

margin: 25px 0 10px 0;

}

#content.project hr {

clear: both;
margin: 10px 0;

}

#project-info {

width: 190px;
float: left;
margin-right: 15px;

}

#project-info .wrapperP {

width: 190px;
padding: 0;
margin: 0;
min-height: 480px;

}

#project-info h2 {

color: #ef9b0b;
font-size: 17px;
margin-bottom: 5px;

}

#project-info p {

font-size: 12px;
margin-bottom: 20px;
width:190px;
}

#project-info blockquote {

font-size: 13px;
font-style: italic;
margin-bottom: 20px;
width:190px;
}

#project-info .used {

float: left;
margin-right: 15px;
margin-top: 10px;
}

#project-info .used div{

background: url(/imgfiles/home/img/xsmall_frame.gif) top left no-repeat;
width: 79px;
height: 67px;
position: absolute;

}

/* project carrusel */

#carrusel {

float: left;

}

#carrusel .frame {

width: 535px;
height: 368px;
background: url(/imgfiles/home/img/carrusel_frame.gif) top left no-repeat;
position: absolute;

}

#carrusel-nav {

background: url(/imgfiles/home/img/carrusel_bottom.jpg) bottom left no-repeat;
overflow: auto;

}

#carrusel-nav ul {

list-style: none;
float: left;
margin: 20px 0;

}

#carrusel-nav li {

display: block;
float: left;
margin: 0 6px;
}

#carrusel-nav li a img {

border: solid 2px #aeaeae;

}

#carrusel-nav .arrow {

float: left;
padding: 40px 13px;

}

/* estilos footer
----------------------------------------------------------------*/

#footer .white {

background: white;
padding: 12px;
overflow: auto;
margin-bottom: 10px;

}

#customer {

color: #535353;
font-size: 11px;
font-weight: bold;
float: left;

}

#footer ul {

list-style: none;
float: right;

}

#footer li {

display: block;
float: left;
font-size: 11px;

}

#footer li a {
text-transform: uppercase;
color: #707070;
border-left: solid 1px #df9109;
padding-left: 5px;
margin-left: 5px;

}

#footer li.first a{

border: none;

}

#powered {

float: right;
font-size: 12px;
color: #535353;

}

#powered img {
vertical-align: middle;
margin-left: 5px;

}

#copy {

font-size: 12px;
color: #535353;
float: right;
margin-right: 10px;
padding-top: 7px;

}

.left{
float:left;
}

.right{
float:right;
}

.clear{
clear:both;
}

.pre_center{
text-align:center;
}


.err{
font-size:10px;
padding-bottom:4px;
padding-left:161px;
padding-right:0;
padding-top:0;
text-align:left;
color:red;
}

.hide_display{
display:none;
}

.show_display{
display:block;
}

.height_err{
height:15px;
}

/* submenu proyectos ----------------------------------------------------------------*/

#submenus-project{
clear: both;
margin: 60px 20px 0 0;
float: left;
background: url(/imgfiles/home/img/projects_side.jpg) 0 0 no-repeat;
width: 183px;
height: 564px;
}

#submenus-project .category ul {
list-style: none;
padding: 10px 0;
}

#submenus-project .category li {
padding: 3px 10px 5px 10px;
}

#submenus-project .category li a{
color: #176e76;
text-decoration: underline;
font-size: 12px;
font-weight: bold;
padding-left: 18px;
}

#submenus-project .category li span {
text-decoration: none;
}

#submenus-project .category li.active {
background: url(/imgfiles/home/img/orange_back.jpg) 0 5px repeat-x;
padding-top: 5px;
}

#submenus-project .category li.active span {
color: white;
text-decoration: none;
background: url(/imgfiles/home/img/orange_arrow_inverted.jpg) left center no-repeat;
font-weight: bold;
font-size: 12px;
padding-left: 18px;
}

.none_background{
background:none !important;
}

.list_product_subcat{
padding-top:15px;
}

.list_product_subcat h1{
padding-top:9px;
}

#related table tr td{
width:141px;
}


/*.top{
margin-bottom:10px;
padding-top:15px;
}*/

#related h2{
color:black !important;
font-size:18px !important;
font-weight:bold;
}

#content1 h1 {
padding-top: 8px;
}

#menu td.first a {
background:transparent url(/imgfiles/home/img/menu_back_left_new.jpg) no-repeat scroll left top;
}

input.input_form, textarea.input_form, textarea.input_form, textarea.conv_textarea, select.conv_textinput {
color:#424244;
font-size:12px;
font-weight:normal;
border:none;
padding:4px;
width:300px;
background:transparent url(/imgfiles/back/img/bgTextAreas.gif) no-repeat scroll left top;
}

.label_form {
width: 160px;
display: block;
font-size: 12px;
font-weight: bold;
}

div.text_form {
color: #999999;
font-size: 11px;
margin-top: 5px;
}

div#Button_0_409 input,
input#SearchStores,
input#SearchAllStores {
background: #df9109;
font-size: 16px;
color: white;
border: none;
width: 100px;
height: 30px;
margin-top: 10px;
}

span.error_form {
color: #999999;
font-size: 11px;
margin-left: 5px;
white-space: nowrap;
}

div#XArea_0_409 span.error_form {
vertical-align: top;
}

.form_left_col{
width:28%;
text-align:right;
vertical-align:top;
padding:5px 15px;

}

#input_mail_product{
text-align: right;
width: 537px;
}

.err_field{
padding-left:5px;
}

#span_info{
width:70px;
}

.none_padding{
padding:0px !important;
}


.contactus_table_page {
clear: both;
margin-top: 10px;
}

/* ------ SITEMAP ------ */
#sitemap {clear: both; padding-top:30px;}

.box {background: #fafafa url(/imgfiles/home/img/box_e.jpg) right top repeat-y;}

.box .top {background: url(/imgfiles/home/img/box_ne.jpg) right top no-repeat; height: 6px; font-size: 0; line-height: 0;}

.box .top div {background: url(/imgfiles/home/img/box_nw.jpg) 0 0 no-repeat; height: 6px; font-size: 0; line-height: 0; }

.box .content {background:url(/imgfiles/home/img/box_w.jpg) 0 0 repeat-y; padding: 14px 20px; overflow: auto;}

.box .foot {clear:both; background: url(/imgfiles/home/img/box_se.jpg) right top no-repeat; height: 6px; font-size: 0; line-height: 0;}

.box .foot div {background: url(/imgfiles/home/img/box_sw.jpg) 0 0 no-repeat; height: 6px; font-size: 0; line-height: 0;}

.box a {color: #176e76; font-size: 12px; text-decoration: underline; font-weight: bold; display: block; margin: 10px 0;}

.box ul {width: 170px; float: left; margin-top: 20px; margin-left: 45px; text-align: center; list-style: none; font-size: 12px;}

.box li {margin-bottom: 5px;}

.box li span {background: #df9109; display: block; padding:3px 0; font-weight: bold; color: white;}

#sitemap h2 {margin: 20px 0;}

#sitemap p {font-size: 12px; font-weight: bold;}

.clear {clear: both;}


/* ------ SEARCH FORM ------ */

#search {clear: both; padding-top: 30px; padding-bottom: 40px;}

#search table {width: 500px;}

#search tr {height: 45px;}

#search label {font-size: 12px; color: #176e76;}

#search .text {padding: 2px 0 0 4px; border: solid 1px #176e76; height: 16px;}

#search select {height: 18px; width: 200px;}

#search h1 {margin-bottom: 20px;}

.search_bt {background: url(/imgfiles/home/img/search_bt.jpg) 0 0 no-repeat; border: none; width: 69px; height:27px; font-size: 12px; font-weight: bold; color: white; padding-bottom: 2px;}

.send_bt {cursor: pointer; background: url(/imgfiles/home/img/send_bt.jpg) 0 0 no-repeat; border: none; width: 69px; height:27px; font-size: 12px; font-weight: bold; color: white; padding-bottom: 2px;}

.search_input {background:url(/imgfiles/home/img/search_google.jpg) 2px 2px no-repeat; border: solid 1px #176e76; height: 16px; width:130px; padding-top:4px; padding-left: 20px;}

#search .more{color: #176e76; font-size: 12px; text-decoration: underline; margin-left: 5px; background: url(/imgfiles/home/img/more_bt.jpg) right top no-repeat; padding-right: 20px;}

#submenus.search{padding-top: 0; background: url(/imgfiles/home/img/box_back.jpg) 0 0 repeat-y; margin-bottom: 30px;}

#submenus.search .category {background:url(/imgfiles/home/img/box_bottom.jpg) left bottom no-repeat; margin-bottom: 0}

#submenus.search li a, #submenus.search li span {background: none;}

#submenus.search li span {color: white;}

#submenus p {font-size: 12px; font-weight: bold; color: #176e76; text-align: center; padding-top: 10px;}

p.results { margin-top: 10px; /*float: left;*/ font-size: 12px; color: orange;}

.thumb-results {/*margin-top: 60px;*/}

.search-thumb {float: left; margin: 20px 20px;}

.search-thumb .frame {background: url(/imgfiles/home/img/frame_search.gif) 0 0 no-repeat; width: 142px; height: 112px; position: absolute;}

.search-thumb a {display: block; color: orange; font-size: 12px; text-decoration: underline; padding: 4px 0;}

#submenus.search p {color: #176E76; font-size: 12px; font-weight: bold; padding-top: 10px; padding-left: 10px; text-align: left;}

.no_result{font-weight: bold; color: red; font-size: 12px; display:inline-block; padding: 10px;}

.height_auto{
	height:auto!important;
}