/* CSS Document */

body{background:#fff; color:#0F0F0F; font:15px/20px Arial, Helvetica, sans-serif; margin:32px 0 0; padding:0;}
div, ul, h1, h2, h3, li, p, img{margin:0; padding:0;}
ul{list-style-type:none;}

/* TOP PANEL*/
#topPanel{
	width:750px;
	height:500px;
	position:relative;
	margin:0 auto;
	padding:0;
}
#topPanel img{
	width:150px;
	height:79px;
	z-index:1;
	padding:0;
	position:absolute;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 100px;
}
/* MENU PANEL*/
#topPanel ul{display:block; width:732px; height:36px; position:absolute; top:0; right:0; margin:11px 0 0; padding:0 29px 0 0; border-bottom:1px solid #AEAEAE;}
#topPanel ul li{float:right; font:12px/36px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold;}
#topPanel ul li a{width:74px; height:36px; display:block; padding:0; color:#555; background:#fff; text-decoration:none; text-align:center; margin:0 1px 0 0; top:0px; left:0px;}
#topPanel ul li a:hover{width:74px; height:36px; text-decoration:none; background:url(images/button.gif) no-repeat 0 0 #AEAEAE; color:#fff;}
#topPanel ul li.active{width:74px; display:block; height:36px; background:url(images/button.gif) no-repeat 0 0 #AEAEAE; color:#fff; text-align:center; margin:0 1px 0 0;}
/* HEADER PANEL*/
#topPanel #headerPanelfast{
	width:150px;
	height:160px;
	position:absolute;
	top:0;
	left:0;
	padding:0px;
	color:#fff;
	margin: 110px 0 0;
	background-image: url(images/corporativo.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
}
#topPanel #headerPanelfast a{
	width:150px;
	height:160px;
	display:block;
	text-decoration: none;
	color: #FFFFFF;
	font-family: "Century Gothic";
	font-size: 11px;
	padding-left: 15px;
	font-weight: bold;
	padding-top: 20px;
}
#topPanel #headerPanelfast a:hover{
	width:175px;
	height:195px;
	color:#fff;
	text-decoration:none;
	background-image: url(images/dise%C3%B1ocorporativo.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	font-family: "Century Gothic";
	font-size: 12px;
	font-weight: bold;
	padding-left: 30px;
	padding-top: 25px;
}
#topPanel #headerPanelfast p {
	display:block;
	font-weight:bold;
	z-index:1;
	font-family: "Century Gothic";
	font-size: 10px;
	line-height: 18px;
	padding-left: 5px;
	height: 125px;
}
#topPanel #headerPanelfast p:hover {
	display:block;
	font-weight:bold;
	z-index:1;
	font-family: "Century Gothic";
	font-size: 11px;
	line-height: 18px;
	padding-left: 15px;
	color: #FFFFFF;
	height: 120px;
	width: 120px;
}


#topPanel #headerPanelsecond{
	width:150px;
	height:160px;
	position:absolute;
	padding:0px;
	color:#666666;
	margin: 110px 0 0;
	background-image: url(images/grafico.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	left: 200px;
}
#topPanel #headerPanelsecond a{
	width:150px;
	height:160px;
	display:block;
	text-decoration: none;
	color: #666666;
	font-family: "Century Gothic";
	font-size: 11px;
	padding-left: 15px;
	font-weight: bold;
	padding-top: 20px;
}
#topPanel #headerPanelsecond a:hover{
	width:175px;
	height:195px;
	color:#333333;
	text-decoration:none;
	background-image: url(images/dise%C3%B1ografico.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	font-family: "Century Gothic";
	font-size: 12px;
	font-weight: bold;
	padding-left: 30px;
	padding-top: 25px;
}
#topPanel #headerPanelsecond p {
	display:block;
	font-weight:bold;
	z-index:1;
	font-family: "Century Gothic";
	font-size: 10px;
	line-height: 18px;
	padding-left: 5px;
	height: 125px;
}
#topPanel #headerPanelsecond p:hover {
	display:block;
	font-weight:bold;
	z-index:1;
	font-family: "Century Gothic";
	font-size: 11px;
	line-height: 18px;
	padding-left: 15px;
	color: #333333;
	height: 120px;
	width: 120px;
}

