/***
	Sensorial (c) 2013
	@Seleccoes de Fátima 
**/

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, sub, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend
{margin: 0; padding:0 ;border:0; outline:0; font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;}
h1,h2,h3,h3,h4,h5,h6{font-weight:normal;font-family:'Open Sans';font-weight:300}
input{border:none;background:none;padding:0;outline:0;border:0px;margin:0;resize: none;}
img{border:0px;}
ul{list-style:none} 
a{text-decoration:none;}
a:focus, input:focus, button:focus, textarea:focus, select:focus{outline:0px;text-decoration:none}
::-moz-selection {background: #b3d4fc;text-shadow: none;}
::selection {background: #b3d4fc;text-shadow: none;}
.clearfix:before,.clearfix:after{content: "";   display: table;clear: both;}


/* 
* fontes
*/
.font_open{font:12px 'Open Sans', Helvetica, sans-serif;font-weight:300}

.width_resize{position:fixed;top:0;left:0;padding:20px;background:#000;z-index:1000;color:#fff;display:none;}
/******/
.picto{background:url(/templates/layout_images/picto.png) no-repeat;}
.anime{ 
	-webkit-transition: all 100ms ease-in-out;-moz-transition: all 100ms ease-in-out;-o-transition: all 100ms ease-in-out;-ms-transition: all 100ms ease-in-out;transition: all 100ms ease-in-out;
}

.anime_img{ 
   -webkit-transition-duration: 100ms;-moz-transition-duration: 100ms;
   -o-transition-duration: 100ms;-ms-transition-duration: 100ms;transition-duration: 100ms;
	-webkit-transform: translateZ(0);-moz-transform: translateZ(0);
    -o-transform: translateZ(0);  transform: translateZ(0);
}

img.img_back{display:block;opacity:0;-webkit-transition: all 300ms ease-in-out;-moz-transition: all 300ms ease-in-out;-o-transition: all 300ms ease-in-out;-ms-transition: all 300ms ease-in-out;transition: all 300ms ease-in-out;}
img.img_back1{display:block;opacity:0;}

img.show_img, .pp_pic_holder  img {opacity:1;}
#map_canvas img {opacity:1}

.clear{clear:both}.bold { font-weight: bold; }.hidden { display:none; } 
.wd100{float:none;width:100%;}
.border_3px{-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
.border_5px{-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.one_line{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.lft{float:left;}
.rgt{float:right;}
.uppercase{text-transform:uppercase}
.ct{max-width:1070px;margin:0 auto;position:relative}




html,body{width:100%;}	
body {
	font:12px Arial, Helvetica, sans-serif;margin:auto auto;
	color: #676767;text-align:left;overflow-x:hidden;overflow-y:visible;position:relative;
	background:#f1f1f1;
}

/********************
* 	HEADER 
*********************/
#header{display:block;background:#fff;margin:0 0 50px 0;}
#header .ct{border-top:5px solid #af000d;padding:7px 0 0 0}
#header .ct .col1{width:25.64%}
#header .ct .col2{width:74%}
 
#header .ct .bl{display:block}
#header .ct .bl *{float:left;color:#393b40}
#header .ct .bl .slogan{width:25%;font-size:2.2em;line-height:1em}

#header .ct .bl a{font-size:1.8em;color:#393b40}
#header .ct .bl .tel{width:38.5%;}
#header .ct .bl .tel .picto{
	width:28px;height:41px;background-position:-34px 0;
}
#header .ct .bl .tel .text1{margin:0 3%;width:30%;}

#header .ct .bl .email{width:36.5%;float:right}
#header .ct .bl .email a{float:right;font-size:1.6em}
#header .ct .bl .email .picto{
	width:20px;height:13px;background-position:-65px 0;
	margin: 10px 0 0 5px;
}


#header .bl_menu{display:block;height:50px;margin-top:30px;overflow: hidden;}

/********************
* 	LOGO
*********************/
#logo{width:96px;margin:22px auto 0 auto;display:block;}
#logo img{width:96px;display:block;}

/********************
* 	PESQUISA
*********************/
#header .bl_pesquisa{display:block;margin:0 0 50px 0;}

.pesquisa{height:30px;background:#dddede;padding:8px;}
.pesquisa input{float:left}
.pesquisa input[type='text']{width:200px;color:#393b40;padding:7px 8px;margin:0 8px 0 0;text-indent:8px;}
.pesquisa input[type='text']:focus{background:#f4f8f8}
.pesquisa input[type='submit']{
	width:30px;height:30px;background-position:-113px -41px;opacity:0.5;cursor:pointer
}


/********************
* 	MENU
*********************/

#menu{float:left;width:70.36%;padding:0 2%;height:50px;
	/*background:#393b40*/
	background:#AF000D
}
#menu li{float:left;width:20%;margin:0 1px 0 0}
#menu li.sep{display:none}
#menu li.home{width:10%}
#menu li.home a .txt{display:none}
#menu li a{
	display:block;color:#fff;font-size:1.4em;line-height:50px;
	height:50px;padding:0 10%;text-align:center
}
#menu li a .picto{float:left;width:18px;height:18px;background-position:-171px -41px;margin:17px 0 0 35%}


#footer ul{display:block;margin:0 0 25px 0;}
#footer ul li{float:left;}
#footer ul li.sep{margin:0 34px;}
#footer ul li.sep span{display:block;margin:5px 0 0 0;width:4px;height:4px;background:#616161;}
#footer ul li a{display:block;font-weight:bold;color:#616161;}

#footer ul.sub li.sep{margin:0 15px;}
#footer ul.sub li.sep span{width:2px;height:2px;}
#footer ul.sub li a{font-weight:normal;}




/********************
* 	AREA RESERVADA
*********************/
#access{width:25.64%;background:#dddede;}
#access .area{width:65%;background:#d1d2d3;cursor:pointer;color:#616161}
#access .area .picto{
	display:inline-block;width:15px;height:16px;
	background-position:-148px -41px;
	position: relative;top: 3px;left: -10px;
}
#access a{width:25%;padding:0 5%; color:#616161;font-size:11px}
#access a,#access .area{height: 50px; display: table; }
#access a.terminar{width:100%}
#access .center{ display: table-cell;vertical-align: middle; text-align: center; }


.bl_menu #lon_altera_user{display:none}
.bl_desdobravel #lon_altera_user{display:block}
.bl_desdobravel #access a.terminar{display:none}

#lon_altera_user{cursor:pointer}
#lon_altera_user.vendedor{cursor:default;padding-bottom:10px}
#lon_altera_user div{display:block;margin:0 0 5px 0}
#lon_altera_user div#nome_visivel span{text-transform:uppercase}
#lon_altera_user .altera_dados{
	padding:10px 0 10px 0;text-decoration:underline;
	text-align:right
}



/********************
* 	CAMPANHAS
*********************/

.campanha_artigo{
	position:absolute;top:0;left:0;width: 175px;height: 168px;overflow:hidden;
	z-index:500
}
.campanha_artigo span{
	display:block;line-height:43px;height:40px;width: 250px;text-align:center;
	font-size:18px;color:#fff;position: absolute;top: 51px;left: -58px;
	-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);
	letter-spacing:2px;
	-webkit-box-shadow: 0px 0 6px 1px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 0 6px 1px rgba(0, 0, 0, 0.2);
}

.campanha .novidade{background:#AF000D;}
.campanha .ultima_oportunidade{background:#AF000D;}
.campanha .promocao{background:#AF000D;}

.campanha.esg span{background:#C9CACE;}

/********************
* 	CONTAINERS
*********************/
#container{display:block;margin:0 0 0 0;}
#container .col1{display:block;width:25.64%;}
#container .col2{display:block;width:71.79%;position:relative}

/********************
* 	DESTAQUES
*********************/
#destaque{
	display:block;margin:0 0 50px 0;position:relative;
	-webkit-box-shadow: 0px 0 6px 1px rgba(0, 0, 0, 0.2);overflow:hidden;
	box-shadow: 0px 0 6px 1px rgba(0, 0, 0, 0.2);
}
#destaque .bt{position:absolute;width:40px;height:40px;top:50%;margin:-20px 0 0 0;z-index:50;opacity:0.3}
#destaque .bt:hover{opacity:1;}
#destaque .bt span{display:block;width:35px;height:35px;}
#destaque .bt.prev{left:5px;}
#destaque .bt.prev span{background-position:-112px 0}
#destaque .bt.next{right:5px;}
#destaque .bt.next span{background-position:-153px 0}

#destaque_tp{display:block;width:100%;height:100%;}
#destaque_tp li{width:100%;float:left;}
#destaque_tp li a{display:block;position:relative}
#destaque_tp li a img{display:block;max-width:100%;max-height:100%;position:relative}
#destaque_tp li a h4{display:none}

#destaque_tp li .campanha{position:absolute;top:0;left:0;width:140px;height:142px;overflow:hidden;}
#destaque_tp li .campanha span{
	display:block;line-height:43px;height:40px;width:190px;text-align:center;
	font-size:18px;color:#fff;position: relative;top: 31px;left: -42px;
	-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);
	letter-spacing:2px;
	-webkit-box-shadow: 0px 0 6px 1px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 0 6px 1px rgba(0, 0, 0, 0.2);
	/*filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);*/
}
.list{width:100%;height:auto;}

.list ul li{
	float:left;margin:0 3.86% 5% 0;padding:2%;background:#fff;
	border:1px solid #dadada
}

.list ul li{width: 26.5%;}
.list.pr ul li{width: 26.48%;}

.list ul li:nth-child(3n){margin-right:0}
.list ul li a{display:block;position:relative;width:100%;height:100%}
.list ul li a .bl{position:relative;}

.list ul li a span{display:block;}
.list ul li a span.img{width:100%;}
.list ul li a span img{max-width:100%;margin:0 auto;}
.list ul li a span.desc{
	font-size:12px;line-height:14px;color:#676767;margin:20px 0 10px 0;
	height:32px;overflow:hidden;padding:0 0 10px 0;
	border-bottom:1px solid #dadada;font-family:Arial
}
.list ul li a span.desc h4{
	font-family:Arial
}
.list ul li a span.price{
	position:absolute;color:#fff;font-size:15px;background:#b20b15;padding:10px 15px;top:10px;
	right: 5px;
	-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;
}
.list ul li a .campanha{position:absolute;bottom:127px;right:5px;}
.list ul li a .campanha span{
	padding:10px 10px;font-size:11px;color:#fff;
	-webkit-box-shadow: 0px 0 6px 1px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 0 6px 1px rgba(0, 0, 0, 0.2);
}
.list ul li a .ref{
	color:#676767;line-height:30px;margin-top:-10px;
	border-bottom:1px solid #dadada;
}
.list ul li .ref span{display:block;color:#cecccc}
.list ul li .bt{
	float:left;margin:10px 0 0 0;
	color: #8b959f;padding: 5px 10px;cursor:pointer;
	background: -moz-linear-gradient(top,#f1f1f5 0%,#dfe4e8);
	background: -webkit-gradient(linear, left top, left bottom, from(#f1f1f5),to(#dfe4e8));
	-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;border: 1px solid #f5f5f8;
	-moz-box-shadow:0px 1px 3px rgba(000,000,000,0.5);
	-webkit-box-shadow:0px 1px 3px rgba(000,000,000,0.5);
	box-shadow:0px 1px 3px rgba(000,000,000,0.5);
}
.list ul li .bt.bt_marg{
	margin-top:40px;border-top:0
}
.list ul li .bt.enc_list{
	float:right;
}
.list ul li .qtd{
	padding:10px 0 ;border-bottom:1px solid #dadada;
	line-height: 27px;
}
.list ul li .qtd strong{float:left;}
.list ul li .qtd input{
	float:right;width:30%;
	text-align:center;padding:5px;
	border:1px solid #dadada;
}
.list ul li .qtd input:focus{
	border-color:#AF000D
}




.list.vista_horizontal ul li{
	float:left;margin:0 0 5% 0;width:100%;
	-webkit-box-sizing: border-box;-moz-box-sizing: border-box;    
	box-sizing: border-box;         
}
.list.vista_horizontal  ul li a span.desc{font-size:14px;}
.change_view{
	position:absolute;top:20px;right:3%
}
.change_view a{float:left;width:23px;height:23px;margin:0 0 0 10px}
.change_view a#vista_horizontal{
	background:url(/templates/layout_images/hor.png) 0 0 no-repeat;
	background-size:23px 23px;
}
.change_view a#vista_vertical{
	background:url(/templates/layout_images/vert.png) 0 0 no-repeat;
	background-size:23px 23px;
}
.change_view a#vista_vertical:hover,.change_view a#vista_vertical.active{background-image:url(/templates/layout_images/vert_hover.png)}
.change_view a#vista_horizontal:hover,.change_view a#vista_horizontal.active{background-image:url(/templates/layout_images/hor_hover.png)}


.mobile .change_view a{width:46px;height:46px;}
.mobile .change_view a#vista_horizontal{background-size:46px 46px;}
.mobile .change_view a#vista_vertical{background-size:46px 46px;}

.list ul li.esg a span.price,
.list ul li.esg a .campanha span{background:#C9CACE}
.list ul li.esg .presg{
	background: #b20b15;  color: #fff;
    font-size: 0.8em;  float: right;
    padding: 15px 10px;   width: 45%;
    text-align: center;   margin-top: 11px;
	
}
.list ul li.esg .qtd.esg{
	height: 57px;
	
}

#bloc_facturas{display:none}

/********************
* 	FOOTER
*********************/

#footer{background:#fefefe url(/templates/layout_images/bck_footer.png) center top no-repeat;margin-top:30px;}
#footer .ct .content{display:block;padding:100px 0 100px 0;}
#footer .ct .line_sep{display:block;width:100%;height:1px;background: #616161;margin:30px 0 50px 0;}
#footer .ct .copy{color:#616161;margin-top: 3px;}
#footer .ct a.dev{opacity:0.7;}
#footer .ct a.dev img{width: 125px;}
#footer .ct a.top{position:absolute;right:30px;top:60px;width:27px;height:36px;background-position:0 0;}


/********************
* 	HOME SUB
*********************/
#container.sub .col2 .content{display:block;background:#fff;padding:3%;position:relative}
#container .texto_corpo{line-height:20px;font-size:14px;margin:0 0 34px 0}
#container h1{font-size:2.4em;}
#container .texto_corpo a{text-decoration:underline;color:#AF000D}

#container.prod .texto_corpo{margin:50px 0 0 0}
#container.prod .texto_corpo .desc_prod_sub{
	display:block;font-size:12px;margin:0 0 10px 0;padding:0 0 10px 0;
	border-bottom: 1px solid #E3E3E3;
}


/********************
* 	ALL HOVERS
*********************/
.nomobile a:hover{color:#000; text-decoration:none;}
.nomobile  .anime_img:hover{-webkit-transform: scale(1.1) translateZ(0);-moz-transform: scale(1.1) translateZ(0);-o-transform: scale(1.1) translateZ(0); transform: scale(1.1) translateZ(0);}
.nomobile  #header .ct .bl a:hover{color:#af000d}
.nomobile  .pesquisa input[type='submit']:hover,.nomobile  #footer .ct a.dev:hover{opacity:1}
.nomobile  #menu li a:hover,.nomobile  #menu li.mn_active a,.nomobile  #access a:hover,.nomobile  #access .area:hover{background:#393b40}
.nomobile #footer ul li a:hover,.nomobile  #lon_altera_user:hover .altera_dados{color:#AF000D;}
.nomobile  #access a:hover, .nomobile #access .area:hover{color:#fff}
.list ul li a:hover .desc{color:#af000c}
.list ul li a:hover{opacity:0.8;}
.list ul li .bt:hover{
	background: -moz-linear-gradient(top,#dfe4e8 0%,#f1f1f5);
	background: -webkit-gradient(linear, left top, left bottom, from(#dfe4e8),to(#f1f1f5));
}
.nomobile  #footer .ct a.top:hover{background-position:0 -37px;}
.nomobile  #container .texto_corpo a:hover{color:#e2315e}

a{-webkit-tap-highlight-color: rgba(0,0,0,0);}.swiper-scrollbar {
	border-radius: 10px;
	position: relative;
	-ms-touch-action: none;
	background: rgba(0,0,0,0.1)
}
.swiper-scrollbar-drag {
	height: 100%;
	width: 100%;
	position: relative;
	background: rgba(0,0,0,0.5);
	border-radius: 10px;
}
.swiper-scrollbar-cursor-drag {
	cursor: move;
}/*
 * Swiper - Mobile Touch Slider CSS
 * http://www.idangero.us/sliders/swiper
 *
 * Vladimir Kharlampidi, The iDangero.us
 * http://www.idangero.us/
 * 
 * Copyright 2012-2013, Vladimir Kharlampidi
 * The iDangero.us
 * http://www.idangero.us
 *
 * Licensed under GPL & MIT
 *
*/

/* ===============================================================
Basic Swiper Styles 
================================================================*/
.swiper-container {
	position:relative;overflow:hidden;
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	-ms-backface-visibility:hidden;
	-o-backface-visibility:hidden;
	backface-visibility:hidden;
	/* Fix of Webkit flickering */
	z-index:1;
}
.swiper-wrapper {
	position:relative;
	width:100%;
	-webkit-transition-property:-webkit-transform, left, top;
	-webkit-transition-duration:0s;
	-webkit-transform:translate3d(0px,0,0);
	-webkit-transition-timing-function:ease;
	
	-moz-transition-property:-moz-transform, left, top;
	-moz-transition-duration:0s;
	-moz-transform:translate3d(0px,0,0);
	-moz-transition-timing-function:ease;
	
	-o-transition-property:-o-transform, left, top;
	-o-transition-duration:0s;
	-o-transform:translate3d(0px,0,0);
	-o-transition-timing-function:ease;
	-o-transform:translate(0px,0px);
	
	-ms-transition-property:-ms-transform, left, top;
	-ms-transition-duration:0s;
	-ms-transform:translate3d(0px,0,0);
	-ms-transition-timing-function:ease;
	
	transition-property:transform, left, top;
	transition-duration:0s;
	transform:translate3d(0px,0,0);
	transition-timing-function:ease;
}
.swiper-free-mode > .swiper-wrapper {
	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	-ms-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}
.swiper-slide {
	float: left;
}

/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
	-ms-touch-action: pan-y;
}
.swiper-wp8-vertical {
	-ms-touch-action: pan-x;
}

/* ===============================================================
Your custom styles, here you need to specify container's and slide's
sizes, pagination, etc.
================================================================*/
.swiper-container {
	/* Specify Swiper's Size: */

	/*width:200px;
	height: 100px;*/
}
.swiper-slide {
	/* Specify Slides's Size: */
	
	width: 100%;
	/*height: 100%;*/
}
.swiper-slide-active {
	/* Specific active slide styling: */
	
}
.swiper-slide-visible {
	/* Specific visible slide styling: */	

}
/* ===============================================================
Pagination Styles
================================================================*/
.swiper-pagination-switch {
	/* Stylize pagination button: */	

}
.swiper-active-switch {
	/* Specific active button style: */	
	
}
.swiper-visible-switch {
	/* Specific visible button style: */	
	
}
/********************
* 	MENU DESDOBRAVEL
*********************/
.bl_desdobravel{
	background:#e3e4e9;margin-bottom:30px;
	-webkit-border-radius: 10px;-moz-border-radius: 10px;
	border-radius: 10px;
}
.bl_desdobravel .title_desdobravel{
	/*background:#393b40;*/
	background:#AF000D;
	font-size:1.6em;padding:15px;color:#fff;
	-webkit-border-radius: 10px;-moz-border-radius: 10px;
	border-radius: 10px;
}
.menu_desd{padding:30px 25px 5px 25px}
/*sub nivel 0*/
.menu_desd li{position:relative;}
.menu_desd li a{
	display:block;font-size:1.3em;font-family:'Open Sans', Arial;
	font-weight:300;color:#3f4249;margin-bottom:20px;
	padding:0 0 0 17px;background:url(/templates/layout_images/round1.png) left center no-repeat;
	-webkit-transition: background 100ms ease-in-out;-moz-transition: background 100ms ease-in-out;-o-transition: background 100ms ease-in-out;-ms-transition: background 100ms ease-in-out;transition: background 100ms ease-in-out;
}
.menu_desd li.nivel_0 > a {font-weight:600;font-size: 1.2em;}


.menu_desd li > .st_desd{display:none}
.menu_desd li.sub  > .st_desd{
	display:block;position:absolute;right:0;top:4px;width:20px;height:20px;cursor:pointer;
	background:url(/templates/layout_images/arrows.png) 0 0 no-repeat
}
.menu_desd li.sub  .st_desd .less{display:none;}
.menu_desd li.sub  .st_desd.act{background-position:-20px -20px;}

/*sub nivel 1*/
.menu_desd li.nivel_1 a{
	padding-left:40px;background-position:19px center;
	font-size:1.2em
}
/*sub nivel 2 */
.menu_desd li.nivel_2 a{padding-left:40px;background-position:20px center;font-size:1em}

/*
*	MENU PASTAS
*/
#pastas{padding:30px 25px 5px 25px}
#pastas li a{
	display:block;font-size:1.3em;font-family:'Open Sans', Arial;
	font-weight:300;color:#3f4249;margin-bottom:20px;
	padding:0 0 0 17px;background:url(/templates/layout_images/round1.png) left center no-repeat;
	-webkit-transition: background 100ms ease-in-out;-moz-transition: background 100ms ease-in-out;-o-transition: background 100ms ease-in-out;-ms-transition: background 100ms ease-in-out;transition: background 100ms ease-in-out;
}



/*
*	MENU RESPONSIVE
*/

#active_menu{
	float:right;display:none;width:34px;height:26px;cursor:pointer;position:relative;
	background:url(/templates/layout_images/menu_active.png) 0 0 no-repeat;
	margin: 13px 0 0 0;z-index:1;
}
#active_menu div.text{position:absolute;left:-65px;line-height:26px;font-size:1.6em;color:#fff}

#menu .am_fixed.fixed{
	position:fixed;top:10px;right:10px;
	z-index:5;margin:0 2% 0 0;display:none
}
#menu .am_fixed.fixed #active_menu{ margin:0}
#menu .am_fixed.fixed span.bk1,
#menu .am_fixed.fixed span.bk2{
	position:absolute;z-index:0;background:#393b40;
	top:-5px;right:-5px;width: 45px;   height: 34px;
}
#menu .am_fixed.fixed span.bk2{
	top:35px;height: 40px;
}
#menu .am_fixed.fixed .text{display:none}
#lon_ver_carrinho_fx{
	width:32px;height:32px;float:left;cursor:pointer;
	background:url(/templates/layout_images/cart.png) 0 0 no-repeat;
	display:none;    position: absolute;   top: 40px;
}
#menu .am_fixed.fixed #lon_ver_carrinho_fx{display:block;}
#lon_ver_carrinho_fx:hover{
	background-position:-33px 0;
}

#menu_res{
	position:fixed;width:260px !important;z-index:5000;
	right:0;top:0;bottom:0;/*background: rgba(32,32,32,1);*/
	background:#AF000D;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;
	opacity: 0;-webkit-transform: translateX(100%);
	-moz-transform: translateX(100%);-o-transform: translateX(100%);
	-ms-transform: translateX(100%);transform: translateX(100%);
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
}


#menu_res .close,#menu_res .back{
	position: absolute;top: 0;left: 0;width: 50px;height: 50px;background:#AF000D;cursor: pointer;z-index: 200;
	z-index:2;
}
#menu_res .back{opacity:0;top:-50px;z-index:1;}

