/*
* -----------------------------------------------
* Structure Styles
* Author:   Diego Tres
* URL:      diegotres.com
* ----------------------------------------------- 
*/

/*
* ----------------------------------------------- 
* Imports
* ----------------------------------------------- 
*/
@import url("../../../static/css/common/structure.css");


/*
* ----------------------------------------------- 
* Tips
* ----------------------------------------------- 
*/

/* Title Section
---------------------------------------*/
#title-section {
	background: url(../../../static/img/tips/bg_titulo.jpg) no-repeat;	
}

/* Tips
---------------------------------------*/
#container-tips {
	margin: 26px 0 31px 0;
	overflow: hidden;	
	position: relative;	
}

/* Container Left / Tips
---------------------------------------*/
#container-tips #container-left {
    float: left;
    width: 300px;    
}     

/* Search Tips / Tips
---------------------------------------*/
#container-tips #container-left #box-search-tips {    
    border: 1px solid #dadada;    
    position: relative;
    width: 300px;    
}

#container-tips #container-left #box-search-tips h2.titles {
    color: #82c030;
    font-size: 19px; 
    font-weight: 600;   
    padding: 10px;    
}    

#container-tips #container-left #box-search-tips dt {
    background: url(../../../static/img/tips/bg_linha_busca.jpg);
    border-top: 1px solid #dadada;        
    color: #535353;
    font-size: 12px;
    font-weight: bold;
    margin-top: -1px;
    padding: 9px 7px 9px 13px;
    text-transform: uppercase;
    height: 14px;
}

/* Sub-Itens / Tips
---------------------------------------*/
#container-tips #container-left #box-search-tips dd ul {
    border-top: 1px solid #dadada;
    overflow: hidden;    
}       

#container-tips #container-left #box-search-tips dd ul li {   
    border-bottom: 1px solid #ececec;
    display: inline;
    float: left;    
    padding: 9px 0 9px 10px;
    width: 140px;
    height: 22px;
}

#container-tips #container-left #box-search-tips dd ul li input[type="checkbox"]:checked ~ label {
    color: #699b26;
}

#container-tips #container-left #box-search-tips dd ul li input {
    float: left;
    margin-right: 7px;
}

#container-tips #container-left #box-search-tips dt.select-all {
    color: #989898;
    font-size: 11px;
    padding-left: 10px;
    text-transform: none;
}

#container-tips #container-left #box-search-tips dt.select-all input {
    float: left;
}    

#container-tips #container-left #box-search-tips dt.select-all label {
    float: left;
    margin: 0px 0 0 5px;
}

/* Top Tips / Tips
---------------------------------------*/
#container-tips #container-left #top-tips {
    border: 1px solid #dadada;    
    margin-top: 25px;
    position: relative;
    width: 300px;    
}

#container-tips #container-left #top-tips h2 {
    color: #82c030;
    font-size: 19px; 
    font-weight: 600;    
    padding: 13px;
}

#container-tips #container-left #top-tips .seal {
    position: absolute;
    top: -10px;
    right: 5px;
}

#container-tips #container-left #top-tips ul li {
    border-top: 1px solid #dadada;
    overflow: hidden;
    padding: 13px;
}

#container-tips #container-left #top-tips ul li h3 {
    margin-bottom: 6px;
}

#container-tips #container-left #top-tips ul li h3 a {
    color: #707070;
    font-size: 14px;
}

#container-tips #container-left #top-tips ul li .thumb {
    border: 1px solid #ccc;    
    float: left;
    margin-right: 10px;
    padding: 1px;    
}

#container-tips #container-left #top-tips ul li .stars {
    margin-top: 5px;
}        

/* Result List / Tips
---------------------------------------*/
#container-tips #list-result-tips {    
    float: left;    
    margin-left: 19px;
    position: relative;
    width: 605px;
}

#container-tips #list-result-tips h2 {    
    font-size: 19px;
    color: #535353;
}

#container-tips #list-result-tips #table-list-result-tips {    
    margin-top: 11px;
    /*width: 594px;*/
}

#container-tips #list-result-tips #table-list-result-tips thead {    
    background: url(../../../static/img/tips/bg-thead-list-result-tips.jpg);    
    border: 1px solid #dcdcdc;
}

#container-tips #list-result-tips #table-list-result-tips thead tr th {   
    font-size: 12px; 
    height: 31px;
    vertical-align: middle;
    border: 1px solid #dcdcdc;
    width: 102px;    
}

#container-tips #list-result-tips #table-list-result-tips thead tr th a {   
    color: #535353;
}

#container-tips #list-result-tips #table-list-result-tips thead tr th a.selected {   
    color: #82c030;
}    

