/* CSS Document */
body{
	margin:0;
	padding:0;
	background:url(images/mainbg.gif) 0 0 repeat-x #fff;
	color:#666;
	text-align: justify;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	line-height: 18px;
}
div, p, ul, h1, h2, h3, h4, form{margin:0px; padding:0px;}
ul{list-style-type:none;}

/*--Top Panel--*/
#topPan{
	width:708px;
	height:379px;
	margin:0 auto;
	padding:0;
	position: relative;
}
#topPan h1{width:192px; height:181px; position:absolute; top:93px; left:0px; display:block; background:url(images/header.jpg) 0 0 no-repeat #FEFFFE; font:24px/18px "Trebuchet MS",Arial, Helvetica, sans-serif; color:#fff; padding:105px 86px 0 450px; font-weight:normal;}
#topPan h1 span{font-size:14px;}

#cabecera_play{width:192px; height:181px; position:absolute; top:93px; left:0px; display:block; background:url(images/cabecera_play.jpg) 0 0 no-repeat #FEFFFE; font:24px/18px "Trebuchet MS",Arial, Helvetica, sans-serif; color:#fff; padding:105px 86px 0 450px; font-weight:normal;}
#cabecera_prod{width:192px; height:181px; position:absolute; top:93px; left:0px; display:block; background:url(images/cabecera_prod.jpg) 0 0 no-repeat #FEFFFE; font:24px/18px "Trebuchet MS",Arial, Helvetica, sans-serif; color:#fff; padding:105px 86px 0 450px; font-weight:normal;}
#cabecera_pack{width:192px; height:181px; position:absolute; top:93px; left:0px; display:block; background:url(images/cabecera_pack.jpg) 0 0 no-repeat #FEFFFE; font:24px/18px "Trebuchet MS",Arial, Helvetica, sans-serif; color:#fff; padding:105px 86px 0 450px; font-weight:normal;}
#cabecera_servicios{width:192px; height:181px; position:absolute; top:93px; left:0px; display:block; background:url(images/cabecera_servicios.jpg) 0 0 no-repeat #FEFFFE; font:24px/18px "Trebuchet MS",Arial, Helvetica, sans-serif; color:#fff; padding:105px 86px 0 450px; font-weight:normal;}


#topPan img{width:238px; height:36px; display:block; position:absolute; top:49px; left:0px;}

#topPan ul{
	width:450px;
	height:27px;
	position:absolute;
	top:52px;
	right:0px;
	clear: both;
	display: block;
	left: 258px;
	
}
#topPan ul li{float:left; width:75px; height:27px; display:block;}
#topPan ul li a{
	display:block;
	width:75px;
	height:27px;
	background:#FF0000;
	color:#fff;
	font:12px/27px Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-weight:bold;
	text-align:center;
	background-color: #FF0000;
}
#topPan ul li a:hover{background:url(images/bullet1.gif) 50% 0 no-repeat #FBA01B; color:#fff; text-decoration:none;}
#topPan ul li.company{background:url(images/bullet1.gif) 50% 0 no-repeat #FBA01B; color:#fff; text-decoration:none; font:13px/27px Arial, Helvetica, sans-serif; font-weight:bold; text-align:center;}
/*--/Top Panel--*/

/*--Middle Panel--*/
#medio {
	background-color: F0F0F0;
	width: 100%;
	height:500px;
}
#mainmiddlePan{
	height:330px;
	background:url(images/middlepanbg.gif) 0 0 repeat-x #F0F0F0;
	color:#666;
	padding:17px 0 0;
}
#mainmiddlePanpack{height:590px; background:url(images/middlepanbg.gif) 0 0 repeat-x #F0F0F0; color:#666; padding:17px 0 0;}



#middlePan{width:708px; position:relative; margin:0 auto;}

/*--left panel--*/

#middleleftPan{width:436px; float:left;}

#middleleftPan h2{
	width:390px;
	height:77px;
	background:url(images/icon1.gif) 0 50% no-repeat #F0F0F0;
	color:#FF0000;
	font:24px/77px Arial, Helvetica, sans-serif;
	padding:0 0 0 60px;
	font-weight: bold;
}
#middleleftPan h2r {
	width:390px;
	height:77px;
	background:url(images/icon1.gif) 0 50% no-repeat #F0F0F0;
	color:#FF0000;
	font:24px/77px Arial, Helvetica, sans-serif;
	padding:0 0 0 60px;
	font-weight: bold;
}
#middleleftPan h3{
	width:390px;
	height:77px;
	
	color:#666;
	font:14px/18px Arial, Helvetica, sans-serif;
	padding:10px 72px 0 0;
	font-weight: bold;
}
#middleleftPan p{
	padding:10px 72px 0 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #666;
} 
#middleleftPan p span.boldtext{font-weight:bold;}
#middleleftPan p.more{width:118px; height:24px; margin:20px 0 0 284px; padding:0;}
#middleleftPan p.more a{width:100px; height:24px; display:block; background:url(images/icon5.jpg) 0 0 no-repeat #F0F0F0; color:#966202; font:16px/24px "Trebuchet MS", Arial, Helvetica, sans-serif; padding:0 0 0 30px; text-decoration:none;}
#middleleftPan p.more a:hover{text-decoration:underline;}

