@charset "utf-8";
/*
Theme Name: Emplasmyl Embalagens
Description: Tema exclusivo do site Emplasmyl Embalagens
Version: 1.0
Author: Agência DDA
Author URI: http://www.agenciadda.com.br
*/

*{margin:0;padding:0;}
body{font:12px Verdana, Arial, Helvetica, sans-serif;color:#000;}
a:active, a:focus{outline:none;}
a{text-decoration:none;color:#0199CC;}
a:hover{text-decoration:underline;}

#wrapper_page{width:834px;margin:0px auto;}
#wrapper{
	width:824px;
	padding:4px;
	float:left;
	background:#FFFFFF;
	border:#0199CC 1px solid;
	text-align:left;
}

/* TOPO */
#header{width:824px;height:151px;float:left;background:url(images/img_sprites.jpg) no-repeat 0 -302px;}

#logo{width:315px;height:70px;float:left;margin:19px 0 0 16px;}
#logo h2{width:315px;height:70px;float:left;}
#logo h2 a{width:315px;height:70px;float:left;overflow:hidden;text-indent:-99999px;}

#menu{width:458px;height:151px;float:right;}
#menu ul{width:458px;height:151px;float:left;list-style:none;}
#menu ul li{height:151px;float:left;display:inline-block;}
#menu ul li a{height:151px;float:left;background:url(images/img_sprites.jpg) no-repeat;overflow:hidden;text-indent:-99999px;}
#menu ul #li_home a{width:85px;background-position:0 0;}
#menu ul #li_home a:hover{background-position:0 -151px;}
#menu ul #li_empresa a{width:92px;background-position:-85px 0;}
#menu ul #li_empresa a:hover{background-position:-85px -151px;}
#menu ul #li_produtos a{width:92px;background-position:-176px 0;}
#menu ul #li_produtos a:hover{background-position:-176px -151px;}
#menu ul #li_meio-ambiente a{width:92px;background-position:-267px 0;}
#menu ul #li_meio-ambiente a:hover{background-position:-267px -151px;}
#menu ul #li_contato a{width:97px;background-position:-359px 0;}
#menu ul #li_contato a:hover{background-position:-359px -151px;}


/* CONTEÚDO */
#container_content{width:792px;padding:15px;float:left;background:#55b4f6;border:#49a5cc 1px solid;}
#page-subtitle{float:left;margin:-43px 0 0 0;font-size:16px;color:#0199CC;}
#content{width:770px;padding:10px;float:left;background:#FFF;border:#49a5cc 1px solid;}

/* HOME */
.home #box_institucional{width:770px;float:left;margin:0 0 10px 0;}
.home #box_institucional h1{width:770px;height:auto;padding:0;float:left;background:none;font-size:12px;color:#0199CC;line-height:18px;}
.home #box_institucional p{width:770px;float:left;color:#0199CC;}
.home #box_institucional p a{float:none;margin:0;}
.home #box_institucional a{float:left;margin:10px 0 0 0;font-weight:bold;}
.home #box_institucional span{float:right;margin:10px 0 0 0;font-weight:bold;color:#0199CC;}

.home h1{
	width:368px;
	height:30px;
	padding:0 0 0 15px;
	float:left;
	background:url(images/img_sprites.jpg) no-repeat -458px 0;
	font-size:15px;
	color:#FFF;
	line-height:30px;
}
.home h1 a{color:#FFF;}
.home h1 small{font-size:12px;font-weight:normal;}

.home div .container{width:371px;float:left;margin:4px;border:#f4f4f4 2px solid;}

.home #box_products{width:382px;float:left;margin:0;}
.home #box_products .container{height:178px;overflow:hidden;}
.home #box_products .container #products-carousel{width:10000px;height:178px;float:left;position:relative;list-style:none;}
.home #box_products .container #products-carousel li{width:150px;height:178px;float:left; margin-right:10px;}
.home #box_products .jcarousel-prev{
	width:40px;
	height:39px;
	position:absolute;
	top:75px;
	left:5px;
	background:url(images/arrows.png) no-repeat 0 0 !important;
	z-index:10;
	cursor:pointer;
}
.home #box_products .jcarousel-prev.jcarousel-prev-disabled{opacity:0.3;}
.home #box_products .jcarousel-next{
	width:40px;
	height:39px;
	position:absolute;
	top:75px;
	right:5px;
	background:url(images/arrows.png) no-repeat -40px 0 !important;
	z-index:10;
	cursor:pointer;
}
.home #box_products .jcarousel-next.jcarousel-next-disabled{opacity:0.3;}
.home #box_products .jcarousel-clip{width:100%;float:left;z-index:1;}

.home #box_contact{width:382px;float:right;margin:0;}
.home #box_contact .container{height:178px;background:url(images/img_sprites.jpg) no-repeat -625px -60px;}
.home #box_contact p{width:150px;float:right;margin:15px 5px 0 0;font-weight:bold;}
.home #box_contact a.btn_orcamento{
	width:126px;
	height:45px;
	float:right;
	clear:both;
	margin:30px 15px 0 0;
	background:url(images/img_sprites.jpg) no-repeat -458px -60px;
	overflow:hidden;
	text-indent:-99999px;
}

