a:link
{
font-family: 'Montserrat', "Arial Unicode MS", Arial;
color: #368DAB !important;
text-decoration:none;
}

a:hover
{
color: #000000;
}

a:visited
{
color: #368DAB;
}

a:active
{
color: #368DAB;
}

a.links_menu
{
font-family:'Montserrat', "Arial Unicode MS", Arial;
color:#ffffff !important;
text-decoration:none;
text-transform:uppercase;
}

a.links_menu:hover
{
color:#000000;
text-transform:uppercase;
}

a.link_grey
{
color:#777777 !important;
text-decoration:none;
}

a.link_grey:visited
{
color:#777777 !important;
text-decoration:none;
}

a.link_grey:active
{
color:#777777 !important;
text-decoration:none;
}

a.link_grey:hover
{
color:#368dab !important;
text-decoration:none;
}


a.link_blue
{
color:#368dab !important;
text-decoration:none;
}

a.link_blue:visited
{
color:#368dab !important;
text-decoration:none;
}

a.link_blue:active
{
color:#368dab !important;
text-decoration:none;
}

a.link_blue:hover
{
color:#777777 !important;
text-decoration:none;
}

.link_black
{
color:#000000 !important;
text-decoration:none;
}

.link_black:hover
{
color:#ff0000 !important;
text-decoration:none;
}

.error
{
color:#ff0000;
}

#layer-nav
{
position: absolute;
width: 116px;
height: 172px;	
left: 50%;
right: 50%;	
margin-left: -58px;
top: 535px;
}

#top-link
{ 
	display:none;
	position:fixed; 
	right:30px; 
	bottom:50px; 
	color:green; 
	font-weight:bold; 
	text-decoration:none;  
	background:#555555; 
	padding:10px; 
	border-radius:0px;
	z-index:1999999999;
	
	-webkit-transition: height 0.3s;
	-moz-transition: height 0.3s;
	transition: height 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	animation: fadein 1s;
	-moz-animation: fadein 1s;
	-webkit-animation: fadein 1s;
	-o-animation: fadein 1s;
}

.button
{
	background-color:#368dab;
	color:#ffffff !important;
	font-family: 'Montserrat', "Arial Unicode MS", Arial;
	font-size:12px;
	font-weight:normal;
	text-transform:uppercase;
	padding: 7px 15px 7px 15px;
	cursor:pointer;
	text-decoration:none;
	text-align:center;
	border-radius:3px;
	border:0px;
	
	-webkit-transition: height 0.3s;
	-moz-transition: height 0.3s;
	transition: height 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	animation: fadein 1s;
	-moz-animation: fadein 1s;
	-webkit-animation: fadein 1s;
	-o-animation: fadein 1s;
}
.button:hover
{
	text-decoration:none;
	background-color:#555555 !important;
}


.button-vermais
{
	font-family: 'Montserrat', "Arial Unicode MS", Arial;
	color: #ffffff !important;
	border-radius:4px;
	background-color: #368dab;
	text-align:center;
	padding-left:20px;
	padding-right:20px;
	padding-top:8px;
	padding-bottom:8px;
	font-size:20px;
	text-decoration:none;
	cursor:pointer;
	font-weight:normal;
	line-height:44px;

	-webkit-transition: height 0.3s;
	-moz-transition: height 0.3s;
	transition: height 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	animation: fadein 1s;
	-moz-animation: fadein 1s;
	-webkit-animation: fadein 1s;
	-o-animation: fadein 1s;
}
.button-vermais:link
{
	color: #ffffff !important;
	text-decoration:none;
}
.button-vermais:hover
{
	color: #ffffff;
	background-color: #555555;
}




