/* 
    || PT Surge® | As suas soluções criativas 
    || Copyright.2014
    || www.surge.pt
*/

body {
    font-family: 'Open Sans', Arial, serif;
	color: #5A5A5A;
    overflow-x: hidden;
}

table td, th
      {
        padding:3px 7px 2px 7px;
		text-align:left; 
      }
	    
a {color: #5A5A5A;}
a:hover {color: #000;
text-decoration:none;}

hr {
   
    margin-top: 7px;
    margin-bottom: 7px;
   

}
h1, h2, h3, h4, h5, h6 {
font-family: 'Open Sans', Arial, serif;
}

h1, h2 {
	color:#000;
    font-weight: 200;
   
    line-height: 1;
    margin: 10px 0;
	margin-left:0px;
}

h1 {

	font-size: 26px;
	letter-spacing: -1px;
}

h2 {
	font-size: 20px;
}

h3 {letter-spacing: 2px;
	text-transform:uppercase;
	color:#000;
	font-size: 20px;
	text-align:left;
}

h4 {
	text-transform:uppercase;
	font-weight: 200;
	font-size: 16px;
	text-align:left;
}

h5 {
	font-size: 13px;
	text-transform:uppercase;
}

h6 {
	font-size: 11px;
}

p {
	font-size: 12px;
	text-align:left;
}

ul {
	font-size: 12px;}

ol {
	font-size: 12px;}

/* Footer------------------------------------------------------------- */	
footer {
margin-bottom:0px;
margin-top:20px;}

	.footer1 {
		background-color:#FFF;
		padding-top:20px;
		padding-bottom:20px;
		color:#5A5A5A;
		border-top:#CCC solid 1px;
		}
.footer1 a {
		color:#5A5A5A;
    text-decoration:none;
		}
	.footer1 a:hover {
color:#000;}


	

	.footer2{
    margin-bottom:0px;
		background-color:#000;
		color:#FFF;
		padding-top:15px;
		padding-bottom:7px;
		}
    .footer2 p {
		color:#FFF;
		}
    
	.footer2 a {
		color:#FFF;
    text-decoration:none;
		}
	.footer2 a:hover {
text-decoration:underline;}
	

.line  {
	padding-bottom:10px;
	padding-left:0px;
	padding-right:0px;
	padding-top:0px;
	/* border-bottom:solid 3px #000000;*/

}

/* ========= Top Bar =========== */
.top-bar{
	margin-bottom:10px;
	text-shadow:none;
	color:#000;
	font-size:11px;
	padding-top:5px;
	padding-bottom:5px;
	
}
.top-bar a{
color:#000;	text-decoration:none;
	
	}
.top-bar a:hover{
color:#000;	text-decoration:underline;
	}
.top-bar i{
	display:inline-block;
	height:24px;
	width:24px;
	text-align:center;
	line-height:25px;
	color:#000;
	
	font-size:13px;
}

.top-bar span {
    height: 24px;
    display:inline-block;
   padding-top:10px;
    
}


header{
	background:#FFF;
	/* border-bottom:1px solid #F4F4F4;*/
}
.logo{
	display:block;
	width:135px;
	height:62px;
	margin-bottom:15px;
	margin-top:-20px;
}
nav{
	float:right;
	margin-bottom:10px;
}

	
.btn:hover {
	width:auto;
	height:40px;
	background-color:transparent;
	padding: 7px 10px 5px 10px; 
	border:1px solid #000; 
	font-size: 15px;
    
	margin: 0 !important;
	font-weight: normal;
	color:#000;
	text-decoration: none;
	border-radius:0px;
	}

.btn {
	width:auto;
	height:40px;
	border-radius:0px;
	background-color:#000;
	padding: 7px 10px 5px 10px; 
	border:1px solid #000; 
	font-size: 15px; 
	margin: 0 !important;
	font-weight: normal;
	color:#FFF;
	text-decoration: none;}


	
.thumbnail{
	border-radius:0px;
	border-bottom:4px solid #000; 
	background-color: #fff;
	border-top:none;
	border-left:none;
	border-right:none;
	}
	
.titulotable{
	color:#FFF;
	text-transform:uppercase;
	}
	
.img-thumbnail {
    background-color: #fff;
	border-bottom:4px solid #000;
	border-top:none;
	border-left:none;
	border-right:none; 
	border-radius:0px;
	padding:0px;}

	/* ========= Back To Top =========== */
#back-top {
	bottom: 20px;
	position: fixed;
	right: 20px;
	z-index: 10000;
}
#back-top a {
	display: block;
	height: 32px;
	text-align:center;
	line-height:32px;
	color:#fff;
	transition: all 0.3s ease 0s;
	width: 32px;
	background:#000;	
}
#back-top a:hover {
		text-align:center;
	text-decoration:none;
	background-color:transparent;
	color:#000; 
	border:1px solid #000; 
	 
}

