#product-details{
	padding:20px;
	background-size:100%;
}

#main-details{
    float:left;
    width:calc(60% - 320px);
    max-width:400px;
    min-width:320px;
}

#product-details #main-details > h1{
	float:left;
	margin:0 0 0 0;
	width:100%;
	font-weight: normal;
	color:#888;
	font-size:1.4em;
	border-bottom:1px solid #efefef;
	background-repeat:no-repeat;
	background-position:10px 50%;
	background-size:32px;
	padding:20px 0px 20px 10px;
	background-color:white;
}

#details-wrapper{
	float:right;
	width:calc(100% - 310px);
}


#product-details #product-gallery{
	float:left;
    width:40%;
	max-width:320px;
	padding:0 25px 25px 25px;
	border:1px solid #efefef;
	background-color:white;
}

#product-details #product-gallery #main-pic{
	float:left;
	width:100%;
    cursor: url(../images/svg/openImage-ico.svg), auto;
}

#main-pic:hover{
    opacity:0.6;
}

#product-details #product-gallery #main-pic img{
	width:100%;
	height:auto;
	float:left;
}

#product-details #product-gallery .thumbnail{
	float:left;
	width:23%;
	padding:5px 5px 5px 5px;
	margin:1%;
	border:1px solid #efefef;
	opacity:1;
	cursor: url(../images/svg/openImage-ico.svg), auto;
}

#product-details #product-gallery .thumbnail:hover{
	opacity:0.6;
}

#product-details #product-gallery .thumbnail img{
	width:100%;
	float:left
	height:auto;
}

#product-details .show-thumbnails{
	float:left;
	width:100%;
	padding:10px;
	text-align:center;
	color:#2D90CC;
	font-size:0.9em;
	cursor:pointer;
	margin:0 0 -18px 0;
	display:none;
}

#product-details .show-thumbnails.expanded{
	color:#e74c3c;
}

/*GALERIA*/


#product-gallery-full{
    position:fixed;
    width:100%;
    height:100%;
    top:0;
    left:0;
    background-color:rgba(0, 0, 0, 0.9);
    z-index: 9999;
    text-align: center;
    padding:0 100px;
    display:none;
}

#product-gallery-full #close-gallery{
    display: inline-block;
    padding:15px 15px 15px 35px;
    margin:0 0 0 0;
    color:white;
    font-size:0.9em;
    background:url("../images/svg/closeBtn.svg") 10px 50% no-repeat;
    background-color:transparent;
    background-size:20px;
    cursor: pointer;
    transition:0.4s all ease;
}

#product-gallery-full #close-gallery:hover{
    background-color:rgba(0, 0, 0, 0.5);
}

#product-gallery-full .navButton{
    position:fixed;
    height:100%;
    width:100px;
    top:0;
    background:url("../images/svg/arrowWhite-ico.svg") 50% no-repeat;
    background-size:50%;
    background-color:transparent;
    z-index:9999;
    cursor: pointer;
    transition:0.4s all ease;
}

#product-gallery-full .navButton:hover{

    background-color:rgba(0, 0, 0, 0.5);
}

#product-gallery-full .navButton.left{
    left:0;
}

#product-gallery-full .navButton.right{
    right:0;
    -webkit-transform:rotate(180deg);
    -moz-transform:rotate(180deg);
}

#product-gallery-full .main-pic{
    display:inline-block;
    width:100%;
    padding:20px 0 20px 0;
}

#product-gallery-full .main-pic img{
    display: inline-block;
    max-width:700px;
    min-width:320px;
    max-height:650px;
    text-align: center;
}

#product-gallery-full .thumbnail-wrapper{
	position:fixed;
    bottom:-50px;
    left:0;
    right:0;
    width:100%;
    padding:5px 100px;
background-color:rgba(0, 0, 0, 0);
opacity:0.5;
transition:0.2s all ease;
}

#product-gallery-full .thumbnail-wrapper:hover{
background-color:rgba(0, 0, 0, 0.8);
opacity:1;
bottom:0;
}