#menu_res .close span.picto{
	width:14px;height:14px;background:url(/templates/layout_images/close.png) 0 0 no-repeat;
	margin: 18px 0 0 18px;display:block
}
#menu_res .back span.picto{
	width:26px;height:20px;background:url(/templates/layout_images/arrow_back.png) 0 0 no-repeat;
	margin: 14px 0 0 12px;display:block
}


#menu_res.open .close,#menu_res.open .back{left:-50px}
#menu_res .back.act{opacity:1;top:51px;}

#menu_res ul.menu li{width:100%;}
#menu_res ul.menu li a{
	display:block;line-height:50px;color:#fff;padding:0 20px;font-size: 1.4em;border-bottom:1px solid #D35C5C;
	font-family:'Open Sans', Arial
}
#menu_res ul.menu li a .titulo{font-weight:300}
#menu_res ul.menu li a .descricao{display:none}

#menu_res .swiper-container{
	position:absolute;top:0;left:0;bottom:0;right:0;width:265px;
	background:#AF000D;
	/*background:rgba(32,32,32,1);*/
	
}

#menu_res #sub_menu_desd .title_desdobravel{display:none}

#menu_res #sub_menu_desd .menu_desd{padding:0}
#menu_res #sub_menu_desd .menu_desd li a{
	color:#fff;margin:0;padding:14px 20px;background:none;border-bottom:1px solid #D35C5C;
}