/*--/left panel--*/

/*--right panel--*/
#middlerightPanpack{
	width:233px;
	float:left;
	margin-top: 20px;
}
#middlerightPan{width:233px; float:left;}
#middlerightPan form{width:233px; height:234px; background:#fff; color:#3B3B3B;}
#middlerightPan form input{width:195px; height:18px; margin:5px 0 10px 18px; }
#middlerightPan form label{width:195px; height:18px; margin:0 0 0 18px; font-weight:bold; }

#middlerightPan form input.button{width:58px; height:24px; float:left; margin:0; background:url(images/login.jpg) 0 0 no-repeat #FEFEFE; color:#fff; border:none; font:14px/18px Georgia, "Times New Roman", Times, serif; font-weight:bold; }

#middlerightPan form h2{width:150px; height:73px; display:block; background:url(images/icon1.jpg) 10% 50% no-repeat #fff; color:#D67200; font:22px/73px Arial, Helvetica, sans-serif; padding:0 0 0 75px;}
#middlerightPan form #register{width:160px; height:24px; float:left; }
#middlerightPan form #register a{display:block; background:url(images/icon3.jpg) 10% 50% no-repeat #fff; color:#666; font:22px/24px Arial, Helvetica, sans-serif; padding:0 0 0 35px; text-decoration:none;}
#middlerightPan form #register a:hover{background:url(images/icon3.jpg) 10% 50% no-repeat #fff; color:#000; text-decoration:none;}

#middlerightPan p.online{width:233px; height:88px; margin:18px 0 23px;}
#middlerightPan p.online a{width:189px; height:66px; display:block; background:url(images/online.jpg) 0 0 no-repeat #EFEFEF; color:#fff; font:18px/20px Arial, Helvetica, sans-serif; font-weight:bold; text-decoration:none; padding:22px 0 0 44px;}
#middlerightPan p.online a:hover{text-decoration:none;}
/*--/right panel--*/
/*--/Middle Panel--*/
/*--Bottom Panel--*/
#bottomPan{
	width:708px;
	position:relative;
	margin:0 auto;
	padding-bottom: 15px;
}

#bottomPan p.legal {
font:12px/14px Arial, Helvetica, sans-serif;
}
#bottommiddlePan{width:708px; float:left; margin:21px 0 15px 0; background:url(images/middleborder.gif) 0 0 repeat-y;}
/*--Bottom Left Panel--*/

#colizqda {
width:354px; 
float:left;
}

#bottomleftPan{width:354px; float:left;}
#bottomleftPan p{padding:10px 49px 0 0;} 
#bottomleftPan p span.boldtext{font-weight:bold;}

#bottomleftPan p.more{width:118px; height:24px; margin:20px 0 0 186px; padding:0;}
#bottomleftPan p.more a{width:100px; height:24px; display:block; background:url(images/icon5.jpg) 0 0 no-repeat #fff; color:#966202; font:16px/24px "Trebuchet MS", Arial, Helvetica, sans-serif; padding:0 0 0 30px; text-decoration:none;}
#bottomleftPan p.more a:hover{text-decoration:underline;}


#bottomleftPan h2{width:260px; height:57px; background:url(images/icon4.jpg) 0 0% no-repeat #fff; color:#D67200; font:26px/35px Arial, Helvetica, sans-serif; padding:0 0 0 60px;}
#bottomleftPan h3{width:260px; height:26px; font-size:18px; display:block; line-height:26px; padding:0 0 0 0px; margin:1px 0 0;}
#bottomleftPan h4{
	width:330px;
	height:110px;
	color:#000;
	text-indent:-20000px;
	background-image: url(images/innovacion.jpg);
	background-position: right;
	margin-top: 15px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}