.button2
{
	font-family: 'Montserrat', "Arial Unicode MS", Arial;
	color: #ffffff !important;
	border-radius:4px;
	background-color: #cccccc;
	text-align:center;
	padding-left:20px;
	padding-right:20px;
	padding-top:8px;
	padding-bottom:8px;
	font-size:20px;
	text-decoration:none;
	cursor:pointer;
	font-weight:normal;
	line-height:44px;

	-webkit-transition: height 0.3s;
	-moz-transition: height 0.3s;
	transition: height 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	animation: fadein 1s;
	-moz-animation: fadein 1s;
	-webkit-animation: fadein 1s;
	-o-animation: fadein 1s;
}
.button2:link
{
	color: #ffffff !important;
	text-decoration:none;
}
.button2:hover
{
	color: #ffffff;
	background-color: #555555;
}




.button_grey
{
	background-color:#333333;
	color:#ffffff !important;
	font-family: 'Montserrat', "Arial Unicode MS", Arial;
	font-size:15px;
	font-weight:normal;
	text-transform:uppercase;
	padding: 7px 15px 7px 15px;
	cursor:pointer;
	text-decoration:none;
	text-align:center;
	border-radius:3px;
	border:0px;
	
	-webkit-transition: height 0.3s;
	-moz-transition: height 0.3s;
	transition: height 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	animation: fadein 1s;
	-moz-animation: fadein 1s;
	-webkit-animation: fadein 1s;
	-o-animation: fadein 1s;
}
.button_grey:hover
{
text-decoration:none;
background-color:#555555 !important;
}


.button_social_networks
{
width:30px;
height:30px;
float:left;
color: #ffffff;
border-radius:30px;
text-align:center;	
padding-left:10px;
padding-right:10px;
padding-top:10px;
padding-bottom:10px;	
margin-right:5px;
cursor:pointer;
background-color: #368dab;
border:0px #000000 solid;
}

.button_social_networks:hover
{
background-color: #333333;
}

.fade {
   opacity: 1;
   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
   cursor:pointer;
   }

.fade:hover {
      opacity: 0.5;
}


h1 {
	margin: 0;
	padding: 0;
	font-family: 'Montserrat', "Arial Unicode MS", Arial;
	font-size: 30px;
	font-weight: normal;
	color:#368dab;
	letter-spacing:-2px;
}

h2 {
	margin: 0;
	padding: 0;
	font-family: 'Montserrat', "Arial Unicode MS", Arial;
	font-size:20px;
	font-weight: normal;
	color:#368dab;
	letter-spacing:-1px;
	line-height:25px;
}

h3 {
	margin: 0;
	padding: 0;
	color:#555555;
	font-family: 'Montserrat', "Arial Unicode MS", Arial;
	font-size:14px;
	font-weight:normal;
	letter-spacing:0px;	
	text-decoration:none;
	line-height:20px;
}

h4 {
	margin: 0;
	padding: 0;
	font-family: 'Montserrat', "Arial Unicode MS", Arial;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	line-height:20px;
	letter-spacing:0px;
	text-decoration:none;
}

h5 {
	margin: 0;
	padding: 0;
	font-family: 'Montserrat', "Arial Unicode MS", Arial;
	font-size: 10px;
	font-weight: normal;
	color: #777777;
	line-height:15px;
	letter-spacing:0px;
}


.input[type="text"]
{
font-family: 'Montserrat', "Arial Unicode MS", Arial;
font-size:14px;
font-weight:normal;
width:100%;
height:35px;
background:#ffffff;
padding-left:10px;
border:1px solid #dddddd;
border-radius:3px;	
color:#333333;
}

.input[type="password"]
{
font-family: 'Montserrat', "Arial Unicode MS", Arial;
font-size:14px;
font-weight:normal;
width:100%;
height:35px;
background:#ffffff;
padding-left:10px;	
border:1px solid #cccccc;
border-radius:3px;
color:#333333;
}

.select
{
font-family: 'Montserrat', "Arial Unicode MS", Arial;
font-size:14px;
font-weight:normal;
width:100%;
height:35px;
background:#ffffff;
padding-left:10px;	
border:1px solid #cccccc;
border-radius:3px;
color:#333333;
}

.datepicker
{
	font-family: 'Montserrat', "Arial Unicode MS", Arial;
	font-size:14px;
	font-weight:normal;
	width:50%;
	background:#ffffff;
	padding-left:10px;	
	border:1px solid #cccccc;
	border-radius:3px;
	color:#333333;
}

