@charset "utf-8";

@import "rodape.css";

@import "login.css";

/* CSS Document */

body{

	margin-left: 0px;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 0px;

	background-image: url(../imgs/back_ground_site.jpg); 

	background-repeat: repeat-x; 

	background-color:#6ab3ce;

	/*background-position: 200px 200px;*/

	font-family:Arial, Helvetica, sans-serif;

	color:#666666; 

}

#contorno{

	background-image: url(../imgs/sombra_meio.png);

	background-repeat: repeat-y;

	width:850px;

	height:500px;	

}

/************* Menu ****************/

#menulista li {

	float: left;

	list-style:none;

}

#menulista a {

	display: block;

	text-decoration: none;

	font-weight: bold;

	font-size: 0em;

	padding-right: 0px;

	padding-bottom: 3px;

	padding-left: 0px;



}

#menulista a:hover {

	border-top-color: #FF9900;

	color: #666666;

}



/********* ARRUMANDO NO TOPO **********/

#Emabala{



}

#Emabala a {

	text-indent: -10000px;

	height: 137px;

	width: 253px;

	position: absolute;

	left: 40px;

	top: 63px;

}

#LinkEmpresa{

z-index:500;

	height: 22px;

	width: 69px;

	position: absolute;

	left: 283px;

	top: 24px;

}

#LinkEmpresa a {

	text-indent: -10000px;

	height: 22px;

	width: 69px;

	position: absolute;

	left: 243px;

	top: -9px;

}

#ImagemStatus{



	background:url(../imgs/status_img.png) no-repeat !important;

	background-image: none;

	filter: none !important;

	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=imgs/status_img.png);	

	width:300px;

	height:235px;

	margin-top:45px;

	float:right;

}

#logo {

	background-image:url(../imgs/logo.jpg);

	width: 400px;

	height: 65px;

	font-size: 1px;

	position: absolute;

	left: 40px;

	top: 27px;

}



#logo a {

	text-indent: -10000px;

	height: 114px;

	width: 180px;

	position: absolute;

	left: 0px;

	top: 0px;

}



#link2{

	width: 241px;

	height: 191px;

	font-size: 1px;

	position: absolute;

	left: 43px;

	top: 67px;

	z-index:800;

}



#link2 a{

	text-indent: -10000px;

	height: 152px;

	width: 243px;

	position: absolute;

	left: 0px;

	top: 0px;

	 

}



#btTopo{

float:right;

position:absolute;

right:70px;

top:50px;

}

#Data{

font-family:Arial, Helvetica, sans-serif;

font-size:10px;

float:right;

position:absolute;

right:70px;

top:80px;

z-index:300;

}

#menu{

width:817px;

height:48px;

float:left;

position:absolute;

top:100px;

left:27px;

}

/*********** Fim topo ***************/







/********** Login de entraga **************/





#MercadoOvo{

	width:228px;

	height:96px;

	margin-left:34px;

	top:189px;

	position:absolute;

	float:left;

	left: -1px;

}



#bannerFlash{

width:573px;

height:280px;

top:7px;

float:right;

position:absolute;

right:30px;

}



/*Fim Login*/

#topo {

	background-image: url(../imgs/sombra_top.png);

	height: 146px;

	width: 871px;

	margin-top: 0px;

	margin-right: auto;

	margin-left: auto;

	margin-bottom: 0px;

	position: relative;

}

#banner{

	background-image: url(../imgs/sombra_banner.png);

	height: 288px;

	width: 871px;

	margin-top: 0px;

	margin-right: auto;

	margin-left: auto;

	margin-bottom: 0px;

	position: relative;

}



/****************Montando Conteúdo****************/

#ConteudoEsquerda{

background:url(../imgs/topico_embalagens.jpg) no-repeat;

background-position:top;

width:267px;

height:402px;

border:#fff dashed 1px;

margin-left:32px;

}

#cotigral{

width:818px;

height:108px;

margin-left:31px;

}

#embalagem{

background:url(../imgs/embalagem_home.jpg) no-repeat;

background-position:top;

width:254px;

height:330px;

margin-top:60px;

margin-left:5px;

}

#linkconheca{

	font-family:Arial, Helvetica, sans-serif;

	font-size:12px;

	height:18px;

	top:358px;

	position:absolute;

	width: 216px;

	left: 66px;

}

#linkconheca a:hover{

color:#1C5A79;

font-weight:bold;

}



#linkconheca a{

font-size:12px;

text-decoration:underline;

color:#0a6f90;

}

#PlacaContato{

	width:260px;

	height:108px;

	left:583px;

	position:absolute;

	z-index:400;

	top: 402px;

}