#bottomleftPan h4.cd{
	width:298px;
	height:104px;
	background:url(images/image_cd.jpg);
	color:#000;
	text-indent:-20000px;
	margin:15px 0 0;
}
#bottomleftPan h4.bluray{
	width:298px;
	height:104px;
	background:url(images/image_bluray.jpg);
	color:#000;
	text-indent:-20000px;
	margin:15px 0 0;
}
#bottomleftPan h4.tarjeta{
	width:298px;
	height:104px;
	background:url(images/image_card.jpg);
	color:#000;
	text-indent:-20000px;
	margin:15px 0 0;
}
#bottomleftPan h4.memory{
	width:298px;
	height:104px;
	background:url(images/image_memory.jpg);
	color:#000;
	text-indent:-20000px;
	margin:15px 0 0;
}


#bottomleftPanapilada{
	width:354px;
	float:left;
	margin-top: 20px;
}
#bottomleftPanapilada p{padding:10px 49px 0 0;} 
#bottomleftPanapilada p span.boldtext{font-weight:bold;}

#bottomleftPanapilada p.more{width:118px; height:24px; margin:20px 0 0 186px; padding:0;}
#bottomleftPanapilada p.more a{width:100px; height:24px; display:block; background:url(images/icon5.jpg) 0 0 no-repeat #fff; color:#966202; font:16px/24px "Trebuchet MS", Arial, Helvetica, sans-serif; padding:0 0 0 30px; text-decoration:none;}
#bottomleftPanapilada p.more a:hover{text-decoration:underline;}


#bottomleftPanapilada h2{width:260px; height:57px; background:url(images/icon4.jpg) 0 0% no-repeat #fff; color:#D67200; font:26px/35px Arial, Helvetica, sans-serif; padding:0 0 0 60px;}
#bottomleftPanapilada h3{width:260px; height:26px; font-size:18px; display:block; line-height:26px; padding:0 0 0 0px; margin:1px 0 0;}
#bottomleftPanapilada h4{
	width:298px;
	height:104px;
	background:url(images/image_bluray.jpg);
	color:#000;
	text-indent:-20000px;
	margin:15px 0 0;
}
#bottomleftPanapilada h4.cd{
	width:298px;
	height:104px;
	background:url(images/image_cd.jpg);
	color:#000;
	text-indent:-20000px;
	margin:15px 0 0;
}
#bottomleftPanapilada h4.bluray{
	width:298px;
	height:104px;
	background:url(images/image_bluray.jpg);
	color:#000;
	text-indent:-20000px;
	margin:15px 0 0;
}
#bottomleftPanapilada h4.tarjeta{
	width:298px;
	height:104px;
	background:url(images/image_bluray.jpg);
	color:#000;
	text-indent:-20000px;
	margin:15px 0 0;
}
#bottomleftPanapilada h4.memory{
	width:298px;
	height:104px;
	background:url(images/image_memory.jpg);
	color:#000;
	text-indent:-20000px;
	margin:15px 0 0;
}


#bottomleftPanarriba{
	width:354px;
	float:none;
	
}
#bottomleftPanarriba p{padding:10px 49px 0 0;} 
#bottomleftPanarriba p span.boldtext{font-weight:bold;}

#bottomleftPanarriba p.more{width:118px; height:24px; margin:20px 0 0 186px; padding:0;}
#bottomleftPanarriba p.more a{width:100px; height:24px; display:block; background:url(images/icon5.jpg) 0 0 no-repeat #fff; color:#966202; font:16px/24px "Trebuchet MS", Arial, Helvetica, sans-serif; padding:0 0 0 30px; text-decoration:none;}
#bottomleftPanarriba p.more a:hover{text-decoration:underline;}


#bottomleftPanarriba h2{width:260px; height:57px; background:url(images/icon4.jpg) 0 0% no-repeat #fff; color:#D67200; font:26px/35px Arial, Helvetica, sans-serif; padding:0 0 0 60px;}
#bottomleftPanarriba h3{width:260px; height:26px; font-size:18px; display:block; line-height:26px; padding:0 0 0 0px; margin:1px 0 0;}
#bottomleftPanarriba h4{
	width:298px;
	height:104px;
	background:url(images/image1.jpg);
	color:#000;
	text-indent:-20000px;
	margin:15px 0 0;
}
#bottomleftPanarriba h4.cd{
	width:298px;
	height:104px;
	background:url(images/image_cd.jpg);
	color:#000;
	text-indent:-20000px;
	margin:15px 0 0;
}
#bottomleftPanarriba h4.bluray{
	width:298px;
	height:104px;
	background:url(images/image_bluray.jpg);
	color:#000;
	text-indent:-20000px;
	margin:15px 0 0;
}
#bottomleftPanarriba h4.tarjeta{
	width:298px;
	height:104px;
	background:url(images/image_card.jpg);
	color:#000;
	text-indent:-20000px;
	margin:15px 0 0;
}
#bottomleftPanarriba h4.memory{
	width:298px;
	height:104px;
	background:url(images/image_memory.jpg);
	color:#000;
	text-indent:-20000px;
	margin:15px 0 0;
}