#container-tips #list-result-tips #table-list-result-tips tbody tr th {    
    background: #ebebeb;
    border-right: 1px solid #FFF;
    border-bottom: 1px solid #FFF;
    color: #a1a1a1;        
    font-size: 14px;
    height: 6px;
    vertical-align: middle;
    padding: 12px;
}

#container-tips #list-result-tips #table-list-result-tips tbody tr th.line-empty {    
    background: #FFF;
    height: 2px;
    padding: 0;
    line-height: 0;
}

#container-tips #list-result-tips #table-list-result-tips tbody tr th.first {
    color: #939393;
    font-size: 11px;
    font-weight: normal;    
    text-align: left;
    width: 286px;
}

#container-tips #list-result-tips #table-list-result-tips tbody tr th h3 {
    margin-bottom: 6px;
}

#container-tips #list-result-tips #table-list-result-tips tbody tr th h3 a {
    color: #82c030;
    font-size: 17px;
    line-height: 16px;
}

#container-tips #list-result-tips #table-list-result-tips tbody .tip-for-what {
    color: #a1a1a1;
    text-align: left;
    line-height: 14px;
}

#container-tips #list-result-tips #table-list-result-tips tbody tr th .thumb {
    border: 1px solid #ccc;    
    float: left;
    height: 60px;
    margin-right: 10px;
    padding: 1px;
    width: 75px;    
}

#container-tips #list-result-tips #table-list-result-tips tbody tr.bg-light-gray th {
    background: #f4f4f4;
}

#container-tips #list-result-tips .total-list {    
    color: #82c030;
}

/* Pagination / Tips
---------------------------------------*/
#container-tips #list-result-tips #pagination-tips {
    margin-top: 12px;
}

#container-tips #list-result-tips #pagination-tips a {
    color: #7a7a7a;
}

#container-tips #list-result-tips #pagination-tips #pagination-numbers {
    background: url(../../../static/img/tips/bg_paginacao.gif);    
    float: left;
    padding-right: 8px;    
}    

#container-tips #list-result-tips #pagination-tips #pagination-numbers ul {
    margin-top: 6px;
    height: 19px;
}

#container-tips #list-result-tips #pagination-tips #pagination-numbers ul li {
    background: none;    
    display: inline;
    float: left;    
    margin-left: 14px;
    padding: 0;    
} 

#container-tips #list-result-tips #pagination-tips #pagination-numbers ul li a {
    color: #7a7a7a;
}

#container-tips #list-result-tips #pagination-tips #pagination-numbers ul li strong a {
    color: #82c030;
}   

#container-tips #list-result-tips #pagination-tips .button-left, .button-right {
    float: left;
}

#container-tips #list-result-tips #pagination-tips th strong {
    color: #82c030;
}


/*
* ----------------------------------------------- 
* Details / Tips
* ----------------------------------------------- 
*/
#container-details-tips {
    margin-top: 12px;    
    position: relative;
    overflow: hidden;
}

#container-details-tips #details-tips {
    float: left;
    width: 685px;
}

#container-details-tips #details-tips #name-tips {
    background: url(../../../static/img/tips/bg-name-tips.jpg);
    padding: 13px 0 0 14px;
    position: relative;
    height: 38px;
}

#container-details-tips #details-tips #name-tips h2 {
    color: #8bc341;
    font-size: 21px;
}

#container-details-tips #details-tips #name-tips #rating-details-tips {
    color: #535353;
    font-size: 12px;
    font-weight: bold;    
    position: absolute;
    right: 25px;
    top: 20px;
    width: 230px;
    overflow: hidden; 
}
#container-details-tips #details-tips #name-tips #rating-details-tips h3 {
    float: left;   
    margin-right: 7px;
    text-align: right;
    width: 155px;
    overflow: hidden;
    height: 20px;
}

#container-details-tips #details-tips #name-tips #rating-details-tips h3 span {
    float: right; 
    text-align: right;
    overflow: hidden;
    height: 20px;
    width: 150px;
    background: url(../../../static/img/tips/bg-name-tips.jpg) repeat-x left -20px;
}

#container-details-tips #details-tips #name-tips #rating-details-tips ol {
    float: right; 
    list-style: none;
    margin: 4px 0 0 0 !important;
    background: url(/static/img/products/star_off.png);
}

#container-details-tips #details-tips #name-tips #rating-details-tips ol li {
    float: left;
    text-indent: -9999px;
    overflow: hidden;
    width: 13px;
    height: 12px;
    cursor: pointer;
    background: #EBEBEB url(/static/img/products/star.png);
}

#container-details-tips #details-tips #desc-tips {
    background: #f3f3f3;
    margin-top: 1px;
    overflow: hidden;
    padding: 16px 51px 40px 46px;
    position: relative;   
}