#Cotacao{

	width:265px;

	height:108px;

	left:306px;

	position:absolute;

	z-index:400;

	top: 402px;

	background:url(../imgs/fnd_cotacao.jpg) no-repeat;

	padding-left:10px;

	padding-top:5px;

}

.campo_login{

width:220px;

height:25px;

border:#006600 solid 1px;

}

.campo_senha{

width:187px;

height:25px;

border:#006600 solid 1px;

}



/*************************Conteudo lado direito*********************/

#conteudoBemvindo{

	background:url(../imgs/fundo_direito.jpg) no-repeat;

	padding-top:50px;

	width:535px;

	height:221px;

	float:right;

	position:absolute;

	left: 303px;

	top: 12px;

	z-index:2;

}

#conteudoFerramenta{

	background:url(../imgs/fundo_ferramenta.jpg) no-repeat;

	width:535px;

	height:119px;

	float:right;

	position:absolute;

	left: 304px;

	top: 284px;

	z-index:1;

}

#textoFerramenta{

float:left;

width:310px;

height:65px;

margin-left:7px;

text-align:justify;

font-family:Arial, Helvetica, sans-serif;

font-size:12px;

}

#imgFerramenta{

float:left;

width:178px;

height:94px;

margin-left:25px;

}



#linkSaibamais{

	position:absolute;

	left: 263px;

	top: 80px;	

}

#linkSaibamais a{

color:#0a6f90;

font-family:Arial, Helvetica, sans-serif;

font-size:12px;

text-decoration:underline;

}

#linkSaibamais a:hover{

	text-decoration:underline;

	font-weight:bold;



}

#imgBemvindo{

	width:201px;

	height:101px;

	position:absolute;

	background:url(../imgs/img_bem_vindo.jpg) no-repeat;

	top: 60px;

	left: 10px;

	z-index:10px;

}

#TextoBemvindo{

	position:absolute;

	width: 299px;

	left: 220px;

	top: 62px;

	height: 101px;

	font-family:Arial, Helvetica, sans-serif;

	font-size:12px;

	text-align:justify;

}

#linkBemvindo{

	width:525px;

	height:35px;

	position:absolute;

	float:left;

	left: 315px;

	top: 180px;

	z-index: 300;

	color:#0a6f90;

	}



#mapa{

width:380px;

margin-left:50px;

font-size:12px;

line-height:25px;

}

#mapa a{

color:#000000;

text-decoration:none;

}

#mapa a:hover{

color#0F427B;

font-weight:bold;

font-size:12px;

text-decoration:underline;

}

#mapa li{

font-size:12px;

list-style:square;

margin-left:25px;

}



ul{

margin:0;

padding:0;

}

#listaBem li {

	

	float:left;

	width:170px;

	margin-top:5px;

	text-align:center;

	list-style:none;

	margin-left:1px;

}

#listaBem a {

	font-family:Arial, Helvetica, sans-serif;

	font-size:12px;

	text-decoration: none;

	font-weight: bold;

	color:#0a6f90;

	}

#listaBem a:hover {

	font-family:Arial, Helvetica, sans-serif;

	font-weight: bold;

	color:#0a6f90;

	text-decoration:underline;

	}	

 

 

 /********************************/

#aempresa{

float:left;

width:420px;

height:350px;

margin-left:25px;

font-size:12px;

text-align:justify;

padding-top:30px;

}

#textoentrega{

float:left;

width:420px;

height:300px;

margin-left:25px;

font-size:12px;

text-align:justify;

padding-top:30px;

}



#aempresa img{

float:right;

padding-left:10px;



}



#Depaempresa{

padding-top:20px;

float:right;

width:335px;

height:350px;

font-size:11.5px;

text-align:justify;



}

 

 

/***********************/



#apresentacao_ovos_home{

	font-family:Arial, Helvetica, sans-serif;

	font-size:12.5px;

	height:25px;

	top:282px;

	text-align:justify;

	position:absolute;

	width: 236px;

	left: 46px;

}

/*********Fim Conteúdo**********/



#conteudo{

	background-image: url(../imgs/sombra_topo.png);

	height: auto;

	background-color:#FFFFFF; 

	width: 871px;

	margin-top: 0px;

	margin-right: auto;

	margin-left: auto;

	margin-bottom: 0px;

	position: relative;

	

}

#conteudo_produtos{

	height:460px;

	background-color:#FFFFFF; 

	width: 805px;

	margin-top: 0px;

	margin-right: auto;

	margin-left: auto;

	margin-bottom: 0px;

	position: relative;

}

#branco{

width:805px;

margin-left:33px;

min-height:460px;

height:auto;

}

#branco_produtos{