#menu_res #sub_menu_desd .menu_desd li .st_desd{
	right: 16px;  top: 13px;
	background-position:0 -40px;
}
#menu_res #sub_menu_desd .menu_desd li.nivel_1 a{padding-left:30px;}
#menu_res #sub_menu_desd .menu_desd li.nivel_2 a{padding-left:40px;}


#menu_res,#menu_res .swiper-container{
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;
	opacity: 0;-webkit-transform: translateX(100%);
	-moz-transform: translateX(100%);-o-transform: translateX(100%);
	-ms-transform: translateX(100%);transform: translateX(100%);
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
}

#menu_res.open,#menu_res .swiper-container.act{
	opacity: 1;-webkit-transform: translateX(0%);
	-moz-transform: translateX(0%);-o-transform: translateX(0%);
	-ms-transform: translateX(0%);transform: translateX(0%);
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=1)";
	filter: alpha(opacity=1);
}
#menu_res.open{}


/* paginacao */

.bl_paginacao{display:block;margin:0 0 25px 0;}
.bl_paginacao .number_products{
	float:left;font-weight:bold;color:#22292c
}
.bl_paginacao .number_products span{display:inline-block;margin:0 10px;}

.paginacao{float:right;}
.paginacao a{float:left;color:#af000c;font-weight:bold;}

.paginacao .sep{float:left;color:#af000c;margin:0 10px;font-weight:bold;}
.b2 .bl_paginacao .number_products span.pr, .b2 .bl_paginacao .number_products span.sep{display:none}

#infscr-loading{
	position: absolute;left: 0;bottom: 0;
	right: 0;padding: 20px;z-index: 30;
	background: #393B40;color: #FFF;
	text-align: center;font-family: 'Open Sans';font-size: 1.4em;
	/*
	position:fixed;z-index:50;bottom:0;
	background: #393B40;color: #FFF;padding: 10px;
	left: 0;right: 0;text-align: center;
	font-family: 'Open Sans';font-size: 1.4em;
	*/
}
#infscr-loading *{display:block;}
#infscr-loading img{display: inline-block;margin: 0 0 10px 0;width:32px;height:32px}

/*
	Botoes ACT
*/
.bc_acc{border-top:1px solid #e6e7e8;padding:1px 0 0 0;margin-top:50px}
.voltar{}
.voltar a{
	float:left;width:100px;height:35px;line-height:35px;margin:0 1px 0 0;background:#000;color:#fff;text-align:center;font-weight:bold;
}

/************** 
* SITE MAP
**************/

#site_map{}
#site_map li{border-bottom:1px dotted #dadada;}
#site_map li a{display:block;font-weight:bold;color:#7b7d7d;font-size:0.8em;}


/*
	Pesquisa
*/

#pesquisa_res{margin:20px 0 0 0}
#pesquisa_res li{margin:0 0 20px 0;padding:0 0 20px 0;border-bottom:1px solid #bababa}
#pesquisa_res li a{display:block;color:#6f7070}
#pesquisa_res li a .number{
	float:left;font-size:2em;height:40px;line-height:40px;border-right:1px solid #6f7070;text-align:center;width:8%;margin:0 2% 0 0; 
}
#pesquisa_res li a .bl_text{float:left;width:89%}
#pesquisa_res li a .bl_text .pcol1{float:left;width:20%}
#pesquisa_res li a .bl_text .pcol1 img{max-width:100%}
#pesquisa_res li a .bl_text .pcol2{float:right;width:75%}
#pesquisa_res li a .bl_text .w100{width:100%}
#pesquisa_res li a .data_pes{display:block;font-family:tahoma}
#pesquisa_res li a .titulo_pesquisa{display:block;font-weight:bold;margin-top:10px;}
#pesquisa_res li a .desc_pesquisa{margin-top:10px}
#pesquisa_res li a .caminho_pesquisa > div{display:inline-block;margin-top:10px;}


/*
* caminhos
*/
.caminho{width:100%;color:#616161;margin:20px 0 30px;}
.caminho a{float:left;color:#616161;font-size: 1em;text-transform:uppercase}
.caminho span{float:left;margin:6px 15px 0 15px;width:2px;height:2px;background:#616161;}

/*
	Galeria
*/
 #galleria{float:left;width:100%;position:relative;top:-10px}

/*
	form
*/

.form_area{display:block;margin-top:30px}
.form_area .nome_campo, .lnum{font-size:1.4em;margin-bottom:10px;display:block}
.form_area .nome_campo{display:none}
.ie9 .form_area .nome_campo{display:block}
.lnum span{display:inline-block}
.campo{float:left;width:32%;position:relative}
.campo.campo1,.campo.campo4,.campo.campo7{margin:0 2%}
.campo.tipo_campo_big{float:none;clear:both;width:100%}
.campo input, .campo textarea{
	border-width: 1px;color: #5F5F5F;font-size: 14px;height: auto;padding: 15px;resize: none;
	border-color:#BDC3C7;border-style:solid;line-height: 20px;vertical-align: middle;
	text-indent: 6px;display: inline-block;margin-bottom: 10px;
	-webkit-appearance: none;-webkit-box-shadow: none;
	-moz-box-shadow: none;box-shadow: none;
	-webkit-transition: border .25s linear, color .25s linear;
	-moz-transition: border .25s linear, color .25s linear;
	-o-transition: border .25s linear, color .25s linear;
	transition: border .25s linear, color .25s linear;
	-webkit-backface-visibility: hidden;
}
.campo input{
	-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;
	font-family: Open Sans;width: 100%;
}
.campo textarea{
	width: 100%;resize: vertical;font-family:Open Sans;
	-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;
}
.campo input:focus,.campo textarea:focus{border-color: #DB2428;-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;}



.bt_enviar {
	display: inline-block;text-decoration: none;
	cursor: pointer;width: 144px;
	background-color: #4C4D51;color: #FFF;
	outline: none;-webkit-transition: 0.25s;
	-moz-transition: 0.25s;-o-transition: 0.25s;
	transition: 0.25s;-webkit-backface-visibility: hidden;
	font-size: 1.6em;line-height: 20px;padding: 15px 18px 13px;
	float:right;
}

.erro{position:absolute;right:1px;top:1px;width:100px;color:#fff;background:#8d8b8b;padding: 10px;text-align:center;}

/*
	Anexos
*/

#gallery-1 {
	width: 100%; -webkit-user-select: none; -moz-user-select: none;user-select: none;
	border:1px solid #DADADA;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	height:500px;
}
#gallery-1.rsDefault .rsThumb.rsNavSelected {
    background: #393b40;
}
#gallery-1.rsDefault .rsThumbsHor{
 
}


.contentor_anexos{display:block;width:100%;margin:0 0 40px 0;}
.contentor_anexos .title_anexos{display:block;background:#E3E4E9;margin:0 0 35px;height:44px}
.contentor_anexos .title_anexos span.first{
	float:left;height:44px;line-height:44px;color:#616161;padding:0 20px;background:#fff;border-top:2px solid #AF000D;
}
.lis_imgs ul li{float:left;width:30.30%;}
.lis_imgs ul li:nth-child(2), .lis_imgs ul li.marg{margin:0 4.5%}
.lis_imgs ul li a{display:block;}
.lis_imgs ul li a .img{width:100%;}
.lis_imgs ul li a img{display:block;max-width:100%}
.lis_imgs ul li a div{text-align:center;display:block;}
.lis_imgs ul li a .bold{font-size:13px;margin:20px 0 5px 0;color:#45494d}
.lis_imgs ul li a .desc{color:#9a9c9e}


.list_docs ul{display:block;}
.list_docs ul li{float:left;margin:0 35px 0 0;}
.list_docs ul li a{text-align:center}
.list_docs ul li img,.list_docs ul li span,.list_docs ul li a{display:block;}
.list_docs ul li span{color:#616161;margin:15px 0 0 0}


.links_relacionados{margin:70px 0 0 0;}
.links_relacionados .title{font-size:18px;margin:0 0 30px 0;}

.list_links ul {display:block;}
.list_links ul li{float:left;width:25%}
.list_links ul li a{
	display:block;color:#616161;font-size:1.2em;font-family:'Open Sans',Arial;
	padding:0 0 0 17px;background:url(/templates/layout_images/round1.png) left center no-repeat;
}


/*
* edita
*/
.edita{position:absolute;width:12px;height:11px;color:#000;background:url(/templates/images/ed1.jpg);z-index:1200;cursor:pointer;}
.edita:hover{background:url(/templates/images/ed2.jpg);}

/* localizacao */
#map_canvas{height:500px;margin-top:23px;border:5px solid #eaeaec}

@media only screen and (min-width: 1200px)
{ 
	.hor li > a {width: 750px;}
	.hor li > a .bl_desc {width: 540px;}
}

/* facebook post */
#face_post{width:100%;}
#face_post li{width:100%;margin-bottom:20px;padding-bottom:20px;border-bottom:1px dashed #afb7bf}
#face_post li:last-child{padding:0;margin:0;border:0}
#face_post li a{display:block;color:#596168}
#face_post li a .data{font-size:0.8em;color:#000;margin-bottom:5px;font-weight:bold}

/*block ie7 and ie8*/
.block_ie7{position:fixed;top:0;left:0;bottom:0;right:0;background:#000;opacity:0.7;z-index:666999;}
.container_ie7{width:492px;height:auto;padding:40px 70px;top:50%;left:50%;margin-left:-300px;margin-top:-276px;background:#fff url(/templates/images/no_ie/bck_no_ie.jpg) top repeat-x;z-index:666999;position:fixed;border-radius:20px}
.bl_brw{float:left;width:100%;height:100%}
.bl_brw .titulo{width:100%;height:100px;background:url(/templates/images/no_ie/no_ie_gestor.png) left top no-repeat}
.bl_brw ul.browsers{width:100%;margin-top:100px;list-style:none}
.bl_brw ul.browsers li{width:100%;height:50px;border-bottom:1px solid #dadada;padding-bottom:12px;margin-bottom:12px}
.bl_brw ul.browsers li a{float:left;width:100%;height:50px}
.bl_brw ul.browsers li a .img{float:left;width:50px;height:50px;background:url(/templates/images/no_ie/no_ie_icons.png) 0 0 no-repeat}
.bl_brw ul.browsers li a .text{float:left;margin-left:30px;width:214px;height:22px;background:url(/templates/images/no_ie/no_ie_text.png) 0 0 no-repeat;margin-top:15px}
.bl_brw ul.browsers li a .img.chrome{background-position:-80px 0}
.bl_brw ul.browsers li a .img.firefox{background-position:-80px -78px}
.bl_brw ul.browsers li a .img.safari{background-position:-80px -154px}
.bl_brw ul.browsers li a .img.ie{background-position:-80px -232px}
.bl_brw ul.browsers li a .text.chrome{background-position:0 0}
.bl_brw ul.browsers li a .text.firefox{background-position:0 -24px}
.bl_brw ul.browsers li a .text.safari{background-position:0 -45px}
.bl_brw ul.browsers li a .text.ie{background-position:0 -69px}
.bl_brw ul.browsers li.achrome:hover .img{background-position:0 0}
.bl_brw ul.browsers li.afirefox:hover .img{background-position:0 -78px}
.bl_brw ul.browsers li.asafari:hover .img{background-position:0 -154px}
.bl_brw ul.browsers li.aie:hover .img{background-position:0 -232px}

/************** 
* ALL HOVERS
**************/
.nomobile  .menu_desd li a:hover, .nomobile  .menu_desd li.act > a{
	color:#AF000D;background-image:url(/templates/layout_images/round.png)
}
.nomobile  .menu_desd li.sub  .st_desd:hover{background-position:0 -20px;}
.nomobile  #pastas li a:hover,#pastas li a.act{color:#AF000D;background-image:url(/templates/layout_images/round.png)}
.nomobile  #active_menu:hover{background-position:-35px 0;}
.nomobile  #menu_res .close:hover,.nomobile  #menu_res .back:hover{background: #AF000D;}
.nomobile  #menu_res .close:hover span.picto{background-position:-15px 0}

/*
#menu_res ul.menu li a:hover{background:#AF000D}
#menu_res #sub_menu_desd .menu_desd li a:hover{background:#AF000D}
*/
#menu_res ul.menu li a:hover{background:rgba(32,32,32,1)}
#menu_res #sub_menu_desd .menu_desd li a:hover{background:rgba(32,32,32,1)}


.nomobile  .paginacao a:hover{color:#21282b}
.nomobile  .voltar a:hover{background:#a9a9a9;color:#fff}
.nomobile  #site_map li a:hover{color:#000;}
.nomobile  #pesquisa_res li a:hover .titulo_pesquisa,
.nomobile  #pesquisa_res li a:hover .number{color:#af000c} 
.nomobile  .caminho a:hover{color:#AF000D}
.nomobile  .bt_enviar:hover {background-color:#AF000D}
.nomobile  .imagens_anexas ul li a:hover{opacity:0.8;}
.nomobile  .lis_imgs ul li a:hover .bold{color:#AF000D}
.nomobile  .list_docs ul li a:hover span{color:#AF000D;}
.nomobile  .list_links ul li a:hover{color:#AF000D;background-image:url(/templates/layout_images/round.png)}

.ral{    width: 100%;    color: #a3a2a2;    font-size: 0.8em;    margin-top:-25px;    line-height: 1.2em;    margin-bottom: 20px;}
.ral a{color:#a3a2a2}
.ral a:hover{color:#AF000D}

/************** 
* IPAD RESETS
**************/
input{-webkit-appearance: none;-webkit-border-radius:0;border-radius:0;}
 #menu li a .picto{
	background:url(/templates/layout_images/home2px.png) 0 0 no-repeat;
	background-size:18px 18px
}
#header .ct .bl .tel .picto {
	background:url(/templates/layout_images/phone.png) 0 0 no-repeat;
	background-size:28px 28px
}
#header .ct .bl .email .picto {
	width: 20px;height: 20px;position:relative;top:-5px;
	background:url(/templates/layout_images/email2px.png) 0 0 no-repeat;
	background-size:20px 20px
}
.pesquisa input[type='submit'] {
	background:url(/templates/layout_images/lupa2px.png) 0 0 no-repeat;
	background-size:30px 30px
}
/************** 
* media screen responsive
**************/
@media only screen and (max-width: 1120px)
{
	.ct{margin-left:2%;margin-right:2%}	
	#header .ct .bl .slogan{width:30%;font-size:2.2em;}
	#header .ct .bl .email {width: 38.5%;}
	.list ul li{width: 26.3%;	}
	.list.pr ul li{width: 26.47%;}
}
@media only screen and (max-width: 1051px)
{
	#header .ct .bl .email {width: 40.5%;}
	.list.pr ul li{width: 26%;}
}
@media only screen and (max-width: 1024px)
{
	#header .ct .bl .tel .text1{display:none}
	#header .ct .bl .tel{width: 30.5%;}
	#header .ct .bl .tel a{margin:0 0 0 6%}
	#header .ct .bl .email {width: 39.5%}
	
	.list ul li{width:43%;margin-right:0}
	.list.pr ul li{width: 43%;}
	.list ul li:nth-child(2n){float:right}
	
	.list.vista_horizontal ul li{width:100% !important;margin-right:0%;margin-bottom:5%}
	
	/*only mobile*/
	
	.mobile #header{margin:0 0 25px 0;}
	.mobile #menu ul{display:none}
	.mobile #menu{width:46%}
	.mobile #access{width:50%;}
	.mobile #active_menu{display:block}
	.mobile #container .col1,.mobile #container .col2{width:100%;float:none}
	.mobile #container .col1 .categorias{display:none}
	.mobile #container .col2{margin:0 0 25px 0}
	.mobile .list ul li{width:26.5%;margin-right:3.86%}
	.mobile .list.pr ul li{width: 26.4%;}
	.mobile .list ul li:nth-child(2n){float:left}
	.mobile .list ul li:nth-child(3n){margin-right:0}
	.mobile .bl_desdobravel.pastas{background:none;margin:0 0 25px 0}
	.mobile .bl_desdobravel.pastas .title_desdobravel{display:none}
	.mobile #pastas{padding:0}
	.mobile #pastas li{float:left;width:24.8%;margin:0 0.2% 0 0;margin-bottom:0.2%}
	.mobile #pastas li:nth-child(4n){margin-right:0}
	.mobile #pastas li a{
		padding:10px;background:#50545c;color:#fff;text-align:center;
		text-overflow: ellipsis;white-space: nowrap;overflow: hidden;
		margin:0
	}
	.mobile #pastas li a:hover,.mobile #pastas li a.act{background:#e2315e;color:#fff	}
	.mobile #map_canvas{margin-top:25px;}
}

@media only screen and (max-width: 960px)
{
	#menu li{width:22%;}
}
@media only screen and (max-width: 860px)
{
	#header .ct .bl .slogan{display:none}
	#header .ct .bl .tel{width:40%}
	#header .ct .bl .email {width:55%}
	#header{margin:0 0 25px 0;}
	
	#menu ul{display:none}
	#menu{width:46%}
	#access{width:50%;}
	#active_menu{display:block}
	#menu .am_fixed.fixed{display:block;}
	#container .col1,#container .col2{width:100%;float:none}
	#container .col1 .categorias{display:none}
	#container .col2{margin:0 0 25px 0}
	
	.list ul li, .mobile.list ul li{width:26.5%;margin-right:3.86%}
	.list.pr ul li, .mobile .list.pr ul li{width: 26.4%;}
	.list ul li:nth-child(2n), .mobile .list ul li:nth-child(2n){float:left}
	.list ul li:nth-child(3n), .mobile .list ul li:nth-child(3n){margin-right:0}
	
	.bl_desdobravel.pastas{background:none;margin:0 0 25px 0}
	.bl_desdobravel.pastas .title_desdobravel{display:none}
	#pastas{padding:0}
	#pastas li{float:left;width:24.8%;margin:0 0.2% 0 0;margin-bottom:0.2%}
	#pastas li:nth-child(4n){margin-right:0}
	#pastas li a{
		padding:10px;background:#50545c;color:#fff;text-align:center;
		text-overflow: ellipsis;white-space: nowrap;overflow: hidden;
		margin:0
	}
	#pastas li a:hover,#pastas li a.act{background:#e2315e;color:#fff	}
	#map_canvas{margin-top:25px;}
	


}
@media only screen and (max-width: 805px)
{
	.list ul li, .mobile .list ul li{width:26.4%;}
}
@media only screen and (max-width: 700px)
{
	#header .ct .bl .picto{display:none}
	
}
@media only screen and (max-width:720px)
{
	.list ul li .bt{width:100%;	width: calc(100% - 20px);	}
	.list ul li .bt.enc_list{margin-top:20px;}
	.list ul li.esg .presg{margin-top:20px;width: calc(100% - 20px);}
}
@media only screen and (max-width:640px)
{
	#footer .ct a.top{right:50%;top:20px;margin:0 -13px 0 0}
	#footer .ct .content{padding-top:80px;}
	#footer ul li.sep{margin:0 5%;}
	.campo {width: 100%;margin-right:0 !important;margin-left:0 !important;}
}
@media only screen and (max-width:630px)
{
	.list.pr ul li, .mobile .list.pr ul li{width: 26%;}
}

@media only screen and (max-width: 600px)
{
	.list ul li, .mobile .list ul li{width:43%;margin-right:0}
	.list.pr ul li, .mobile .list.pr ul li{width: 43%;}
	.list ul li:nth-child(2n), .mobile .list ul li:nth-child(2n){float:right}
	.list ul li .bt{text-align:center	}
	
}
@media only screen and (max-width: 560px)
{
	#header .ct .bl .tel, #header .ct .bl .email{width:100%}
	#header .ct .bl .tel a{float:right}
	
	#pastas li{float:left;width:33.2%;}
	#pastas li:nth-child(4n){margin-right:0.2%}
	#pastas li:nth-child(3n){margin-right:0}
}
@media only screen and (max-width: 530px)
{
	#footer .menu_footer{display:none}
	#footer .ct .copy{float:none;width:100%;}
	#footer .ct .dev{margin:20px;}
}
@media only screen and (max-width: 500px)
{
	.list ul li,.mobile .list ul li,.list.pr ul li,.mobile .list.pr ul li{width:96%;float:none !important;}
}

@media only screen and (max-width: 420px)
{
	#header .ct .col1 {width: 100%;margin:0 0 20px 0}
	#header .ct .col2 {width: 100%;}
	#header .bl_pesquisa {margin:0 0 20px 0}
	#header .col2 .bl{display:none}
	.pesquisa {width:96%;padding: 2%;}
	#header .bl_pesquisa {margin: 0 0 0 0;}
	.pesquisa input[type='text']{width:80%;}
	.pesquisa input[type='submit']{float:right}
	#header .bl_menu {margin-top: 3px;}
	
	#menu{width:36%}
	#access{width:60%;}
	
	#pastas li{float:left;width:49.9%;}
	#pastas li:nth-child(4n){margin-right:0.2%}
	#pastas li:nth-child(3n){margin-right:0.2%}
	#pastas li:nth-child(2n){margin-right:0}
	.ral {   margin-top: -13px; }
	
}
@media only screen and (max-width: 395px)
{
	#footer ul.sub li{float:none;width:100%;margin-bottom:20px;}
	#footer .ct .content{padding: 80px 30px 50px 30px;}
	#footer .ct .line_sep{margin:20px 0 20px 0;}
	#footer ul.sub li.sep{display:none;}
}
@media only screen and (max-width: 375px)
{
	#access .area .picto{display:none}
}
@media only screen and (max-width: 330px)
{
	#access .area .picto{display:none}
	#access a {width: 30%;}
	#access .area {width: 60%;}
}/* body bottom offset -- devido a barra da loja */
body{/*padding-bottom:130px;*/}
#overlay{position:fixed;top:0px;left:0px;right:0px;bottom:0px;background:rgba(0,0,0,0.5);z-index:2000;}
.loja_display_bar{
	position:fixed;bottom:0px;left:0px;right:0px;border-top:1px solid #b7b7b7;	
	background: -webkit-gradient(linear, 0% 0%, 0% 40%, from(#EEE), to(#FFFFFF)); 
	background: -webkit-gradient(linear, 0% 0%, 0% 40%, from(#EEE), to(#FFFFFF)); 
	-webkit-box-shadow:0px 0 50px #ccc;-moz-box-shadow:0px 0 50px #ccc; box-shadow:0px 0 50px #ccc;	
	background: #ffffff; /* Old browsers */	
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjNmM2YzYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #ffffff 0%, #c6c6c6 100%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#c6c6c6)); 
	background: -webkit-linear-gradient(top,  #ffffff 0%,#c6c6c6 100%);
	background: -o-linear-gradient(top,  #ffffff 0%,#c6c6c6 100%);
	background: -ms-linear-gradient(top,  #ffffff 0%,#c6c6c6 100%);
	background: linear-gradient(to bottom,  #ffffff 0%,#c6c6c6 100%);
	z-index:1999;
}

.loja_display_bar div.centro{position:relative;width:960px;height:30px;left:50%;margin-left:-480px;}
#loja_display{top:2%;left:0px;right:0px;height:auto;font-family:trebuchet MS;}
#loja_display {
	position:absolute;max-width:900px;height:auto;padding:2%;margin:0 auto 30px auto;
	-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px; 		
	background: #fff;z-index:2110;	
}

.box{
    background:#fefefe;border: 1px solid #C3D4DB;border-top:1px;   
    -moz-box-shadow:rgba(0,0,0,0.3) 0 0 15px;-webkit-box-shadow:rgba(0,0,0,0.3) 0 0 15px;
    box-shadow:rgba(0,0,0,0.3) 0 0 15px; color:#444;font:normal 12px/14px Arial, Helvetica, Sans-serif;
    margin:0 auto 30px;overflow:hidden;
}
.box.login{position:fixed;height:auto;width:420px;left:50%;top:40%;margin:-130px 0 0 -210px;background:red;z-index:2110;}
.boxBody{background:#fefefe;border-top:1px solid #dde0e8;border-bottom:1px solid #dde0e8;padding:10px 20px;}
.boxBody .img_login{float:right;width:145px;margin-top:10px;}

.box footer{background:#ECECEC;border-top:1px solid #fff;padding:22px 26px;overflow:hidden;height:32px;}
.box label{display:block;font:14px/22px Arial, Helvetica, Sans-serif;margin:10px 0 0 6px;}
.box footer label{float:right;margin:4px 0 0;}
.box footer input[type=checkbox]{vertical-align:sub;*vertical-align:middle;margin-right:10px;}
.box input[type=text],.box input[type=password],.box .im,.txtField,.cjComboBox{
    border:6px solid #F7F9FA;-webkit-border-radius:3px; -moz-border-radius:3px;  border-radius:3px;
    -moz-box-shadow:2px 3px 3px rgba(0, 0, 0, 0.06) inset, 0 0 1px #95a2a7 inset;
    -webkit-box-shadow:2px 3px 3px rgba(0, 0, 0, 0.06) inset, 0 0 1px #95a2a7 inset;
    box-shadow:2px 3px 3px rgba(0, 0, 0, 0.06) inset, 0 0 1px #95a2a7 inset;
    margin:3px 0 4px;padding:8px 6px;width:170px;display:block;
}
.box .im{width:auto;padding:0px;margin-top:10px;}
.box input[type=text]:focus,.box input[type=password]:focus,.txtField:focus,.cjComboBox:focus
{
    border-color:#e05a7c; -moz-box-shadow:2px 3px 3px rgba(0, 0, 0, 0.04) inset, 0 0 1px #0d6db6 inset;
    -webkit-box-shadow:2px 3px 3px rgba(0, 0, 0, 0.04) inset, 0 0 1px #0d6db6 inset; box-shadow:2px 3px 3px rgba(0, 0, 0, 0.04) inset, 0 0 1px #0d6db6 inset;color:#333;
	-webkit-transition: all 100ms ease-in-out;-moz-transition: all 100ms ease-in-out;-o-transition: all 100ms ease-in-out;-ms-transition: all 100ms ease-in-out;transition: all 100ms ease-in-out;
}
.cjComboBox{width:294px;}
.cjComboBox.small{padding:3px 2px 3px 6px;width:100px;border-width:3px !important;}
.txtField.small{padding:3px 6px;width:200px;border-width:3px !important;}
.rLink{padding:0 6px 0 0; font-size:11px; float:right;}
.box a{color:#999;}
.box a:active{color:#f84747;}
.btnLogin
{
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    border-radius:15px;
    background:#AF000D;
     background:-moz-linear-gradient(top, #e05a7c, #AF000D);
    background:-webkit-gradient(linear, left top, left bottom, from(#e05a7c), to(AF000D));
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#e05a7c', EndColorStr='#AF000D')";
    border:1px solid #7db0cc !important;
    cursor: pointer;
    padding:11px 16px;
    font:bold 11px/14px Verdana, Tahomma, Geneva;
    text-shadow:rgba(0,0,0,0.2) 0 1px 0px; 
    color:#fff;
    -moz-box-shadow:inset rgba(255,255,255,0.6) 0 1px 1px, rgba(0,0,0,0.1) 0 1px 1px;
    -webkit-box-shadow:inset rgba(255,255,255,0.6) 0 1px 1px, rgba(0,0,0,0.1) 0 1px 1px;
    box-shadow:inset rgba(255,255,255,0.6) 0 1px 1px, rgba(0,0,0,0.1) 0 1px 1px;
    margin:10px 0px 0px 0px;
    float:left;
	padding:7px 21px;
}



.btnLogin:active
{
    text-shadow:rgba(0,0,0,0.3) 0 -1px 0px; 
}

.btnSair {
	position: absolute;top: 3px;right: 3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;color: #ffffff;padding: 0 3px;cursor: pointer;
	background: -moz-linear-gradient(top,#afafaf 0%,#676767);
	background: -webkit-gradient(linear, left top, left bottom, from(#afafaf),	 to(#676767));
	-moz-border-radius: 15px;-webkit-border-radius: 15px;border-radius: 15px;
}


#loja_display .text_info{display:block;margin:0 0 20px 0}
#list_clientes{display:block;width:100%;}
#list_clientes .row_list{
	display:block;width:100%;padding:10px 0;
	border-bottom:1px solid #dadada
}
#list_clientes .cl{float:left;width:27%;min-height: 10px;padding:0 1%}
#list_clientes .cl.cl1{width:6%;padding:0 1%}
#list_clientes .cl.cl4{width:15%;padding:0 1%}
#list_clientes .cl.cl5{width:15%;padding:0 1%}
#list_clientes .list_cl{
	cursor:pointer;
	-webkit-transition: all 100ms ease-in-out;-moz-transition: all 100ms ease-in-out;-o-transition: all 100ms ease-in-out;-ms-transition: all 100ms ease-in-out;transition: all 100ms ease-in-out;
}

#list_clientes .list_cl.select{background:rgba(175,0,12,0.8);color:#fff}




footer#main{
	position:fixed;
	left:0;
	bottom:10px;
	text-align:center;
	font:normal 11px/16px Arial, Helvetica, sans-serif;
	width:100%;
}
footer #lon_msg{
	float:left;
	width:140px;
	height:40px;	
	margin-left:130px;
	font-size:16px;
	line-height:16px;	
}
footer #lon_msg span{font-size:10px;}

footer.fdis{background:#dfdfdf;}


/*
AREA SERSERVADA
*/

#msg{	
	height:60px;min-height:50px;position:fixed;
	top:0;left:50%;right:0px;width:60%;margin:0 0 0 -35%;
	padding: 30px 30px 30px 104px;font-size:14px;	
	background:#535353 url(/templates/images/info.png) 20px center no-repeat;
	color:#fff;z-index:2200;font-family:trebuchet MS;	
	-webkit-border-bottom-right-radius: 20px;-webkit-border-bottom-left-radius: 20px;
	-moz-border-radius-bottomright: 20px;-moz-border-radius-bottomleft: 20px;
	border-bottom-right-radius: 20px;border-bottom-left-radius: 20px;
	-webkit-transform: translateY(-100%);-moz-transform: translateY(-100%);-o-transform: translateY(-100%);
	-ms-transform: translateY(-100%);transform: translateY(-100%);
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);
	-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;
	opacity:0;
}
#msg.active{
	-webkit-transform: translateY(0%);-moz-transform: translateY(0%);
	-o-transform: translateY(0%);
	-ms-transform: translateY(0%);transform: translateY(0%);opacity:1;
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=1)";filter: alpha(opacity=1);
}	
#msg strong {font-size:16px;}

.input_login{	
	width:200px;
	min-height:24px;
	line-height:24px;
	padding:7px ;
	margin-bottom:5px;
	background:#e6f0f7;
	border-radius:5px;
	position:relative;
	left:0px;
	margin-bottom:10px;
	border:1px solid #dadada;
	font-size:12px;
	font-weight:bold;
	color:#575757;
	
}
.user
{
	font-weight:bold;
	font-size:14px;
	color:#636363;
}

.submeter
{

}

.submeter input
{
	width:210px;
	min-height:24px;
	line-height:24px;
	padding:7px ;
	margin-bottom:5px;
	background:#7ea349;
	border-radius:5px;
	position:relative;
	left:0px;
	margin-bottom:10px;
	border:1px solid #8c8c8c;
	font-size:16px;
	font-weight:bold;
	color:#fff;
	cursor:pointer;
}



.th_bold
{
	font-family:tahoma;
	font-weight:bold;
	cursor:pointer;
}



.loja_contentor
{
top:0px;
left:0px;
right:0px;
}

.contentor_lista_compras{padding:20px;}

.loja_vc_sep{float:left;width:13%;height:auto;font-size:12px;margin-right:2%;padding-top:5px;}
.loja_vc_sep.price{text-align:right;}
.loja_vc_sep span{font-size:10px;color:#646464;}
.loja_vc_sep strong{font-size:12px;color:#000;}
.loja_vc_sep{}
.w60{width:8%}
.w380{width:32%}
.w150{width:17%}
.w40{width:5%}
.w500{width:83%;}
.w100{width:100%;margin:0}

/*
.w300{width:180px;}

.w25{width:25px;}
.w80{width:80px;}
*/

.fs14{font-size:14px;color:#828282;}
.fs16{font-size:16px;}
.fs18{font-size:18px;}
.fs12{font-size: 12px;}
.nb{border:none;	font-size:10px;
}
.cto
{
color:#9ecc30;;
}
.cinza
{
	background:#dadada;
}
.row
{
	width:100%;
	float:left;
	margin-bottom:2px;
	padding-bottom:4px;
	height:auto;		
	font-size:5px;
}
.row.iva{
	border-top:1px dashed #000;padding:5px 0;

}
.row.iva .fs12{font-size:12px}

.row input
{
	width:90px;
	min-height:0px;
	line-height:24px;
	padding:1px ;
	margin-bottom:5px;
	background:#fff;
	border-radius:5px;
	position:relative;
	left:0px;
	margin-bottom:10px;
	border:2px solid #8c8c8c;	
	font-weight:bold;
	font-size:12px;
	color:#000;
	top:-5px;
	text-align:center;
}
.row textarea{
	display:block;margin:10px 0 0 0;resize: none;width:100%;
	height:150px;font-family:'Arial';font-size:11px;padding:10px;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

.button, .loja_concluir{
   border-top: 1px solid #96d1f8;
   background: #af000c;
   background: -webkit-gradient(linear, left top, left bottom, from(#af000c), to(#ed0b1b));
   background: -webkit-linear-gradient(top, #af000c, #ed0b1b);
   background: -moz-linear-gradient(top, #af000c, #ed0b1b);
   background: -ms-linear-gradient(top, #af000c, #ed0b1b);
   background: -o-linear-gradient(top, #af000c, #ed0b1b);
   padding: 8px 16px;
   -webkit-border-radius: 9px;
   -moz-border-radius: 9px;
   border-radius: 9px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   font-size: 13px;
   text-decoration: none;
   vertical-align: middle;
  }

.button:active {
   border-top-color: #1b435e;
   background: #1b435e;
   }

   
.cancelar{
   border-top: 1px solid #eeeeee;   
   background: #dadada;
   background: -webkit-gradient(linear, left top, left bottom, from(#dadada), to(#eeeeee));
   background: -webkit-linear-gradient(top, #dadada, #eeeeee);
   background: -moz-linear-gradient(top, #dadada, #eeeeee);
   background: -ms-linear-gradient(top, #dadada, #eeeeee);
   background: -o-linear-gradient(top, #dadada, #eeeeee);
   padding: 8px 16px;
   -webkit-border-radius: 9px;
   -moz-border-radius: 9px;
   border-radius: 9px;
   -webkit-box-shadow: #dadada 0 1px 0;
   -moz-box-shadow: #dadada 0 1px 0;
   box-shadow: #dadada 0 1px 0;
   color:#c5c5c5;
}   

.enviar
{
	font-size:16px;
	width:200px;
	text-align:center;
	font-weight:bold;
}


.salva
{	position:relative;
	top:-37px;
	left:68px;
	width:16px;
	height:16px;
	background:url(/templates/images/salvar.png) 0px 0px;
	z-index:10;
	cursor:pointer;
}

.apaga, .salva1
{
	float:left;
	width:17px;
	height:16px;
	background:url(/templates/images/delete.png) center 0px no-repeat;	
	cursor:pointer;
}
.salva1
{
	background:url(/templates/images/salvar.png) center 0px no-repeat;	
	margin-right:25%
}
.loja_titulo
{
	left:0px;
	right:0px;
	border-radius:3px;
	margin-bottom:20px;
	padding:10px;
	background:rgba(175,0,12,0.8);
	color:#fff;
	font-size:14px;
	font-weight:bold;
	
}

.loja_concluir
{
	float:right;
	padding:5px;
	border-radius:5px;
	margin:20px 0px 0px 20px;;
	padding:10px;
	cursor:pointer;
	
}

.content_info_loja{
	display:block;width:100%;height:220px;position:relative;
}
.loja_info_temp{padding:30px 25px 5px 25px;display:block}

.loja_info{}
.loja_info a{float:right;color:#616161;font-size:11px;margin:0 25px 0 0;}
.loja_info a span{
	float:left;width:11px;height:15px;background-position:-95px -34px;
	margin:0 10px 0 0;
}


.loja_info .area{display:block}
.loja_info .area{
	-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;
	overflow:hidden;margin:7px 0 0 0;
}
.loja_info .area span{float:left;}
.loja_info .area span.picto{	
	width:18%;height:35px;background-position:-27px -41px;
	background-color:#616161;
}
.loja_info .area span.text{
	background:#d4d4d4;height:35px;width:82%;line-height:35px;
	text-align:center;cursor:pointer;
}

.loja_info,.user_info{}
.loja_info{margin-bottom:20px;}
.loja_info strong{float:right;}

.loja_info ul li .nome{width:55%;height:auto;line-height:20px}


.loja_bt{}
.loja_bt:hover{}

.campo_user{
	width:100%;margin-bottom:10px;border-bottom:1px solid #DADADA;padding:0 0 10px 0;margin:0 0 10px 0;position:relative
}
.campo_user strong, .campo_user span, .campo_user input, .campo_user select{display:inline-block;width:70%;margin:0}
.campo_user select{border:0}
.campo_user strong{width:25%;height:15px;line-height:15px;border-right:1px solid #DADADA;margin-right:20px}

.campo_user span{color:#7a7a7a}


.acesso{width:100%;height:auto}
.acesso .terminar{width:auto;margin-top:5px;color:#000;display:block;}

#fechar_janela, #guardar_user_dados{float:right;cursor:pointer}


/********************
* 	LOJA ON LINE , corpo do artigo
*********************/

#loja_online .col1{width:100%;margin-bottom:25px;position:relative}
#loja_online .col2{width:100%}

.list_loja{width:100%;}
.list_loja li{border-bottom:1px solid #e3e3e3;}
.list_loja li div{float:left;height:30px;line-height:30px;font-size:0.9em;text-transform:uppercase}


.list_loja li div.valor{float:right;font-weight:bold;}
.list_loja li.preco{height:40px;line-height:40px;padding:15px 0;}
.list_loja li.preco div.nome{height:40px;line-height:40px;}
.list_loja li.preco .valor{
	font-size:15px;background:#b20b15;padding:5px 15px;
	-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;
	color:#fff;font-weight:normal;
}
.list_loja li.qtd{height:auto;padding:10px 0;}
.list_loja li.qtd .valor input{
	border:1px solid #e3e3e3;width:100px;height:30px;
	text-align:center;color:#dbdbdd
}
.list_loja li.qtd .valor input:focus{border-color:#af000c;color:#616161}

.list_loja li.bt{height:auto;border:0;padding:10px 0 0 0}
.list_loja li.bt .valor{height:auto;line-height:20px;}
.list_loja li .valor #submete_vcc, #novo_produto{
	cursor:pointer;height:auto;line-height:20px;
	color: #8b959f;padding: 6px 10px;
	background: -moz-linear-gradient(top,#f1f1f5 0%,#dfe4e8);
	background: -webkit-gradient(linear, left top, left bottom, from(#f1f1f5),to(#dfe4e8));
	-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;border: 1px solid #f5f5f8;
	-moz-box-shadow:0px 1px 3px rgba(000,000,000,0.5);
	-webkit-box-shadow:0px 1px 3px rgba(000,000,000,0.5);
	box-shadow:0px 1px 3px rgba(000,000,000,0.5);
}

#novo_produto {float: right;margin:20px 0 0 0}
.loja_info .list_loja li{border-bottom:1px solid #f3f4f8}
.user_info .erro{top: -4px;right:0;padding-left:20px;padding-right:20px;}

#lon_footer{position:relative;}
#lon_footer .requisitar_acesso{position:absolute;left:26px;top:46px}

.list_loja li div.esg{padding:5px 10px;background:#b20b15;color:#fff}
.list_loja.esg li.preco .valor{
	background:#C9CACE
	
}

/************** 
* ALL HOVERS
**************/
.nomobile  .box a:hover, .nomobile  .box a:focus{text-decoration:underline;}
.nomobile  .btnLogin:hover,
.nomobile  .btnLogin:focus,
.nomobile .btnLogin:active{
    background:#AF000D;   
	background:-moz-linear-gradient(top, #AF000D, #e05a7c);
    background:-webkit-gradient(linear, left top, left bottom, from(#AF000D), to(#e05a7c));
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#AF000D', EndColorStr='#e05a7c')";
}
.nomobile .btnSair:hover {background: -moz-linear-gradient(top,#676767 0%,#afafaf);background: -webkit-gradient(linear, left top, left bottom, from(#676767),	 to(#afafaf));}
.nomobile #list_clientes .list_cl:hover{background:#F0F0F0;}
.nomobile .submeter input:hover{background:#a5d660;color:#575757;}
.nomobile .th_bold:hover{color:#fff;}
.nomobile .row.hv:hover,.row.hv:hover strong,
.nomobile .row.hv:hover span{background:#7C7C7C;color:#fff;}
.nomobile .button:hover {  border-top-color: #28597a; background: #28597a; color: #ccc;}
.nomobile .cancelar:hover{color:#fff;}
.nomobile .loja_concluir:hover{background:#7ea349;}
.nomobile .loja_info a:hover{color:#af000c}
.nomobile .loja_info .area span.text:hover{background:#af000c;color:#fff}
.nomobile .acesso .terminar:hover{color:#9ECC30}
.nomobile #fechar_janela:hover,
.nomobile #guardar_user_dados:hover{background: #7EA349;color:#fff}
.nomobile .list_loja li .valor #submete_vcc:hover,
.nomobile #novo_produto:hover{
	background: -moz-linear-gradient(top,#dfe4e8 0%,#f1f1f5);
	background: -webkit-gradient(linear, left top, left bottom, from(#dfe4e8),to(#f1f1f5));
}



@media only screen and (max-width: 1024px)
{
	.loja_info .area span.picto{width:20%;}
	.loja_info .area span.text{width:80%;}
	
	.mobile #loja_online .col1{width:100%;float:none !important;}
	.mobile #loja_online .col2{width:100%;float:none !important}
	.mobile #gallery-1 {width: 100%;}
	.mobile .btnSair {font-size: 12px;padding: 5px 10px;cursor: pointer;}
	.mobile .loja_info .area span.picto{display:none}
	.mobile .loja_info .area span.text{width:100%;height:auto}
}
@media only screen and (max-width: 960px)
{
	.btnSair {font-size: 12px;padding: 5px 10px;cursor: pointer;}
	.loja_info .area span.picto{display:none}
	.loja_info .area span.text{width:100%;height:auto}
}
@media only screen and (max-width: 860px)
{
	#loja_online .col1{width:100%;float:none !important;}
	#loja_online .col2{width:100%;float:none !important}
	#gallery-1 {width: 100%;}
}
@media only screen and (max-width: 660px)
{
	#msg{left: 46%;}
	.campo_user strong, .campo_user span, .campo_user input{width:60%;}
	.campo_user strong{width:35%;}
}
@media only screen and (max-width: 620px)
{
	.loja_vc_sep{width:23%}
	.loja_vc_sep.w380{width:76%;}
	.loja_vc_sep.ref{width:20%;}
	.loja_vc_sep.w60 {width: 20%;}
	.loja_vc_sep.w60.qt {margin-top:8px}
	.loja_vc_sep.w150 {width: 26%;}
	.loja_vc_sep.w500 {width:48%}
}
@media only screen and (max-width: 550px)
{
	#cancelar_encomenda{margin-right: 50%;}
}
@media only screen and (max-width: 480px)
{
	#msg{left: 43%;}
	#loja_display {padding:5%;top:0}
	.campo_user strong, .campo_user span, .campo_user input{width:50%;}
	.campo_user strong{width:40%;}
}
@media only screen and (max-width: 460px)
{
	#msg{
		width:75%;left: 43%;background-image:none;
		padding:30px;
	}
}
@media only screen and (max-width: 450px)
{
	.box.login {width: 254px;top: 40%;margin: -130px 0 0 -125px;}
	.boxBody .img_login{display:none}
	footer #lon_msg{display:none}
	#lon_user.error,#lon_pass.error{border-color:#ff0c00}
}
@media only screen and (max-width: 380px)
{
	#msg{left:0;right:0;width: 84%;padding:8%;height:auto;margin: 0;}
}