#container-details-tips #details-tips #permalink-tips {
    position: relative;
    overflow: hidden;
    color: #939393;         
}

#container-details-tips #details-tips #permalink-tips p {
    float: left;
}

#container-details-tips #details-tips #permalink-tips p.label {
    margin-top: 5px;
}

#container-details-tips #details-tips #permalink-tips p strong {
    color: #5d5d5d;
}

#container-details-tips #details-tips #permalink-tips p.link {
    background: url(../../../static/img/tips/bg-copiar.png);
    width: 282px;
    height: 25px;
    margin-left: 10px;
}

#container-details-tips #details-tips #desc-tips #permalink-tips a {
    background: url(../../../static/img/tips/bt_copiar.png);
    width: 57px;
    height: 18px;
    display: block;
    position: absolute;
    left: 256px;
    top: 4px;
}

#container-details-tips #details-tips #permalink-tips input {
    margin: 0;
    padding: 0;
    margin: 5px 0 0 8px;
    height: 15px;
    background: transparent;
    font-size: 10px;
    color: #939393;
    width: 180px;
    border: 0;
}

#container-details-tips #details-tips #desc-tips #button-indicate-tips {
    position: absolute;
    top: 19px;
    right: 50px;
}

#container-details-tips #details-tips #gallery-tips {
    background: #FFF;
    height: 414px;
    margin-top: 1px;
    padding: 8px;
    position: relative;
    width: 573px;
}

#container-details-tips #details-tips #gallery-tips ul {
    overflow: hidden;
}

#container-details-tips #details-tips #gallery-tips ul li {
    float: left;
    list-style: none;
}

#container-details-tips #details-tips #gallery-tips .arrow-left {
    background: url(../../../static/img/tips/bt_green_back.png);
    position: absolute;
    top: 181px;
    left: -27px;
    width: 28px;
    height: 55px;
    display: block;    
}

#container-details-tips #details-tips #gallery-tips .arrow-right {
    background: url(../../../static/img/tips/bt_green_next.png);    
    position: absolute;
    top: 181px;
    right: -27px;
    width: 27px;
    height: 55px;  
    display: block;  
}

#container-details-tips #details-tips #text-pagination-tips {
    /*background: url(../../../static/img/tips/bg-text-pagination.jpg);*/
    background: #FFF;
    height: 52px;
    margin-top: 13px;
    overflow: hidden;
    padding: 4px 0 4px 0;
    position: relative;
} 

#container-details-tips #details-tips #text-pagination-tips .numbers-gallery {
    border-right: 1px solid #a5a5a5;
    float: left;
    font-size: 15px;
    text-align: center;
    padding: 16px 14px 14px 16px;
} 

#container-details-tips #details-tips #text-pagination-tips .numbers-gallery .number-current-gallery {
    color: #82c030;
    font-weight: bold;
}

#container-details-tips #details-tips #text-pagination-tips .text-tips {
    float: left;
    margin-left: 15px;
    padding-top: 15px;
    width: 392px;
} 

#container-details-tips #details-tips #text-pagination-tips #zoom-gallery {
    float: right;
    margin: 5px 10px 0 0;
}

#container-details-tips #details-tips #text-pagination-tips #zoom-gallery a {
    background: url(../../../static/img/tips/bt_pop.png);
    width: 46px;
    height: 40px;
    display: block;
}

#button-back {
    position: relative;
    margin-top: 15px;
}

#button-back a {
    background: url(../../../static/img/tips/bt_green_voltar.png);
    display: block;
    width: 116px;
    height: 31px;
}

/*
* ----------------------------------------------- 
* Pop-up Indicate / Tips
* ----------------------------------------------- 
*/ 
#container-details-tips #details-tips #desc-tips #popup-indicate-tips {
    display: none;
    position: absolute;
    top: 5px;
    right: 35px;
    width: 359px;
    z-index: 2;
}

#container-details-tips #details-tips #desc-tips #popup-indicate-tips .top {
    background: url(../../../static/img/tips/top-pop-indicate.png) right no-repeat;
    height: 46px;
}

#container-details-tips #details-tips #desc-tips #popup-indicate-tips .top .button-indicate-over {
    position: absolute;
    right: 15px;
    top: 14px;
}

#container-details-tips #details-tips #desc-tips #popup-indicate-tips .content .button-login-indicate {
    margin-top: 15px;
    text-align: right;    
}

#container-details-tips #details-tips #desc-tips #popup-indicate-tips .content .button-login-indicate img {
    cursor: pointer;
}