#product-gallery-full .thumbnail{
    display: inline-block;
    width:65px;
    height:65px;
    padding:5px;
    text-align: center;
    overflow:hidden;
    border:1px solid transparent;
    cursor: pointer;
    opacity:0.7;
    transition:0.2s ease all;
}

#product-gallery-full .thumbnail:hover{
    border:1px solid rgba(255, 255, 255, 0.5);
    opacity:1;
}

#product-gallery-full .thumbnail.selected{
    border:1px solid rgba(255, 255, 255, 0.5);
    opacity:1;
    background-color:white;
}

#product-gallery-full .thumbnail img{
    position:relative;
    width:100%;
}



#product-details #main-details .prices-toCart{
	float:left;
	padding:10px 0px 10px 10px;
	width:100%;
	text-align:center;
}

#product-details #main-details .prices-toCart .price{
	float:left;
	text-align: center;
	width:50%;
	padding:15px;
	border:1px solid;
	font-size:1em;
    border-right:1px solid #efefef;
}

#product-details #main-details .prices-toCart .price.revenda{
	border:none;
    border-bottom:1px solid #efefef;
    border-top:1px solid #efefef;
    background-color:#f5f5f5;
    width:100%;
    text-align: center;
    font-size:0.9em;
}

#product-details #main-details .prices-toCart .price.real{
    border:none;
    border-right:1px solid #efefef;
    background-color:transparent;
    color:#2ecc71;
    font-size:1.8em;
    text-align: right;
}

#product-details #main-details .prices-toCart .discount{
	border-radius:50%;
	margin:0 -235px 0 0;
	font-weight:normal;
    width:40px;
    height:40px;
    line-height:40px;
    font-size:0.9em;
}

#product-details #main-details .prices-toCart .price.old{
	border:none;
    font-size:1.8em;
    float:left;
    padding:15px;
}

#product-details #em-campanha{
    float:left;
    width:100%;
    height:auto;
    margin:20px 0 0 0;
    padding:10px;
    text-decoration:none;
    border:1px dashed #8114CC;
    background-color:transparent;
    background-image: url(../images/svg/emcampanha-ico.svg);
    background-repeat:no-repeat;
    background-position: -10% 100%;
    background-size:55px;
}

@keyframes example {
    0%   {background-position: 30% 100%; background-image: url(../images/svg/emcampanhaclosed-ico.svg);}
    15%  {background-position: 50% 100%; background-image: url(../images/svg/emcampanha-ico.svg);}
    30%  {background-position: 60% 100%; background-image: url(../images/svg/emcampanhaclosed-ico.svg);}
    45%  {background-position: 70% 100%; background-image: url(../images/svg/emcampanha-ico.svg);}
    60%  {background-position: 80% 100%; background-image: url(../images/svg/emcampanhaclosed-ico.svg);}
    75%  {background-position: 90% 100%; background-image: url(../images/svg/emcampanha-ico.svg);}
    90%  {background-position: 100% 100%; background-image: url(../images/svg/emcampanhaclosed-ico.svg);}
    110%  {background-position: 110% 100%; background-image: url(../images/svg/emcampanha-ico.svg);}
}

/*@keyframes example {
    0%   {background-position: 50% 100%; background-image: url(../images/svg/emcampanha-ico.svg);}
    50%  {background-position: 60% 100%; background-image: url(../images/svg/emcampanhaclosed-ico.svg);}
    100% {background-position: 65% 100%; background-image: url(../images/svg/emcampanha-ico.svg);}
}*/

#product-details #em-campanha:hover{
    animation-name: example;
    animation-duration: 2s;
    background-position: 110% 100%;
}

#product-details #em-campanha a.campanhaimg{
    float:left;
    margin:0;
    padding:0;
    width:180px;
    height:180px;
    text-decoration:none;
}

#product-details #em-campanha img{
    float:left;
    width:100%;
    height:100%;
    margin:0;
    padding:0;
}

#product-details #em-campanha h1{
    float:left;
    width:100%;
    margin:0 0 15px 0;
    padding:0 0 10px 0;
    text-decoration:none;
    color:#8114CC;
    border:0;
    font-size: 1em;
    font-weight: bold;
    text-align: center;
    border-bottom:1px solid #8114CC;
}