/*--/Bottom Left Panel--*/
/*--Bottom Right Panel--*/
#bottomrightPan{width:354px; float:left;}
#bottomrightPan p{padding:10px 20px 0 30px;} 
#bottomrightPan p span.boldtext{font-weight:bold;}

#bottomrightPan p.more{width:80px; height:24px; margin:20px 0 0 238px; padding:0;}
#bottomrightPan p.more a{width:80px; height:24px; display:block; background:url(images/icon5.jpg) 0 0 no-repeat #fff; color:#966202; font:16px/24px "Trebuchet MS", Arial, Helvetica, sans-serif; padding:0 0 0 30px; text-decoration:none;}
#bottomrightPan p.more a:hover{text-decoration:underline;}


#bottomrightPan h2{width:260px; height:26px; font-size:18px; display:block; line-height:26px; padding:0 0 0 30px; margin:1px 0 0;}
#bottomrightPan h4{
	width:318px;
	height:104px;
	color:#000;
	text-indent:-20000px;
	margin:15px 0 0;
	background-position: 30px 0;
	background-repeat: no-repeat;
	/* [disabled]background-image: url(images/sosteni.jpg); */
}
#bottomrightPan h4.usb{
	width:350px;
	height:110px;
	color:#000;
	text-indent:-20000px;
	background-position: 27px 0;
	background-repeat: no-repeat;
	background-image: url(images/sosteni.jpg);
	margin-top: 15px;
	margin-right: 0;
	margin-bottom: 0;
	/* [disabled]margin-left: 0; */
}

#bottomrightPan h4.tarjeta{
	width:318px;
	height:104px;
	background:url(images/image_card.jpg);
	color:#000;
	text-indent:-20000px;
	margin:15px 0 0;
	background-position: 30px 0;
	background-repeat: no-repeat;
}
#bottomrightPan h4.bluray{
	width:318px;
	height:104px;
	background:url(images/image_bluray.jpg);
	color:#000;
	text-indent:-20000px;
	margin:15px 0 0;
	background-position: 30px 0;
	background-repeat: no-repeat;
}
/*--/Bottom Right Panel--*/
#gris {
	color:#666;
	background-color: #f0f0f0;
	background-image: url(images/middlepanbg.gif);
	background-repeat: repeat-x;
	height: 505px;
	padding-top: 17px;
}

/*---FOOTER PANEL--*/
#footermainPan{
	height:144px;
	background:url(images/footerbg.gif) 0 0 repeat-x #777;
	color:#fff;
	margin:0;
	padding:0;
	clear:both;
	width: 100%;
	position: relative;
	text-align: center;
}
#footerPan{
	width:708px;
	margin:0 auto;
	text-align: center;
}

#footerPan ul{
	width:60%;
	position:relative;
	top:36px;
	left:0px;
	margin: 0 auto;
}
#footerPan li{float:left; font:12px/15px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:normal;}
#footerPan ul li a{padding:0 0 0 12px; color:#fff; background:#777777; text-decoration:none;}
#footerPan ul li a:hover{text-decoration:underline;}



#footerPan p.copyright{
	background:#7D7D7D;
	color:#fff;
	font:11px/15px Tahoma,Arial, Helvetica, sans-serif;
	position:relative;
	top:76px;
	left:0px;
	width: 708px;
	
	float: left;
}


#centropie {
width:100%;
	position:relative;
text-align: center;

}
#doc {
	background-color: #FFF;
	background-image: url(images/innovacion.jpg);
}
.productosusb {
	font-weight: bold;
	background-image: url(images/img_usb.jpg);
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	text-indent: -20000px;
}
.textoapaisado {
	background-color: #999;
}
#textocentrado {
	float: left;
	width: 708px;
}
#mainmiddlePanpack #middlePan #middleleftPan p a {
	color: #F00;
}
#mainmiddlePan #middlePan #middleleftPan p a {
	color: #F00;
	font-family: Verdana, Geneva, sans-serif;
	font-weight: bold;
}
#mainmiddlePanpack #middlePan #middleleftPan p a strong {
	color: #FF0000;
	font-family: Verdana, Geneva, sans-serif;
}
#bottomPan #bottommiddlePan #bottomrightPan .Estilo1 strong a {
	font-family: Verdana, Geneva, sans-serif;
}