#topPanel #headerPanelthird{
	width:150px;
	height:160px;
	position:absolute;
	color:#fff;
	background-image: url(images/digital.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	margin-top: 110px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	left: 400px;
}
#topPanel #headerPanelthird a{
	width:150px;
	height:165px;
	display:block;
	text-decoration: none;
	color: #FFFFFF;
	font-family: "Century Gothic";
	font-size: 11px;
	padding-left: 15px;
	font-weight: bold;
	padding-top: 20px;
}
#topPanel #headerPanelthird a:hover{
	width:195px;
	height:175px;
	color:#fff;
	text-decoration:none;
	background-image: url(images/dise%C3%B1odigital.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	font-family: "Century Gothic";
	font-size: 12px;
	font-weight: bold;
	padding-left: 30px;
	padding-top: 25px;
}
#topPanel #headerPanelthird p {
	display:block;
	font-weight:bold;
	z-index:1;
	font-family: "Century Gothic";
	font-size: 10px;
	line-height: 18px;
	padding-left: 5px;
	height: 125px;
}
#topPanel #headerPanelthird p:hover {
	display:block;
	font-weight:bold;
	z-index:1;
	font-family: "Century Gothic";
	font-size: 11px;
	line-height: 18px;
	padding-left: 15px;
	color: #FFFFFF;
	height: 120px;
	width: 120px;
}


#topPanel #headerPanelfouth{
	width:150px;
	height:160px;
	position:absolute;
	padding:0px;
	color:#fff;
	margin: 110px 0 0;
	background-image: url(images/publicidad.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	right: 0px;
}
#topPanel #headerPanelfouth a{
	width:150px;
	height:160px;
	display:block;
	text-decoration: none;
	color: #FFFFFF;
	font-family: "Century Gothic";
	font-size: 11px;
	padding-left: 15px;
	font-weight: bold;
	padding-top: 20px;
}
#topPanel #headerPanelfouth a:hover{
	width:175px;
	height:195px;
	color:#fff;
	text-decoration:none;
	background-image: url(images/dise%C3%B1opublicitario.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	font-family: "Century Gothic";
	font-size: 12px;
	font-weight: bold;
	padding-left: 30px;
	padding-top: 25px;
}
#topPanel #headerPanelfouth p {
	display:block;
	font-weight:bold;
	z-index:1;
	font-family: "Century Gothic";
	font-size: 10px;
	line-height: 18px;
	padding-left: 5px;
	height: 125px;
}
#topPanel #headerPanelfouth p:hover {
	display:block;
	font-weight:bold;
	z-index:1;
	font-family: "Century Gothic";
	font-size: 11px;
	line-height: 18px;
	padding-left: 15px;
	color: #FFFFFF;
	height: 120px;
	width: 120px;
}



#topPanel #headerPanelfifth{
	width:150px;
	height:160px;
	position:absolute;
	top:0;
	right:0;
	padding:0px;
	background:url(images/producto.jpg) no-repeat 0 0 #FC5F00;
	color:#fff;
	margin-top: 300px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	left: 0px;
}
#topPanel #headerPanelfifth a{
	width:150px;
	height:160px;
	display:block;
	text-decoration: none;
	color: #FFFFFF;
	font-family: "Century Gothic";
	font-size: 11px;
	padding-left: 15px;
	font-weight: bold;
	padding-top: 20px;
}
#topPanel #headerPanelfifth a:hover{
	width:175px;
	height:195px;
	color:#fff;
	text-decoration:none;
	background-image: url(images/dise%C3%B1oproducto.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	font-family: "Century Gothic";
	font-size: 12px;
	font-weight: bold;
	padding-left: 30px;
	padding-top: 25px;
}
#topPanel #headerPanelfifth p {
	display:block;
	font-weight:bold;
	z-index:1;
	font-family: "Century Gothic";
	font-size: 10px;
	line-height: 18px;
	padding-left: 5px;
	height: 125px;
}
#topPanel #headerPanelfifth p:hover {
	display:block;
	font-weight:bold;
	z-index:1;
	font-family: "Century Gothic";
	font-size: 11px;
	line-height: 18px;
	padding-left: 15px;
	color: #FFFFFF;
	height: 120px;
	width: 120px;
}