#product-details #em-campanha h2{
    float:left;
    width:calc(100% - 180px);
    margin:0;
    padding:10px 10px;
    font-size: 1.2em;
    text-decoration:none;
    color:#8114CC;
    border:0;
    font-weight: normal;
}

#product-details #em-campanha p.short-description{
    float:left;
    width:calc(100% - 180px);
    margin:0;
    padding:10px;
    font-size: 1em;
    text-decoration:none;
    color:#8114CC;
    border:0;
}

#product-details #em-campanha a:last-child{
    float:right;
    width:auto;
    margin:10px;
    padding:10px;
    font-size: 0.9em;
    text-decoration:none;
    color:#8114CC;
    border:1px solid #8114CC;
}

#product-details #em-campanha a:last-child:hover{
    color:white;
    border:1px solid #8114CC;
    background-color:#8114CC;
}

#main-details #ContentPlaceHolder1_availability{
    float:left;
    width:100%;
    margin:0 0 0 0px;
    padding:10px 10px 10px 10px;
    text-align: center;
    border-bottom:1px solid #efefef;
}

#main-details #ContentPlaceHolder1_availability > h1{
    float:left !important;
    width:auto !important;
    padding:10px 10px 10px 0 !important;
    border:none !important;
    margin:0 0 0 0 !important;
    text-align:left !important;
    font-size:0.9em !important;
}


#product-details #main-details #descontinuado-message{
	/*display:none;*/
	float:left;
	padding:10px 0px 10px 10px;
	width:100%;
	text-align:center;
	color:#e74c3c;
	font-style:italic;
	font-size:1.2em
}


.stock{
	float:left;
	text-align: left;
    font-weight: bold;
	padding:10px;
	margin:0 0 0 0;
    width:50%;
    font-size:0.9em;
}

#stock-amount{
    
    float:left;
    padding:10px 10px 10px 28px;
    font-size:0.9em;
    color:#2ecc71;
    background-image:url(../images/svg/stockAmount-ico.svg);
    background-repeat: no-repeat;
    background-position: -2px 50%;
    background-size:24px;
}


#stock-amount span{
    
    font-weight: bold;
    
}

.stock-notification{
    float:left;
    width:100%;
    text-align: left;
    padding:15px 15px 15px 40px;
    font-size:0.8em;
    background-image:url(../images/svg/mailNotification-ico.svg);
    background-repeat: no-repeat;
    background-position: 10px 50%;
    background-size:20px;
    background-color:#f39c12;
    color:white;
    margin:10px auto 0 auto;
}


.stock-notification:hover{
    background-image:url(../images/svg/mailNotificationHover-ico.svg);
    background-color:#e67e22;
    color:white;
    cursor:pointer;
}

#stock-notification-form{
    position:fixed;
    z-index:9997;
    width:100%;
    height:100%;
    top:0;
    left:0;
    background-color:rgba(230, 126, 34, 0.9);
    text-align: center;
    display:none;
}

.stock-form{
    display:inline-block;
    width:50%;
    max-width:500px;
    height:auto;
    background-color:#f39c12;
    margin:25% 0 0 0;
    padding:10px;
    border-bottom:3px solid #e67e22;
}

.stock-form h1{
    float:left;
    width:calc(100% - 34px) !important;
    color:white;
    padding:20px 10px 20px 60px!important;
    text-align: left;
    font-size:1em !important;
    margin:0 0 10px 0 !important;
    background:url("../images/svg/mailNotification-ico.svg") 10px 50% no-repeat;
    background-size:32px;
}

.stock-form .closePopUp{
    float:right;
    width:34px;
    height:34px;
    background:url("../images/svg/closeBtn.svg") 50% no-repeat;
    background-size:24px;
    cursor: pointer;
}

.stock-form .closePopUp:hover{
    background-color:#e67e22;
}

.stock-form label{
    float:left;
    width:100%;
    margin:0 0 10px 0;
}

.stock-form label input{
    float:left;
    width:100%;
    padding:15px;
    border:none;
    font-size:1em;
    color:#888;
}