/* Section Separador */

#separador {
	font-family: 'Open Sans', sans-serif;
	padding:20px 0px 40px 0;
	margin-top:0px;
	
	}

#separador h2{
	font-size:26px;
	text-align:left;
	font-weight: 500;
    letter-spacing: 1px;
	}

/* Section Ofertas */

#ofertas {
	font-family: 'Open Sans', sans-serif;
	padding:20px 0px 40px 0; 
	}

/* Make the Picture 100% */

#ofertas img {
	width: 100%;
}

.text-muted2 {color:#000;
	text-transform:uppercase;
	font-weight: 400;
	font-size: 16px;
	text-align:left;}




.small_thumbnail .hover {
    display: none;
    position: absolute;
    margin-top: 57px;
    margin-left: 50px;
    z-index: 2;
}

 .hover {
    display: none;
    position: absolute;
    margin-top: 77px;
    margin-left: 90px;
    z-index: 2;
}

 .hover {
    display: none;
    position: absolute;
    margin-top: 100px;
    margin-left: 90px;
    z-index: 2;
}

.big_thumbnail {
margin-bottom:30px;
}

 .oferta_thumbnail {
    margin-bottom: 30px;
    min-height: 235px;
    text-align: left;
    padding-top: 20px;
    padding-bottom: 20px;
 }


.product_sale 
{
  background:#b81c29;
  background: none repeat scroll 0 0 rgba(147, 23, 31, 1);
  color: #FFFFFF;
  font-size: 12px;
  font-weight: 600;
  margin-left: 0px;
  margin-top: 20px;
  padding: 3px 10px;
  position: absolute;
  line-height:17px;
  text-transform: uppercase;
}


/* Accordion */
	
	/********************************* Accordion *******************************/
.accordion-group {
	border: 0;
	border-radius: 0;  
}
.panel-title{
	line-height:40px;
	font-size:14px;
	font-weight:500;
	}