#topPanel #headerPanelsixth{
	width:150px;
	height:160px;
	position:absolute;
	top:0;
	right:0;
	padding:0px;
	color:#fff;
	margin-top: 300px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	left: 200px;
	background-image: url(images/merchandising.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
}
#topPanel #headerPanelsixth a{
	width:150px;
	height:160px;
	display:block;
	text-decoration: none;
	color: #FFFFFF;
	font-family: "Century Gothic";
	font-size: 11px;
	padding-left: 15px;
	font-weight: bold;
	padding-top: 20px;
}
#topPanel #headerPanelsixth a:hover{
	width:175px;
	height:195px;
	color:#fff;
	text-decoration:none;
	background-image: url(images/merchandising1.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	font-family: "Century Gothic";
	font-size: 12px;
	font-weight: bold;
	padding-left: 30px;
	padding-top: 25px;
}
#topPanel #headerPanelsixth p {
	display:block;
	font-weight:bold;
	z-index:1;
	font-family: "Century Gothic";
	font-size: 10px;
	line-height: 18px;
	padding-left: 5px;
	height: 125px;
}
#topPanel #headerPanelsixth p:hover {
	display:block;
	font-weight:bold;
	z-index:1;
	font-family: "Century Gothic";
	font-size: 11px;
	line-height: 18px;
	padding-left: 15px;
	color: #FFFFFF;
	height: 120px;
	width: 120px;
}


#topPanel #headerPanelseventh{
	width:150px;
	height:160px;
	position:absolute;
	top:0;
	right:0;
	padding:0px;
	background:url(images/rotulacion.jpg) no-repeat 0 0 #FC5F00;
	color:#fff;
	margin-top: 300px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	left: 400px;
}
#topPanel #headerPanelseventh a{
	width:150px;
	height:160px;
	display:block;
	text-decoration: none;
	color: #FFFFFF;
	font-family: "Century Gothic";
	font-size: 11px;
	padding-left: 15px;
	font-weight: bold;
	padding-top: 20px;
}
#topPanel #headerPanelseventh a:hover{
	width:195px;
	height:175px;
	color:#fff;
	text-decoration:none;
	background-image: url(images/rotulacion1.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	font-family: "Century Gothic";
	font-size: 12px;
	font-weight: bold;
	padding-left: 30px;
	padding-top: 25px;
}
#topPanel #headerPanelseventh p {
	display:block;
	font-weight:bold;
	z-index:1;
	font-family: "Century Gothic";
	font-size: 10px;
	line-height: 18px;
	padding-left: 5px;
	height: 125px;
}
#topPanel #headerPanelseventh p:hover {
	display:block;
	font-weight:bold;
	z-index:1;
	font-family: "Century Gothic";
	font-size: 11px;
	line-height: 18px;
	padding-left: 15px;
	color: #FFFFFF;
	height: 120px;
	width: 120px;
}
#topPanel #headerPaneleighth{
	width:150px;
	height:160px;
	position:absolute;
	top:0;
	right:0;
	padding:0px;
	background:url(images/ilustracion.jpg) no-repeat 0 0 #FC5F00;
	color:#fff;
	margin-top: 300px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}