.home #box_ecobags{width:382px;float:left;margin:10px 0 10px 0;}
.home #box_ecobags h1{background:url(images/img_sprites.jpg) no-repeat -458px -30px;}
.home #box_ecobags .container{height:113px;position:relative;background:url(images/back_ecobags.jpg) no-repeat 0 0;}
.home #box_ecobags .container a{
	width:371px;
	height:24px;
	float:left;
	position:absolute;
	bottom:0;
	left:0;
	background:#128640;
	opacity:0.9;
	text-align:center;
	font-weight:bold;
	color:#FFF;
	line-height:24px;
}

.home #box_newsletter{width:382px;float:right;margin:10px 0 10px 0;}
.home #box_newsletter .container{height:113px;}
.home #box_newsletter .container span{
	width:111px;
	height:111px;
	float:left;
	margin:1px 0 0 3px;
	background:url(images/img_sprites.jpg) no-repeat -458px -105px;
}
.home #box_newsletter .container form{width:247px;float:right;margin:17px 10px 0 0;}
.home #box_newsletter .container form #emailInput{
	width:203px;
	padding:0 5px 0 5px;
	height:20px;
	float:left;
	border:#7f9db9 1px solid;
	font:12px Verdana, Arial, Helvetica, sans-serif;
	color:#777;
}
.home #box_newsletter .container form #bt{
	width:27px;
	height:22px;
	float:right;
	background:#262626;
	border:none;
	cursor:pointer;
	font:12px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#FFF;
}
.home #box_newsletter .container form #bt:hover{background:#D91902;}
.home #box_newsletter .container p{width:210px;float:right;margin:15px 10px 0 0;text-align:right;font-weight:bold;color:#0199CC;}