width:805px;

margin-left:0px;

min-height:470px;

height:auto;

}

#brancoAuto{

width:805px;

margin-left:33px;

min-height:300px;

height:auto !important;

}

#Meioimg{

float: right;

width:268px;

height:219px;

}

#TextoMeio{

width:470px;

height:150px;

float:left;

font-size:12px;

text-align:justify;

line-height:19px;

padding-top:4px;

margin-left:20px;

}







/**/

#rodape{

	height: 78px;

	width: 871px;

	margin-top: 0px;

	margin-right: auto;

	margin-left: auto;

	margin-bottom: 0px;

	position: relative;

}

/*********************************************************/

#titulos{

	width:805px;

	height:61px;

	

	left: 28px;

	top: -17px;

	z-index:300;

}

/*********************** Menu Produtos *******************************/

#menuEmbalagem{

width:227px;

height:150px;

float:left;

z-index:250px;

margin: 0px;

padding:0px;



}

#mostraEmbalagens{

float:left;

width:539px;

margin-left:30px;

height:387px;

}

#embalagemDescricao{

	width:227px;

	height:242px;

	float:left;

	z-index:250px;

	position:absolute;

	font-family:Arial, Helvetica, sans-serif;

	font-size:12px;

	left: 1px;

	top: 151px;

}

#maisEmbalagens{

float:right;

width:120px;

margin-right:30px;

height:30px;

border: #333333 dashed 1px;

}

#boxLinks{

float:left;

width:180px;

height:110px;

border:#999999 dashed 0px;

font-family:Arial, Helvetica, sans-serif;

font-size:12px;
text-align:center;
margin-left:17px;
margin-top:25px;

}

#boxLinks a{

text-decoration:none;

color:#000000;

}



#boxLinks a:hover{

text-decoration:underline;

color:#0E8098;

font-weight:bold;

font-size:12.5px;

}



h4 {

height:1px;

margin:0;

padding:0;

}



/************** Contato *******************/

#ColunaContato1{

width:225px;

font-size:12px;

float:left;

height:auto !important;

border:#CCCCCC dashed 1px;

}

#ColunaContato2{

float:right;

width:500px;

height:auto !important;

font-size:12px;



}

/**********************************************/



.contentslide{

/*border: 10px solid #ECE9D8;;*/

border-bottom-width: 0px;

padding: 0px;

width: 539px;

height: 357px;



}

.contentslide .opacitylayer{ /*Do not edit this rule unless you're familiar with CSS opacity behavior*/

width: 100%;

height: 100%;

filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);

-moz-opacity: 1;

opacity: 1;

}

.contentslide .contentdiv{

display: none;

}



.pagination{

width: 537px; /*Width of pagination DIV. To equal that of Content Slider's width, take into account the later's left/right paddings!*/

text-align: right;

font-family:"Trebuchet MS";

font-style:italic;

font-weight:bold;

font-size:12px;

border-width: 0 8px; /*Left/ right border width of pagination DIV.*/

padding: 0 0 0px 0;



}



* html .pagination{ /*Simplified box model hack to get IE5 to display width equal to that of Content Slider's*/

width: 537px; /*IE5 width*/

w\idth: 537px; /*IE6 width*/

 

}



.pagination a{

padding: 0 5px;

text-decoration: none; 

color: #2e6ab1;

background-color: white;

}



.pagination a:hover, .pagination a.selected{

color: #fff;

background-color: #006699;

}

/***************************************/



/* controlando o frame */

.contentslide{

border: 2px solid #ECE9D8;;

border-bottom-width: 2px;

padding: 0px;

width: 539px;

height: 357px;



}

.contentslide .opacitylayer{ /*Do not edit this rule unless you're familiar with CSS opacity behavior*/

width: 100%;

height: 100%;

filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);

-moz-opacity: 1;

opacity: 1;

}

.contentslide .contentdiv{

display: none;

}



.pagination{

width: 530px; /*Width of pagination DIV. To equal that of Content Slider's width, take into account the later's left/right paddings!*/

text-align: right;



font-family:"Trebuchet MS";

font-style:italic;

font-size:14px;

border-width: 0 10px; /*Left/ right border width of pagination DIV.*/

padding: 0 0 4px 0;



}



* html .pagination{ /*Simplified box model hack to get IE5 to display width equal to that of Content Slider's*/

width: 506px; /*IE5 width*/

w\idth: 506px; /*IE6 width*/



}



.pagination a{

padding: 0 5px;

text-decoration: none; 

color: #2e6ab1;

background-color: white;

}



.pagination a:hover, .pagination a.selected{

color: #fff;

background-color: #006699;

}