#container-details-tips #details-tips #desc-tips #popup-indicate-tips .content {
    background: url(../../../static/img/tips/bg-pop-indicate.png);
    color: #707070;
    margin-top: -1px;
    overflow: hidden;
    padding: 16px 22px 16px 21px;
}

#container-details-tips #details-tips #desc-tips #popup-indicate-tips .content .error {
    color: #de0101;
    font-weight: bold;
}

#container-details-tips #details-tips #desc-tips #popup-indicate-tips .content .more {
    color: #82c030;
    float: right;
}

#container-details-tips #details-tips #desc-tips #popup-indicate-tips .content form input[type="text"] {
    background: url(../../../static/img/tips/bg-input-pop-indicate.gif);
    border: none;    
    color: #999;
    height: 10px;
    margin: 3px 0 3px 0;
    padding: 10px;
    width: 274px;
}     

#container-details-tips #details-tips #desc-tips #popup-indicate-tips .content .observation {
    color: #b9b9b9;
}   

#container-details-tips #details-tips #desc-tips #popup-indicate-tips .content label {
    font-weight: bold;
}         

#container-details-tips #details-tips #desc-tips #popup-indicate-tips .bottom {}

/*
* -----------------------------------------------
* Content Friends / Pop-up Indicate / Tips
* ----------------------------------------------- 
*/
#container-details-tips #details-tips #desc-tips #popup-indicate-tips .content .content-list {
    background: url(../../../static/img/tips/bg-content-pop-indicate.png);
    margin-top: -3px;
    padding: 1px;
    width: 321px;
}

#container-details-tips #details-tips #desc-tips #popup-indicate-tips .content .content-list p.select-all {
    color: #74ad28;
    font-weight: bold;
    padding-left: 13px;
}

#container-details-tips #details-tips #desc-tips #popup-indicate-tips .content .content-list p.select-all input[type="checkbox"] {
    margin-right: 6px;
}

#container-details-tips #details-tips #desc-tips #popup-indicate-tips .content .content-list .friends {
    margin-top: 10px;
    width: 99%;
}

#container-details-tips #details-tips #desc-tips #popup-indicate-tips .content .content-list .friends tr {
    border-top: 1px solid #efefef;
}

#container-details-tips #details-tips #desc-tips #popup-indicate-tips .content .content-list .friends tr th {
    color: #707070;
    padding: 13px;
    text-align: left;
}

#container-details-tips #details-tips #desc-tips #popup-indicate-tips .content .content-list .friends tr th input[type="checkbox"] {
    float: left;
    margin: 14px 6px 0 0;
}

#container-details-tips #details-tips #desc-tips #popup-indicate-tips .content .content-list .friends tr th img {
    float: left;
}

#container-details-tips #details-tips #desc-tips #popup-indicate-tips .content .content-list .friends tr th label {
    float: left;
    margin: 2px 6px 0 6px; 
    width: 64px;
}

/**
 * Pagination - Indicate Friends / Tips
 **/
#container-details-tips #details-tips #desc-tips #popup-indicate-tips .content .content-list .friends .pagination tr th {
    font-size: 10px;
}

#container-details-tips #details-tips #desc-tips #popup-indicate-tips .content .button-submit {
    float: right;
}

/*
* ----------------------------------------------- 
* Related / Tips
* ----------------------------------------------- 
*/
#container-details-tips #related-tips {
	background: #e7e7e7;
	position: relative;
    margin-left: 12px;	
	width: 215px;
	float: left;
	padding: 10px 4px 10px 4px;    
}

#container-details-tips #related-tips .border-top {
	position: absolute;
	top: 0px;
	right: 0px;
}

#container-details-tips #related-tips .border-bottom {
	position: absolute;
	bottom: 0px;
	right: 0px;
}

#container-details-tips #related-tips h2 {
	text-transform: none;
	font-size: 24px;
	font-weight: 500;
	color: #89b74e;
	margin-left: 7px;
}

#container-details-tips #related-tips h5 {
    font-size: 14px;
    line-height: 16px;
}

#container-details-tips #related-tips ul li {
	padding: 14px 7px 14px 7px;
	list-style: none;
	color: #939393;
}

#container-details-tips #related-tips .title {
	color: #707070;
	font-weight: bold;
}

#container-details-tips #related-tips li h4 a {
	color: #82c030;
	font-size: 11px;
    text-transform: uppercase;
}

#container-details-tips #related-tips li.gray {
	background: #f5f5f5;
}

#container-details-tips #related-tips li p.star {
	margin-top: 5px;
}

#container-details-tips #related-tips li a {
	color: #939393;
}  

/**
 * Popup Zoom
 **/         
#container-pop-zoom {
    position: relative;
    width: 600px;
}

#container-pop-zoom .title {
    position: relative;
    width: 540px;
    padding: 10px;
}