/* 
Hoja de Estilos
Empresas Polar
Marzo 2006 v3.2
*/
/*
* General
*/
body{
margin:0px auto;
background:url(../images/fondo2.gif) no-repeat center;
font-family:Arial;
font-size:11px;
text-align:center;
}
/*
* ID
*/
div#container{
margin:0px auto;
width:760px;
background:#FFFFFF;
/*espacio color blanco detrás del header*/
text-align:left;
position: relative;
}
div#content{
margin:0 137px;
padding:0px 5px;
width:410px;
text-align:justify;
}
div#content img{
}
div#content p{
margin:10px 0px 0px 5px;
color:#666666;
/*color del texto del website firefox*/
font-size:11px;
text-align:justify;
}
div#content p a{
color:#666666;
/*color de los links firefox*/
text-decoration:none;
}
div#content p span{
padding:0px 0px 10px 0px;
display:block;
color:#003366;
/*color de los títulos del Website*/
font-size:12px;
font-weight:bold;
text-align:left;
}
div#extra{
float:left;
margin-left:-190px;
width:190px;
}
div#extra img{
border-bottom:#FFFFFF 5px solid;
}
div#footer{
clear:left;
width:100%;
background:#003366;
color:#FFFFFF;
}
div#footer a{
color:#FFFFFF;
text-decoration:none;
}
div#footer p{
margin:0;
padding:5px 10px;
font-size:9px;
text-align:right;
}
div#footer p.center{
float:left;
margin:0;
padding:3px 8px 0px 185px;
font-size:10px;
text-align:center;
}
div#footer p.left{
float:left;
margin:0;
padding:3px 8px;
font-size:10px;
text-align:left;
}
div#footer p.right{
margin:0;
padding:3px 8px;
font-size:10px;
text-align:right;
}
div#header{
padding:0px 0px 0px 0px;/*position:absolute;*/
width:740px;/*
background:url(../images/barra.jpg) right no-repeat;
height:75px;
padding:0px 0px 0px 10px;
text-align:left;
width:750px;
*/
background:url(../images/barra.jpg) right no-repeat;/*float:left;*/
text-align:left;
height:75px;
left:0px;
top:0px;
}
div#imprime{
clear:left;
width:100%;
}
div#imprime p{
margin:0;
padding:3px 8px;
font-size:10px;
text-align:right;
}
div#imprime p.center{
float:center;
margin:0;
padding:3px 8px;
font-size:12px;
text-align:center;
}
div#imprime p.left{
float:left;
margin:0;
padding:3px 8px;
font-size:10px;
text-align:left;
}
div#imprime p.right{
float:right;
margin:0;
padding:3px 8px;
font-size:10px;
text-align:right;
}
div#navigation{
float:left;
margin-left:-760px;
width:135px;
display:block;
background:#CCCCCC;
color:#000000;
font-weight:normal;
text-align:center;

}
div#navigation a{
color:#003366;
/*color del texto del menú lateral en la sección corporativa*/
text-decoration:none;
}
div#navigation span{
border-bottom:2px #FFFFFF solid;
border-top:2px #FFFFFF solid;
width:135px;
display:block;
background:#003366;
color:#FFFFFF;
}
div#navigation span a{
color:#FFFFFF;
}
div#topmenu{
	width:760px;
	background:#003366;
	background:#000000;
	height:19px;
	position:absolute;
	z-index: 1;
}
div#wrapper{
float:left;
width:100%;
height:100%;
}
div#wrapper2{
/*línea de abajo de toda la página*/
border-bottom:2px #FFFFFF solid;
float:left;
width:100%;
background:url(../images/menu.gif) repeat-y;
}
div.menu{
float:right;
padding:0px 0px 0px 0px;
width:593px;
color:#FFFFFF;
font-size:12px;
text-align:right;
left:150px;
position: absolute;
top:60px;
}
div.menu a{
color:#FFFFFF;
text-decoration:none;
}
div.productLine{
border-bottom:1px #FFFFFF solid; /*línea entre menú superior estático y página (menú izquierdo, cabezal y banners internos)*/
border-top:1px #FFFFFF solid;
margin-top:-9px;
padding:2px 0px 0px 25px;
width:735px;
background:#CCCCCC;/*background del menú estático superior*/
color:#003366; /*color texto del menú*/
font-size:10px;
height:16px;
}
div.productLine a{
color:#003366;
/*color texto "Marcas" en Marcas - Alimentos Polar*/
text-decoration:none;
}