.stock-form > input{
    float:left;
    width:100%;
    padding:15px 25px;
    border:none;
    background-color:#e67e22;
    color:white;
    font-family:open sans;
    cursor: pointer;
}

#product-details #main-details .prices-toCart .to-cart{
	float:left;
	text-align: center;
	padding:15px;
	border:1px solid #2D90CC;
	color:#2D90CC;
	font-size:0.9em;
    margin:10px 0 0 0;
    width:100%;
}

#product-details #main-details .prices-toCart .to-cart:hover{
	background-color:#2D90CC;
	color:#efefef;
	border:1px solid #2D90CC;
	cursor:pointer;
}

#product-details .recommended{
    float:right;
    width:25%;
    max-height:380px;
    border:1px solid #2ecc71;
    overflow:auto;
    
}

.recommended h1{
    font-size:0.9em;
    text-align: center;
    padding:15px 0;
    color:white;
    background-color:#2ecc71;
    margin:0;
}

.recommended .recommended-product{
    float:left;
    width:100%;
    padding:5px;
    border-bottom:1px solid #2ecc71;
    background:url(../images/svg/targetBlank.svg) 95% 50% no-repeat;
    background-size:16px;
    cursor: pointer;
}

.recommended .recommended-product:hover{
    background-color: #efefef;
}

.recommended .recommended-product img{
    float:left;
    width:40px;
    height:40px;
}

.recommended .recommended-product .name{
    float:left;
    width:calc(100% - 70px);
    height:40px;
    line-height: 20px;
    font-size:0.8em;
    color:#888;
    padding:0 0 0 6px;
}

#product-details #more-details{
    float:left;
    width:100%;
    margin:20px 0 0 0;
}

.tabs{
    display: table;
    table-layout: fixed;
    width: 100%;
    background-color:white;
}

.tabs.scrolled{
    width: calc(100% - 290px);
    position: fixed;
    top:0;
padding: 10px 0 10px 0;
}

#more-details .tab{
    float:left;
    width:33.33%;
    text-align: left;
    background-color:#efefef;
    color:#888;
    font-size:0.9em;
    border-right:1px solid #888;
    background-repeat: no-repeat;
    background-position:10px 50%;
    border-bottom:1px solid #888;
    border-top:1px solid #efefef;
    cursor: pointer;
    /*display: table-cell;*/
    padding:15px 15px 15px 45px;
min-height:51px;
}

#more-details .tab span{
    float:left;
    margin-right: 5px;
}

#more-details .tab img{
    float:left;
    margin:0;
    padding:0;
    width:19px;
}

#more-details .tab:nth-child(3){
    border-right:1px solid transparent;
}

#more-details .description.tab{
    background-image:url(../images/svg/description-ico.svg);
   
}

#more-details .acessorios.tab{
    background-image:url(../images/svg/acessorios-ico.svg);
    padding:5.5px 15px 5.5px 45px !important;
}

#more-details .score.tab{
 padding:5.5px 15px 5.5px 15px !important;
}15:24 21-12-2015

#more-details .tab:hover{
        background-color:#f5f5f5;
}

#more-details .tab.selected{
    background-color:transparent;
        border-bottom:1px solid transparent;
    border-top:1px solid #888;
}

#more-details .detail-panel{
    float:left;
    width:100%;
    padding:20px 20px;
    color:#4b4b4b;
    text-align: justify;
    border-bottom:1px solid #efefef;
    display:none;
    text-align: justify;
}

#more-details .detail-panel.description{
    display:block;
    font-size:0.9em;
}


#more-details .detail-panel.description a{
    text-decoration:underline;
}


#more-details .detail-panel.description table{
    width:100% !important;
}

#more-details .detail-panel.description img{
    max-width:100% !important;
}

#more-details .detail-panel.description object{
    width:100% !important;
}

#more-details .detail-panel.acessorios{
    text-align: left;
}

#more-details .detail-panel.score{
    max-height:1500px;
    overflow:auto;
}

.detail-panel.acessorios h1{
    margin:0 0 20px 0;
    width:100%;
}