.select
{
	font-family: 'Montserrat', "Arial Unicode MS", Arial;
	font-size:14px;
	color:#333333;
	width:100%;
	background:#ffffff;
	padding-left:0px;
	font-weight:normal;
	border:1px solid #cccccc;
	border-radius:3px;
}

.textarea
{
	font-family: 'Montserrat', "Arial Unicode MS", Arial;
	font-size: 14px;
	color: #333;
	width: 50%;
	background: #ffffff;
	padding-left: 1%;
	padding-top: 1%;
	font-weight: none;
	border: 1px solid #dddddd;
	border-radius:3px;
}

/* Clearfix */
.clearfix:before,

.clearfix:after
{
content: " ";
display: table;
}

.clearfix:after
{
clear: both;
}

.clearfix
{
*zoom: 14;
}

nav
{
	height: 50px;
	width: 100%;
	background: #368dab;
	font-size: 14px;
	font-family: 'Montserrat', Arial, sans-serif;
	font-weight: normal;
	position: absolute;
	z-index:19999;
	margin-top:0px;
	text-align:center;
	letter-spacing:0px;
}
nav ul
{
	padding: 0;
	margin: 0 auto;
	width: 100%;
	height: 50px;
}
nav li
{
	display: inline;
	float: center;
	color:white;
}
nav a
{
	color: #ffffff;
	display: inline-block;
	/*width: 100px;*/
	text-align: center;
	text-decoration: none;
	line-height: 40px;
	padding-left: 18px;
	padding-top:5px;
}
nav li a
{
	/*border-right: 1px solid #576979;*/
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
nav li:last-child a
{
	border-right: 0;
}
nav a:hover, nav a:active
{
	/*background-color: #000000;*/
	color: #ffffff;
}
nav a#pull
{
	color: #ffffff;
	display: none;
}

#fadediv {
    animation: fadein 2s;
    -moz-animation: fadein 2s; / Firefox /
    -webkit-animation: fadein 2s; / Safari and Chrome /
    -o-animation: fadein 2s; / Opera /
}
@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-moz-keyframes fadein { / Firefox /
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-webkit-keyframes fadein { / Safari and Chrome /
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-o-keyframes fadein { / Opera /
    from {
        opacity:0;
    }
    to {
        opacity: 1;
    }
}

.promocoes
{
float:left;
width:300px;
height:100%;
margin-right:20px;
margin-bottom:50px;
border:0px #000000 solid;
}

.caixa
{
position:relative;
display:inline-block;
width:300px;
height:300px;
margin-right:20px;
margin-bottom:20px;
border:0px #000000 solid;
vertical-align:top;
}





@media screen and (min-width:801px)
{
	.headline
	{
	font-family: 'Montserrat', "Arial Unicode MS", Arial;
	font-size:12px;
	width:100%;
	max-width:350px;
	float:left;
	height:40px;
	color: #ffffff;
	text-align:center;	
	padding-left:0px;
	padding-right:0px;
	padding-top:12px;
	border:0px #000000 solid;
	text-align:left;
	}
	
	.login
	{
	font-family: 'Montserrat', "Arial Unicode MS", Arial;
	font-size: 11px;
	float:right;
	width:100%;
	max-width:640px;
	min-height:40px;
	color:#ffffff;
	padding-top:7px;
	border:0px #000000 solid;
	}
	
	.login_buttons
	{
	position:absolute;
	right:125px;
	text-align:right;
	float:right;
	font-family: 'Montserrat', "Arial Unicode MS", Arial;
	font-size:12px;
	line-height:12px;
	width:400px;
	min-height:40px;
	color:#ffffff;
	border:0px #000000 solid;
	}
	
	.login_cart
	{
	position:absolute;
	right:75px;
	font-family: 'Montserrat', "Arial Unicode MS", Arial;
	font-size: 11px;
	width:50px;
	min-height:40px;
	color: #ffffff;
	border:0px #000000 solid;
	}
	
	.login_products
	{
	position:absolute;
	right:0px;
	text-align:right;
	font-family: 'Montserrat', "Arial Unicode MS", Arial;
	font-size: 11px;
	width:75px;
	min-height:40px;
	color: #ffffff;
	border:0px #000000 solid;
	}

	.logo
	{
	position:absolute;
	top:20px;
	left:0px;
	text-align:left;
	width:400px;
	height:120px;
	color:#ffffff;
	border:0px #000000 solid;
	}

	.search
	{
	position:absolute;
	top:20px;
	right:0px;
	width:400px;
	min-height:120px;	
	color:#ffffff;
	text-align:right;
	border:0px #000000 solid;
	}

	.site_map
	{
	position:relative;
	float:left;
	width:100%;
	max-width:300px;	
	color: #ffffff;
	border:0px #ffffff solid;
	}

	.newsletter_subscription
	{
	position:relative;
	float:left;
	width:100%;
	max-width:430px;	
	color: #ffffff;
	border:0px #ffffff solid;
	}

	.follow_us
	{
	position:relative;
	float:left;
	width:100%;
	max-width:260px;
	color: #ffffff;
	border:0px #ffffff solid;
	}

	.box_products
	{
		width:225px;
		height:375px;
		display:inline-block;
		background-color:#ffffff;
		vertical-align:top;
		float:left;
		margin-bottom:25px;
		margin-right:25px;
		border:0px #000000 solid;
	}
	
	.box_news
	{
		position:relative;
		display:inline-block;
		vertical-align:top;
		width:215px;
		height:375px;		
		margin-bottom:25px;
		margin-left:17px;
		margin-right:17px;
		border:0px #000000 solid;
	}	

	.news
	{
		display:inline-block;
		float:left;
		width:240px;
		height:250px;
		display:inline-block;
		margin-right:5px;
		margin-bottom:20px;
		background-color:#ffffff;
		vertical-align:top;
		border:0px solid;
		text-align:left;
	}
	
	.promos
	{
	position:relative; 
	float:left;
	width:33.22%;
	height:350px;
	margin-right:1px;
	margin-bottom:0px;
	background-color:#cccccc;
	border:0px #000000 solid;
	}
	.promos img
	{
	max-width:200px;
	margin-bottom:1px;
	background-color:#cccccc;
	border:0px #000000 solid;
	}
	
	.caixa_bolas
	{
	position:relative;
	display:inline-block;
	text-align:center;
	width:175px;
	min-height:200px;
	margin-left:5px;
	margin-right:5px;
	margin-bottom:20px;
	border:0px solid;
	vertical-align:top; 
	}
	
	.caixa_bolas_imagem
	{
	position:relative;
	display:inline-block;
	background-color:#cccccc;
	border:1px #cccccc solid;
	width:150px;
	height:150px;
	background-repeat:no-repeat;
	background-size:cover;
	border:0px solid;
	border-radius:100px;
	overflow:hidden;
	}
	
	.caixa_form
	{
	position:relative;
	width:500px;
	height:100%;
	border:0px solid;
	}
	
	.box_contacts_text
	{
		position:relative;
		display:inline-block;
		vertical-align:top;
		width:500px;
		min-height:375px;
		margin-right:50px;
		margin-bottom:25px;
		border:0px #000000 solid;
		z-index:9;
		float:left;
		text-align:left;
	}
	
	.box_contacts_form
	{
		position:relative;
		display:inline-block;
		vertical-align:top;
		width:450px;
		min-height:500px;
		margin-right:0px;
		margin-bottom:25px;
		border:0px #000000 solid;
		float:left;
		text-align:left;
	}

	.page_title
	{
		text-align:left;
	}

}




@media screen and (max-width:800px)
{
	.logo
	{
	position:relative;
	display:inline-block;
	width:90%;
	max-width:400px;
	height:70px;
	margin-top:20px;
	margin-bottom:20px;
	color:#ffffff;
	border:0px #000000 solid;	
	}

	.search
	{
	position:relative;
	display:inline-block;
	width:90%;	
	min-height:100px;
	margin-top:20px;
	margin-bottom:20px;
	color: #ffffff;
	text-align:center;	
	border:0px #000000 solid;
	}

	.site_map
	{
	position:relative;
	width:100%;
	min-height:180px;	
	color: #ffffff;
	border:0px #ffffff solid;
	text-align:center;
	}

	.newsletter_subscription
	{
	position:relative;
	width:100%;
	min-height:150px;	
	border:0px #ffffff solid;
	text-align:center;
	}

	.follow_us
	{
	position:relative;
	width:100%;
	min-height:100px;
	color: #ffffff;
	border:0px #ffffff solid;
	margin-bottom:50px;
	text-align:center;
	}

	nav
	{ 
  	height: auto;
  	}
	
  	nav ul
	{
	width: 100%;
	display: none;
	height: auto;
  	}
	
  	nav li
	{
	width: 100%;
	float: left;
	position: relative;
  	}
	
  	nav li a
	{
	border-bottom: 1px solid #ffffff;
	/*border-right: 1px solid #576979;*/
	}
	
  	nav a
	{
	text-align: left;
	width: 100%;
	text-indent: 25px;
	padding-left: 0px;
  	}
		
	nav a#pull
	{
	display: block;
	background-color: #333333;
	width: 100%;
	position: relative;
	}
	
	nav a#pull:after
	{
	content:"";
	background: url('../_images/nav-icon.png') no-repeat;
	width: 30px;
	height: 30px;
	display: inline-block;
	position: absolute;
	right: 15px;
	top: 15px;
	}

	
	.header
	{
	width:100%;
	height:300px;
	min-height:150px;
	max-width:950px;
	}

	.promocoes
	{
	width:100%;
	height:100%;
	padding:0px;
	margin-bottom:50px;
	border:0px #000000 solid;
	}
	
	.caixa
	{
	position:relative;
	text-align:center;
	width:100%;
	height:100%;
	margin-right:0px;
	margin-bottom:40px;
	border:0px #000000 solid;
	vertical-align:middle;
	}
	
	.caixa_bolas
	{
	position:relative;
	display:inline-block;
	text-align:center;
	width:100%;
	min-height:200px;
	margin-bottom:30px;
	border:0px solid;
	}
	
	.caixa_bolas_imagem
	{
	position:relative;
	display:inline-block;
	background-color:#cccccc;
	border:1px #cccccc solid;
	min-width:200px;
	min-height:200px;
	background-repeat:no-repeat;
	background-size:cover;
	border:0px solid;
	border-radius:100px;
	overflow:hidden;
	}
	
	
	.box_products
	{
	width:90%;
	min-height:400px;
	background-color:#ffffff;
	margin-bottom:25px;
	margin-right:0px;
	border:0px solid;
	}
	
	.news
	{
	display:inline-block;
	width:90%;
	margin-bottom:20px;
	background-color:#ffffff;
	vertical-align:top;
	border:0px solid;
	text-align:left;
	}

	.promos
	{
	width:100%;
	height:350px;
	margin-right:0px;
	margin-bottom:1px;
	border:0px #000000 solid;
	}
	.promos img
	{
	max-width:100px;
	}
	
	.box_news
	{
	position:relative;
	display:inline-block;
	vertical-align:top;
	width:300px;
	height:375px;		
	margin-top:35px;
	margin-bottom:35px;
	border:0px #000000 solid;
	}	
	
	.caixa_form
	{
	position:relative;
	width:90%;
	height:100%;
	border:0px solid;
	}
	
	.box_contacts_text
	{
		position:relative;
		display:inline-block;
		vertical-align:top;
		width:90%;
		min-height:375px;
		margin-right:0px;
		margin-bottom:25px;
		border:0px #000000 solid;
		float:center;
		text-align:center;
	}
	
	.box_contacts_form
	{
		position:relative;
		display:inline-block;
		vertical-align:top;
		width:90%;
		min-height:500px;
		margin-right:0px;
		margin-bottom:25px;
		border:0px #000000 solid;
		float:center;
		text-align:center;
	}
	
	.page_title
	{
		text-align:center;
	}

}