#topPanel #headerPaneleighth a{
	width:150px;
	height:160px;
	display:block;
	text-decoration: none;
	color: #FFFFFF;
	font-family: "Century Gothic";
	font-size: 11px;
	padding-left: 15px;
	font-weight: bold;
	padding-top: 20px;
}
#topPanel #headerPaneleighth a:hover{
	width:175px;
	height:195px;
	color:#fff;
	text-decoration:none;
	background-image: url(images/ilustracion1.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	font-family: "Century Gothic";
	font-size: 12px;
	font-weight: bold;
	padding-left: 30px;
	padding-top: 25px;
}
#topPanel #headerPaneleighth p {
	display:block;
	font-weight:bold;
	z-index:1;
	font-family: "Century Gothic";
	font-size: 10px;
	line-height: 18px;
	padding-left: 5px;
	height: 125px;
}
#topPanel #headerPaneleighth p:hover {
	display:block;
	font-weight:bold;
	z-index:1;
	font-family: "Century Gothic";
	font-size: 11px;
	line-height: 18px;
	padding-left: 15px;
	color: #FFFFFF;
	height: 120px;
	width: 120px;
}

/* /TOP PANEL*/

/* BODY PANEL*/
#bodyPanel{width:762px; height:640px; position:relative; margin:0 auto; padding:0;}
#bodyPanel  img {
	color:#0F0F0F;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: 0 0;
	margin-top: 5;
	margin-right: 10;
	margin-bottom: 0;
	margin-left: 200px;
	position: relative;
	border: thin solid #666666;
	background-image: url(MERCHANDISING/banner-laroja.jpg);
}
#bodyPanel h2{
	background:#fff;
	display:block;
	width:400px;
	height:50px;
	margin:0;
	font-weight:normal;
	color:#FF0000;
	font-family: "Century Gothic";
	font-size: 30px;
	line-height: 30px;
	padding-top: 4px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 202px;
}
#bodyPanel p{background:url(images/symbol.jpg) 0 0 no-repeat #fff; margin:0 0 0 54px; padding:0 42px 35px 150px; color:#0F0F0F;}
#bodyPanel p span{font-weight:bold;}
#bodyPanel p.dotline{background:url(images/dot-line.gif) 0 0 repeat-x #fff; padding:0; margin:0 40px 0 25px; color:#000;}
#bodyPanel p.capstext{background: url(images/name.gif) bottom right no-repeat #fff; font:18px/24px Georgia, "Times New Roman", Times, serif; font-style:italic; color:#555555; padding:2px 10px 0 25px ; margin:0 35px 10px 0; }
#bodyPanel p.more{height:26px; padding:0; background:none; margin:0;}
#bodyPanel p.more a{width:76px; height:26px; display:block; margin:314px 20px 19px 618px; background:url(images/more.gif) 0 0 no-repeat #fff; color:#555; text-decoration:none; font:15px/26px "Trebuchet MS",Arial, Helvetica, sans-serif; padding:0 0 0 10px; text-transform:uppercase; position:absolute; top:0px; right:0px;}
#bodyPanel p.more a:hover{background:url(images/more.gif) 0 0 no-repeat #fff; color:#216EBD; text-decoration:none;}
#bodyPanel h3{
	display:block;
	width:250px;
	height:34px;
	background-color: #fff;
	background-image: url(images/100creativos.jpg);
	background-repeat: no-repeat;
	margin-top: 34px;
	margin-right: 0;
	margin-bottom: 12px;
	margin-left: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 25px;
}
#bodyPanel #testimonial{
	width:275px;
	height:175px;
	display:block;
	background:url(images/testimonial-bg.gif) 0 0 no-repeat #FFF6DB;
	color:#FF0000;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 20px;
	padding-top: 32px;
	padding-right: 33px;
	padding-bottom: 0;
	padding-left: 148px;
}
#bodyPanel #testimonial p{background:none; margin:0; padding:0 0 5px 0;}
#bodyPanel #testimonial p span{color:#786321 !Important; background:#FFFAED !Important;}
#bodyPanel p.moretwo{height:26px; padding:0; background:none; margin:0;}
#bodyPanel p.moretwo a{width:76px; height:26px; display:block; margin:0px 0px 0px 196px; background:url(images/more2.gif) 0 0 no-repeat #FFF5D6; color:#555; text-decoration:none; font:15px/26px "Trebuchet MS",Arial, Helvetica, sans-serif; text-transform:uppercase; padding:0 0 0 10px; top:0px; right:0px;}
#bodyPanel p.moretwo a:hover{background:url(images/more2.gif) 0 0 no-repeat #FFF5D6; color:#216EBD; text-decoration:none;}
#bodyPanel h4{
	background:#fff;
	width:250px;
	height:30px;
	position:absolute;
	top:361px;
	right:5px;
	margin:0;
	font-weight:normal;
	padding:0px;
	color:#FF0000;
	font-family: "Century Gothic";
	font-size: 30px;
	line-height: 30px;
}
#bodyPanel ul{width:225px; display:block; position:absolute; right:30px; top:405px; }
#bodyPanel ul li{font:12px/25px Arial, Helvetica, sans-serif; font-weight:normal; background:url(images/symbol2.gif) 0 8px no-repeat; padding:0 0 0 30px;}
#bodyPanel ul span{ background:url(images/dot-line.gif) repeat-x 0 100%; height:25px; display:block;}