.detail-panel.acessorios h1 select{
    float:left;
	margin:0;
	width:50%;
	line-height: 60px;
	height:60px;
	padding:0 15px 0 15px;
	font-weight: lighter;
    font-size:0.9em;
    color:#2ecc71;
    border:none;
    font-family: 'Open Sans', sans-serif;
       -webkit-appearance: none;
	-moz-appearance: none;
   -moz-appearance: none;
   appearance: none;
    cursor:pointer;
    background:url("../images/svg/categoryFilter-ico.svg") 97% 50% no-repeat;
    border-bottom:1px solid #2ecc71;
}

#more-details .detail-panel.score p{
    float:left;
    margin:20px 0;
    width:100%;
    padding:0;
    color:#888;
    font-size:1em;
    text-align: center;
}

#more-details .detail-panel.score #rating{
    float:left;
    width:100%;
    text-align: center;
    padding:5px 0;
}

#rating .star{
    display:inline-block;
    margin:0 -2px 0 -2px;
    width:70px;
    height:70px;
    background-position:50%;
    background-repeat: no-repeat;
    background-size:40px;
    cursor: pointer;
    transition:background-size  0.2s ease;
}

#rating .star:hover{
    background-size:60px;
}

#rating .star.full{
    background-image:url("../images/svg/scoreFullStar.svg");
}
#rating .star.empty{
    background-image:url("../images/svg/scoreEmptyStar.svg");
}

#rating .star.full.hover{
    background-image:url("../images/svg/scoreGreenStar.svg");
}
#rating .star.empty.hover{
    background-image:url("../images/svg/scoreGreenStar.svg");
}

#comentarios{
    float:left;
    width:100%;
    padding:0;
}

#comentarios .post{
    float:left;
    width:100%;
    padding:10px;
    margin:0 0 10px 0;
}

#comentarios h1{
    border:none;
}

#comentarios .user{
    float:left;
    width:auto;
    font-size: 0.9em;
    color:#2D90CC;
    padding:0 10px;
}

#comentarios img{
    float:left;
    width:16px;
    height:24px;
}

#comentarios .star.full{
    background-image:url("../images/svg/scoreFullStar.svg");
    width:20px;
    height:24px;
}
#comentarios .star.empty{
    background-image:url("../images/svg/scoreEmptyStar.svg");
    width:20px;
    height:24px;
}

#comentarios .comentario{
    float:left;
    width:100%;
    padding:10px;
    font-size:0.8em;
    color:#888;
    margin:10px 0 0 0;
    border:1px solid #cccccc;
}

#comentarios .comment-form{
    float:left;
    padding:15px;
    width:100%;
    background-color:#fcfcfc;
    display: none;
    border:1px solid #efefef;
    margin:0 0 20px 0;
}

#comentarios .comment-form h1 .user{
    color:#2ecc71;
}

#comentarios .comment-form label{
    float:left;
    width:100%;
}

#comentarios .comment-form label textarea{
    float:left;
    width: 100%;
    max-width: 100%;
    padding:10px;
    font-size:0.8em;
    color:#888;
    margin:10px 0 0 0;
    border:1px solid #efefef;
    font-family: open sans;
}

#comentarios .comment-form input{
    float:right;
    padding:10px 20px;
    margin:10px 0 0 0;
    border:2px solid #2ecc71;
    background-color:transparent;
    color:#2ecc71;
    font-family: open sans;
    font-weight:bold;
    cursor: pointer;
}

#comentarios .comment-form input:hover{
    border:2px solid #2ecc71;
    background-color: #2ecc71;
    color:white;
}

.prodRef
{
    padding:5px;
    color:#2D90CC;
    background-color:white;
    font-size: 0.6em;
    border:1px solid #2D90CC;
}

.stock-confirmation{
    float:left;
    width:100%;
    text-align: left;
    padding:15px 15px 15px 40px;
    font-size:0.8em;
    background-image:url(../images/svg/mailconfirmation-ico.svg);
    background-repeat: no-repeat;
    background-position: 10px 50%;
    background-size:20px;
    background-color:#2ecc71;
    color:white;
    margin:10px auto 0 auto;
}