/* EMPRESA */
.company h1{
	width:368px;
	height:30px;
	padding:0 0 0 15px;
	float:left;
	margin:20px 0 0 0;
	background:url(images/img_sprites.jpg) no-repeat -458px 0;
	font-size:15px;
	color:#FFF;
	line-height:30px;
}
.company p{width:760px;float:left;margin:20px 0 0 0;color:#0199CC;}
.company p a{color:#0199CC;}
.company img{float:right;}

/* PRODUTOS */
.products h1{
	height:30px;
	padding:0 0 0 15px;
	float:left;
	clear:both;
	margin:5px 0 0 0;
	font-size:16px;
	color:#0199CC;
	line-height:30px;
}
.products h2{
	width:100%;
	padding:5px 0 5px 0;
	float:left;
	margin:20px 0 10px 0;
	border-top:#0199CC 3px dotted;
	border-bottom:#0199CC 3px dotted;
	font-size:18px;
	font-weight:bold;
	text-align:center;
	color:#0199CC;
}
.products p{width:100%;float:left;margin:20px 0 0 0;color:#000;}
.accordion{width:100%;float:left;margin:20px 0 0 0;border:#C4C4C4 1px solid;border-top:none;}
.accordion h3{
	width:730px;
	padding:8px 20px 8px 20px;
	float:left;
	background:#E3E2E2;
	border-top:#C4C4C4 1px solid;
	font:14px Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#0199CC;
}
.accordion h3 span{width:16px;height:16px;float:right;background:url(images/img_sprites.jpg) no-repeat -458px -229px;}
.accordion h3.active span{background-position:-474px -229px;}
.accordion .container_product-desc{width:730px;padding:8px 20px 8px 20px;float:left;background:#F7F7F7;}

/* MEIO AMBIENTE */
.enviroment h1{
	height:30px;
	padding:0 0 0 15px;
	float:left;
	clear:both;
	margin:5px 0 0 0;
	font-size:16px;
	color:#0199CC;
	line-height:30px;
}
.enviroment h2{
	width:100%;
	padding:5px 0 5px 0;
	float:left;
	margin:20px 0 10px 0;
	border-top:#0199CC 3px dotted;
	border-bottom:#0199CC 3px dotted;
	font-size:18px;
	font-weight:bold;
	text-align:center;
	color:#0199CC;
}
.enviroment h3{width:100%;float:left;margin:0;font-size:12px;font-weight:bold;color:#000;}
.enviroment p{width:100%;float:left;margin:20px 0 0 0;color:#000;}
.enviroment p br{clear:left;margin:0 0 20px 0;}
.enviroment ul{width:97%;float:left;margin:20px 0 0 20px;color:#000;}

/* CONTATO */
.contact h1{
	height:30px;
	padding:0 0 0 15px;
	float:left;
	clear:both;
	margin:5px 0 0 0;
	font-size:16px;
	color:#0199CC;
	line-height:30px;
}
.contact p{width:100%;float:left;margin:20px 0 0 0;color:#000;}

/* PAGES */
.page h1{
	height:30px;
	padding:0 0 0 15px;
	float:left;
	clear:both;
	margin:5px 0 0 0;
	font-size:16px;
	color:#0199CC;
	line-height:30px;
}
.page p{width:100%;float:left;margin:20px 0 0 0;color:#000;}

/* 404 */
.page_erro h1{
	height:30px;
	padding:0 0 0 15px;
	float:left;
	clear:both;
	margin:5px 0 0 0;
	font-size:16px;
	color:#0199CC;
	line-height:30px;
}
.page_erro p{width:100%;float:left;padding:0 0 0 15px;margin:5px 0 0 0;color:#000;}

/* SEARCH FORM */
#searchform {
	padding:0 0 0 15px;
	float:left;
	clear:both;
	margin:5px 0 0 0;
	color:#0199CC;
	line-height:30px;
}

/* ALINHAMENTO DAS IMAGENS */
p img{padding:0;max-width:100%;}
img.centered{display:block;margin-left:auto;margin-right:auto;}
img.alignright{padding:4px;margin:0 0 2px 7px;display:inline;}
img.alignleft{padding:4px;margin:0 7px 2px 0;display:inline;}
.alignright{float:right;}
.alignleft{float:left;}


/* RODAPÉ */
#footer{width:824px;height:85px;float:left;margin:4px 0 0 0;background:url(images/back_footer.jpg) repeat-x;position:relative;}
#footer p{width:824px;float:left;margin:18px 0 0 0;text-align:center;font-size:11px;color:#FFF;text-shadow:#2495e1 1px 1px;line-height:17px;}
#footer p a{color:#FFF;}
#footer #credits{
	width:91px;
	height:13px;
	background:url(images/img_sprites.jpg) no-repeat -458px -216px;
	position:absolute;
	bottom:-19px;
	right:0;
	overflow:hidden;
	text-indent:-99999px;
}