#bodyPanel h5
{
	display:block;
	width:250px;
	height:50px;
	background-color: #fff;
	background-image: url(images/laplana.jpg);
	background-repeat: no-repeat;
	padding: 0 0 0 25px;
	float: right;
	margin-right: 0;
	margin-bottom: 12px;
	margin-left: 0;
	position: relative;
}
/* FOOTER PANEL*/
#footerPanel{width:100%;  background:#DCDCDC; color:#4C4C4C; font-size:12px;}
#footerbodyPanel{width:762px;height:133px; position:relative; margin:0 auto; padding:0;}
#footerPanel ul{
	width:330px;
	display:block;
	position:absolute;
	right:10px;
	top:33px;
}
#footerPanel li{float:left; font:12px/15px Arial, Helvetica, sans-serif; font-weight:normal;}
#footerPanel ul li a{padding:0 6px; color:#4C4C4C; background:#DCDCDC; text-decoration:none;}
#footerPanel ul li a:hover{text-decoration:underline;}
#footerPanel ul li a.padl{padding:0 0 0 6px;}
#footerPanel p.copyright{
	background:#DCDCDC;
	display:block;
	position:absolute;
	top:54px;
	right:10px;
	color:#FF0000;
}
#footerPanel  ul.d2sweb{
	width:125px;
	background:#DCDCDC;
	color:#4C4C4C;
	display:block;
	position:absolute;
	top:74px;
}
#footerPanel  ul.d2sweb  li  a{background:#DCDCDC; display:block; color:#4C4C4C; text-decoration:none;}
#footerPanel ul.d2sweb li a:hover{text-decoration:underline;}

#footerhtmlPanel{ width:86px; height:31px; display:block; position:absolute; top:34px; left:29px; margin:0; padding:0;} 
#footerhtmlPanel a{ width:86px; height:31px; display:block; background:url(images/html-img.gif) no-repeat 0 0 #DCDCDC; text-decoration:none; font:14px/31px "Trebuchet MS",Arial, Helvetica, sans-serif; color:#2F2F2F; text-transform:uppercase; padding:0 0 0 10px; position:absolute; top:0px; right:0px;}
#footerhtmlPanel a:hover{background:url(images/html-img.gif) no-repeat 0 0 #DCDCDC; color:#216EBD; text-decoration:none; }
#footercssPanel{ width:86px; height:31px; display:block; position:absolute; top:34px; left:115px; margin:0; padding:0;} 
#footercssPanel a{ width:86px; height:31px; display:block; background:url(images/css-img.gif) no-repeat 0 0 #DCDCDC; text-decoration:none; font:14px/31px "Trebuchet MS",Arial, Helvetica, sans-serif; color:#2F2F2F; text-transform:uppercase; padding:0 0 0 10px; position:absolute; top:0px; right:0px;}
#footercssPanel a:hover{background:url(images/css-img.gif) no-repeat 0 0 #DCDCDC; color:#216EBD; text-decoration:none; }