/*
* Classes
*/
.hr{
border:1px #003366 solid;
width:420px;
color:#003366;
text-align:center;
}
.hr2{
border:0.5px #003366 solid;
width:420px;
color:#003366;
text-align:center;
height:1px;
}
.imgWeb{
border:1px #003366 solid;
}
.searchIntBar{
border:1px #003366 solid;
margin-top:10px;
margin-bottom:10px;
width:90px;
background:#CCCCCC;
color:#003366;
font-size:10px;
height:14px;
}
.searchIntBtn{
border:1px #003366 solid;
background:#CCCCCC;
color:#003366;
font-size:10px;
height:18px;
position:relative;	/* firefox */
left:0px;
top:-9px;
}
.tableDesc td{
color:#666666;
}
.tableDesc th{
border-bottom:#FFFFFF 1px solid;
border-top:#FFFFFF 1px solid;
background:#CAB756;
color:#FFFFFF;
}


/* Inicio Panel */

#leftMenu{
width:135px;
float:left;
background:#2aff1b;
font-family:Arial;
font-size:11px;
}

/* 	Layout CSS */
#slidedown_menu{
width:135px;
}

/* UL tags,i.e group of menu utems. 
It's important to add style to the UL if you're specifying margins. If not,assign the style directly
to the parent DIV,i.e. 
#slidedown_menu .slideMenuDiv1
instead of 
#slidedown_menu .slideMenuDiv1 ul
*/
#slidedown_menu .slideMenuDiv1 ul{
}
#slidedown_menu .slideMenuDiv2 ul{
text-align:center;
}
#slidedown_menu .slideMenuDiv3 ul{
}
/*
A tags 
*/
#slidedown_menu .slMenuItem_depth1{
border-bottom:1px #FFFFFF solid;
border-top:1px #FFFFFF solid;
background:#CAB756;/* Main menu items */
color:#FFFFFF;
text-align:center;
}
#slidedown_menu .slMenuItem_depth2{
background:#F0EDCE;/* Sub menu items */
color:#7A4900;
}
#slidedown_menu .slMenuItem_depth3{
background:#F0EDCE;/* Sub menu items */
color:#7A4900;
}
#slidedown_menu .slMenuItem_depth4{
background:#F0EDCE;/* Sub menu items */
color:#7A4900;
}
#slidedown_menu .slMenuItem_depth4 ul{
}
#slidedown_menu .slMenuItem_depth5{
background:#F0EDCE;/* Sub menu items */
color:#7A4900;
}

/* All A tags - i.e menu items. */

#slidedown_menu a{
clear:both;
width:135px;
display:block;
color:#7A4900;
text-decoration:none;
}
#slidedown_menu div{
margin:0px;
padding:0px;
}

/*
General rules
*/

#slidedown_menu li{
list-style-type:none;
position:relative;
}
#slidedown_menu ul{
margin:0px;
padding:0px;
position:relative;
}

/* Posicionamiento de menú en cabezal */

#horizon        
	{
	color: white;
	text-align: center;
	position: absolute;
	top: 110px;
	left: 0px;
	width: 100%;
	height: 1px;
	overflow: visible;
	visibility: visible;
	display: block
	}
#contentx    
	{
	margin-left: -125px;
	position: absolute;
	top: -50px;
	left: 50%;
	width: 250px;
	height: 70px;
	visibility: visible
	}
.captions  
	{
	color: white;
	font-size: 12px;
	line-height: 14px;
	text-align: left
	}
.captions a {
color:#FFFFFF;
text-decoration:none;
}
#caption2    
	{
	position: absolute;
	top: 0px;
	left: 300px;
	width: 200px;
	height: auto;
	visibility: visible;
	display: block
	}
div#content p span a:link, div#content p span a:hover, div#content p span a:visited, div#content p span a:active {
text-decoration:underline;
color:#003366;
font-size:12px;
font-weight:bold;
text-align:left;
}