.panel-title a:hover {
	color:#000;}
	
.accordion-heading {
	line-height:20px;
	margin: 1px 0;
	background: none repeat scroll 0 0 #000;
	border: 1px solid #000;
	color: white;
	overflow: hidden;
	padding: 0 1.5em;
}

.accordion-group .accordion-heading:hover {
	background: #fff;
	color:#000;
}

.accordion-group .accordion-heading h5 {
	float: left;
	text-transform: uppercase;
}


.accordion-group .accordion-body {
	margin-top: 2px;
}

.accordion-group .accordion-body .accordion-inner {
	padding: 15px 0px 5px 0px;
    clear: both;
}
.accordion-group .accordion-body .accordion-inner h5{
	color: #000;
	text-transform: uppercase;
}

.accordion-group .accordion-body .accordion-inner  {
	color: #5A5A5A;
	font-size: 10px;
	font-weight: normal;
	line-height:16px;
}

/* Header carousel */

.carousel{
   top:-3px;
}

.carousel-inner{
   background:#FFF;
    text-align:center;
}

.carousel .item{
    text-align:center;
    animation-duration:3s;
    animation-delay:0.5s;
    -webkit-animation-duration: 3s;
    -webkit-animation-delay: 0.5s;
    -moz-animation-duration: 3s;
    -moz-animation-delay: 0.5s;
    -ms-animation-duration: 3s;
    -ms-animation-delay: 0.5s;
    -o-animation-duration: 3s;    
    -o-animation-delay: 0.5s;    
}


.carousel-indicators .active{
   background:#FFF;
 
}

.carousel-indicators li:hover{
   background:#FFF;
 
}

	

/* Parallax Styles */

	.parallax {
		text-align: center;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
		background-attachment: fixed !important;
	}
	
	.parallax-overlay {
		background-color:rgba(0,0,0,0.50);
	}

.form-control{
	border-radius:0px;
}

.icon-phone {
	color:#000;}
.icon-map-marker{
	color:#000;}
.icon-print{
	color:#000;}
.icon-envelope{
	color:#000;}

/* Janela PopUp Modal */

.janelaModal {
	position: fixed;
	font-family: Arial, Helvetica, sans-serif;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,0.8);
	z-index: 99999;
	opacity:0;
	-webkit-transition: opacity 400ms ease-in;
	-moz-transition: opacity 400ms ease-in;
	transition: opacity 400ms ease-in;
	pointer-events: none;
}

.janelaModal:target {
	opacity:1;
	pointer-events: auto;
}

.janelaModal > div {
	width: 400px;
	position: relative;
	margin: 10% auto;
	padding: 5px 20px 13px 20px;
	border-radius:none;
	background: #fff;
    border-bottom:4px solid #000;
	
}

.janelaModal h5 {
text-transform:none;}

.fechar {
	background: #000;
	color: #FFFFFF;
	line-height: 25px;
	position: absolute;
	right: -12px;
	text-align: center;
	top: -10px;
	width: 24px;
	text-decoration: none;
	font-weight: bold;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	
}

.fechar:hover { background: #FFF;
color:#000;}

/* Scrollbar */

/* Chorme scrollbar */
::-webkit-scrollbar {
   overflow-x: hidden;
    width: 10px;

}
 
/* Track */
::-webkit-scrollbar-track {
    -webkit-box-shadow:none; 
    -webkit-border-radius:none;
    border-radius: none;
	
}
 
/* Handle */
::-webkit-scrollbar-thumb {
    -webkit-border-radius: none;
    border-radius:none;
    background:#000;
    -webkit-box-shadow:none;

}
::-webkit-scrollbar-thumb:window-inactive {
	background:#000;
	
}

.search
{
	border: none;
	width: 260px;
	padding: 0px;
    margin-left: 0px;
}

.search .clear
{
	clear: both;
}

.search2 
{
}

.search2 span
{
    font-size: 13px;
    text-transform: uppercase;
	width: 100px;
	font-weight: 600;
	display: inline-block;
    background-color: #000;
padding: 3px 10px;
    color: #fff;
    margin-right: 7px;

}
.search2 input[type=text]
{
	width: 100px;
	font-size: 16px;
    border: none;
    margin-top: 5px;
}
.ui-datepicker{
font-size: 10px;
}

.ui-corner-all{
border-radius: 0px;
}

.ui-widget-header{
background: #000 url(img/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x;
color: #fff;
}

.ui-widget-header { border: none; background: #fff  50% 50% repeat-x; color: #000; font-weight: bold; }
.ui-widget-header a { color: #000; }

.ui-state-default, .ui-widget-content .ui-state-default { border: none; background: #fff 50% 50% repeat-x; font-weight: normal; color: #000; outline: none; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555; text-decoration: none; outline: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { border: none; background: #fff 50% 50% repeat-x; font-weight: normal; color: #212121; outline: none; text-decoration: underline; }
.ui-state-hover a, .ui-state-hover a:hover { color: #212121; text-decoration: underline; outline: none; }
.ui-state-active, .ui-widget-content .ui-state-active { border: none; background: #000 50% 50% repeat-x; font-weight: normal; color: #fff; outline: none; text-decoration: none;}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #fff; outline: none; text-decoration: none; }


.ui-datepicker {
  margin-left:0px;
  z-index: 1000;
}

.galeria_thumbnail {
margin-bottom: 30px;
min-height: 0px;
}