body { 
			margin: 0;
			/*font: normal 12px/18px 'Helvetica', Arial, sans-serif;*/
			font: 16px/135% "Open Sans",sans-serif;
			color: #455463;
			/*background: url(../osimages/fondo.png);*/
			background: url('../osimages/bits.gif')
			
		}
		
		.cookies{
   	 	width: 100%;
    	position: fixed;
    	bottom: 0px;
    	left: 0px;
    	z-index: 1002;
    	background: rgba(25, 66, 227, 0.8) none repeat scroll 0% 0%;
		color: #ffffff;
		padding-left: 20px;
		padding-right: 20px;
		padding-top: 5px;
		padding-bottom: 5px;
		font: 14px "Open Sans",sans-serif;
		
		}
		
		#container { 
			width: 980px;
			margin: 0 auto;
			padding: 0px;
			background: #ffffff;
			border-left: 2px solid #cccccc;
			border-right: 2px solid #cccccc;
			border-bottom: 2px solid #cccccc;
			background: url('../osimages/fondo.png');
		}
		
		#content { 
		border-bottom: 2px solid #cccccc;
			position: relative; 
			padding: 0px;
			height: 600px;
			width: 972px;
			margin-left:4px;
			margin-right:4px;
			background: #9999ff;
		}
		
		#header{
			width:100%;
			height: 60px;
			/*background: #6666cc;*/
			background:#333366;
			position:relative;
			top:0;
			left:0;
			z-index:999;
				border-bottom: 2px solid #cccccc;
		}
		
		#logo {
		position:absolute;
		top:0px;
		left:0px;
		width:568px;
		height:58px;
		color: #ffffff;
		font-family:  arial,  sans-serif;
		FONT-FAMILY: arial, helvetica, sans-serif;
		font-size: 36px;
		font: Arial;
		padding:0;
		margin:0;
		text-shadow: 4px 4px 4px #3366ff;
		}
		
		a.mya{
		text-decoration:none;
		color:#ffffff;
		}
		
		a.mya:hover{
		text-decoration:none;
		color:#000000;
		}
		
		.hb{
		position : absolute;
		top :1205px;
		}
		
		td.contract{
		background:#000000;
		color:#ffffff;
		font:9px Arial;
		border:1px solid #cc88cc;
		}
		
		
		td.contract:hover{
		background:#ffffff;
		color:#000000;
		font:9px Arial;
		border:1px solid #cc00cc;
		}
		
		td.contract1{
		background:#ffffff;
		color:#ffffff;
		font:9px Arial;
		border:1px solid #cc88cc;
		}
		
		
		td.contract1:hover{
		background:#ffffff;
		color:#ffffff;
		font:9px Arial;
		border:1px solid #cc00cc;
		}
		
		p.vista{
		padding:0;
		margin:0;
		height:12px;
		line-height: 14px;
		margin-top:2px;
		margin-left:5px;
		margin-right:5px;
		font:11px Arial;
		font-weight: bolder;
		}
		
		.sli1{
		color: #ffffff;
		font-family:  arial,  sans-serif;
		font-size: 16px;
		font: Arial;
		font-weight: bolder;
		text-decoration: none;
		position: absolute;
		top : 32px;
		left: 40px ;
		width:568px;
		height:307px;
		}
		.psli1{
		color: #ffffff;
		font-family:  arial,  sans-serif;
		font-size: 14px;
		font: Arial;
		font-weight: bolder;
		text-decoration: none;
		position: absolute;
		top : 0px;
		left: -22px;
		width:568px;
		height:307px;
		line-height:19px;
		}
		.slit1{
		position: absolute;
		border-top:0px solid #2266dd;
		top :-46px;
		left:-40px;
		width:568px;
		height:40px;
		line-height:40px;
		background: #20A055; 
		font-family:  arial,  sans-serif;
		font-size: 19px;
		font: Arial;
		font-weight: bold;
		text-decoration: none;
		text-align:center;
		}
			
		.sli2{
		color: #ffffff;
		font-family:  arial,  sans-serif;
		font-size: 16px;
		font: Arial;
		font-weight: bolder;
		text-decoration: none;
		position: absolute;
		top : 32px;
		left: 39px ;
		width:568px;
		height:310px;
		}
		.psli2{
		color: #ffffff;
		font-family:  arial,  sans-serif;
		font-size: 14px;
		font: Arial;
		font-weight: bolder;
		text-decoration: none;
		position: absolute;
		top : 0px;
		left: 546px ;
		width:568px;
		height:307px;
		line-height:19px;
		}
		.slit2{
		position: absolute;
		border-top:0px solid #2266dd;
		top :-46px;
		left:528px;
		width:568px;
		height:40px;
		line-height:40px;
		background: #206BA0; 
		font-family:  arial,  sans-serif;
		font-size: 19px;
		font: Arial;
		font-weight: bold;
		text-decoration: none;
		text-align:center;
		}
		
		.sli3{
		color: #ffffff;
		font-family:  arial,  sans-serif;
		font-size: 16px;
		font: Arial;
		font-weight: bolder;
		text-decoration: none;
		position: absolute;
		top : 32px;
		left: 1174px;
		width:567px;
		height:307px;
		}
		.psli3{
		color: #ffffff;
		font-family:  arial,  sans-serif;
		font-size: 14px;
		font: Arial;
		font-weight: bolder;
		text-decoration: none;
		position: absolute;
		top : 0px;
		left: -12px ;
		width:568px;
		height:310px;
		line-height:19px;
		}
		.slit3{
		position: absolute;
		border-top:0px solid #2266dd;
		top :-46px;
		left:-40px;
		width:568px;
		height:40px;
		line-height:40px;
		background: #5520A0; 
		font-family:  arial,  sans-serif;
		font-size: 19px;
		font: Arial;
		font-weight: bold;
		text-decoration: none;
		text-align:center;
		}
		
		.sli4{
		color: #ffffff;
		font-family:  arial,  sans-serif;
		font-size: 16px;
		font: Arial;
		font-weight: bolder;
		text-decoration: none;
		position: absolute;
		top : 32px;
		left: 1786px ;
		width:568px;
		height:307px;
		}
		.psli4{
		color: #ffffff;
		font-family:  arial,  sans-serif;
		font-size: 14px;
		font: Arial;
		font-weight: bolder;
		text-decoration: none;
		position: absolute;
		top : 0px;
		left:-54px ;
		width:568px;
		height:307px;
		line-height:19px;
		}
		.slit4{
		position: absolute;
		border-top:0px solid #2266dd;
		top :-46px;
		left:-84px;
		width:568px;
		height:40px;
		line-height:40px;
		background: #6BA020; 
		font-family:  arial,  sans-serif;
		font-size: 19px;
		font: Arial;
		font-weight: bold;
		text-decoration: none;
		text-align:center;
		}
				
		.sli5{
		color: #ffffff;
		font-family:  arial,  sans-serif;
		font-size: 16px;
		font: Arial;
		font-weight: bolder;
		text-decoration: none;
		position: absolute;
		top : 32px;
		left: 2358px ;
		width:568px;
		height:307px;
		/*border: 1px solid #ffffff;*/
		}
		.psli5{
		color: #ffffff;
		font-family:  arial,  sans-serif;
		font-size: 14px;
		font: Arial;
		font-weight: bold;
		text-decoration: none;
		position: absolute;
		top : 0px;
		left:-50px ;
		width:568px;
		height:307px;
		line-height:19px;
		}
		.slit5{
		position: absolute;
		border-top:0px solid #2266dd;
		top :-50px;
		left:-85px;
		width:568px;
		height:40px;
		line-height:40px;
		background: #A0206B; 
		font-family:  arial,  sans-serif;
		font-size: 19px;
		font: Arial;
		font-weight: bold;
		text-decoration: none;
		text-align:center;
		}	
		
		.leer1{
		position: absolute;
		left:-50px;
		bottom :40px;
		width:567px;
		height:40px;
		line-height:40px;
		font-family:  arial,  sans-serif;
		font-size: 13px;
		font: Arial;
		font-weight: bold;
		text-decoration: none;
		text-align:center;
		}
		
		/*
		.leer1:hover{
		position: absolute;
		color : #000000;
		left:-50px;
		bottom :40px;
		width:567px;
		height:40px;
		line-height:40px;
		font-family:  arial,  sans-serif;
		font-size: 13px;
		font: Arial;
		font-weight: bold;
		text-decoration: underline;
		text-align:center;
		}
		*/
				
		.leer2{
		position: absolute;
		left:527px;
		bottom :40px;
		width:557px;
		height:40px;
		line-height:40px;
		/*background: #A0206B; */
		font-family:  arial,  sans-serif;
		font-size: 13px;
		font: Arial;
		font-weight: bold;
		text-decoration: none;
		text-align:center;
		
		}
		/*
		.leer2:hover{
		position: absolute;
		color : #000000;
		left:527px;
		bottom :40px;
		width:557px;
		height:40px;
		line-height:40px;
		font-family:  arial,  sans-serif;
		font-size: 13px;
		font: Arial;
		font-weight: bold;
		text-decoration: underline;
		text-align:center;
		}
		*/
		.leer3{
		position: absolute;
		left:-40px;
		bottom :40px;
		width:557px;
		height:40px;
		line-height:40px;
		/*background: #A0206B; */
		font-family:  arial,  sans-serif;
		font-size: 13px;
		font: Arial;
		font-weight: bold;
		text-decoration: none;
		text-align:center;
		
		}
		/*
		.leer3:hover{
		position: absolute;
		color : #000000;
		left:-40px;
		bottom :40px;
		width:567px;
		height:40px;
		line-height:40px;
		font-family:  arial,  sans-serif;
		font-size: 13px;
		font: Arial;
		font-weight: bold;
		text-decoration: underline;
		text-align:center;
		}		
		*/
		
		.leer4{
		position: absolute;
		left:-84px;
		bottom :40px;
		width:557px;
		height:40px;
		line-height:40px;
		font-family:  arial,  sans-serif;
		font-size: 13px;
		font: Arial;
		font-weight: bold;
		text-decoration: none;
		text-align:center;
		
		}
		/*
		.leer4:hover{
		position: absolute;
		color : #000000;
		left:-84px;
		bottom :40px;
		width:557px;
		height:40px;
		line-height:40px;
		font-family:  arial,  sans-serif;
		font-size: 13px;
		font: Arial;
		font-weight: bold;
		text-decoration: underline;
		text-align:center;
		}
		*/		
		.leer5{
		position: absolute;
		left:-84px;
		bottom :40px;
		width:557px;
		height:40px;
		line-height:40px;
		font-family:  arial,  sans-serif;
		font-size: 13px;
		font: Arial;
		font-weight: bold;
		text-decoration: none;
		text-align:center;
		
		}
		/*
		.leer5:hover{
		position: absolute;
		color : #000000;
		left:-84px;
		bottom :40px;
		width:557px;
		height:40px;
		line-height:40px;
		font-family:  arial,  sans-serif;
		font-size: 13px;
		font: Arial;
		font-weight: bold;
		text-decoration: underline;
		text-align:center;
		}		
		*/
		
				
		#icontainer { 
			width: 980px;
			margin: 0 auto;
			padding: 0px;
			background: #ffffff;
			border-left: 2px solid #cccccc;
			border-right: 2px solid #cccccc;
			border-bottom: 2px solid #cccccc;
			background: url('../osimages/fondo.png');
		}
		
		#icontent { 
			position: relative; 
			padding: 0px;
			top : 0px;
			height: 1586px;
			width: 972px;
			margin-left:4px;
			margin-right:4px;
		}
		
		#incentro{
		z-index:1;
		position:absolute;
		top:0px;
		left:0px;
		width:100%;
		height: 1200px;
		background:#bbbbff;
		}
		
		#icentro{
		z-index:1;
		position:absolute;
		top:384px;
		left:0px;
		width:100%;
		height: 100%;
		background:#bbbbff;
		}
		
		
		.ipop{
		width: 100%;
		height: 210px;
		position: relative;
		/*margin:auto;*/
		top :0px;
		z-index:1100;
		left:0px;
		color: #ffffff;;
		font-family:  arial,  sans-serif;
		font-size: 20px;
		font: Arial;
		font-weight: bolder;
		text-decoration: none;
		text-align: left;
		border: 0px solid #ffffff;
		}
		
		.pico{
		position : absolute;
		top: 70px;
		left: 30px;
		width:90px;
		height:90px;
		}
		
		.isli1{
		color: #ffffff;
		font-family:  arial,  sans-serif;
		font-size: 16px;
		font: Arial;
		font-weight: bolder;
		text-decoration: none;
		position: relative;
		top : 0px;
		left: 0px ;
		width:700px;
		height:190px;
		margin: auto;
		}
		.ipsli1{
		color: #000000;
		font-family:  arial,  sans-serif;
		font-size: 14px;
		font: Arial;
		font-weight: bolder;
		text-decoration: none;
		position: relative;
		top : 0px;
		left: 0px;
		width:700px;
		height:190px;
		line-height:19px;
		margin: auto;
		}
		.islit1{
		position: relative;
		border-top:0px solid #2266dd;
		top : 0px;
		left:00px;
		width:700px;
		height:40px;
		line-height:40px;
		background: #20A055; 
		font-family:  arial,  sans-serif;
		font-size: 19px;
		font: Arial;
		font-weight: bold;
		text-decoration: none;
		text-align:center;
		margin: auto;
		}
			
		.isli2{
		color: #ffffff;
		font-family:  arial,  sans-serif;
		font-size: 16px;
		font: Arial;
		font-weight: bolder;
		text-decoration: none;
		position: relative;
		top : 0px;
		left: 0px ;
		width:700px;
		height:190px;
		margin: auto;
		}
		.ipsli2{
		color: #000000;
		font-family:  arial,  sans-serif;
		font-size: 14px;
		font: Arial;
		font-weight: bolder;
		text-decoration: none;
		position: relative;
		top : 0px;
		left: 0px ;
		width:700px;
		height:190px;
		line-height:19px;
		margin: auto;
		}
		.islit2{
		position: relative;
		border-top:0px solid #2266dd;
		top :0px;
		left:0px;
		width:700px;
		height:40px;
		line-height:40px;
		background: #206BA0; 
		font-family:  arial,  sans-serif;
		font-size: 19px;
		font: Arial;
		font-weight: bold;
		text-decoration: none;
		text-align:center;
		margin: auto;
		}
		
		.isli3{
		color: #ffffff;
		font-family:  arial,  sans-serif;
		font-size: 16px;
		font: Arial;
		font-weight: bolder;
		text-decoration: none;
		position: relative;
		top : 0px;
		left: 0px;
		width:567px;
		height:190px;
		margin: auto;
		}
		.ipsli3{
		color: #000000;
		font-family:  arial,  sans-serif;
		font-size: 14px;
		font: Arial;
		font-weight: bolder;
		text-decoration: none;
		position: relative;
		top : 0px;
		left: 0px ;
		width:700px;
		height:190px;
		line-height:19px;
		margin: auto;
		}
		.islit3{
		position: relative;
		border-top:0px solid #2266dd;
		top :0px;
		left:0px;
		width:700px;
		height:40px;
		line-height:40px;
		background: #5520A0; 
		font-family:  arial,  sans-serif;
		font-size: 19px;
		font: Arial;
		font-weight: bold;
		text-decoration: none;
		text-align:center;
		margin: auto;
		}
		
		.isli4{
		color: #ffffff;
		font-family:  arial,  sans-serif;
		font-size: 16px;
		font: Arial;
		font-weight: bolder;
		text-decoration: none;
		position: relative;
		top : 0px;
		left: 0px;
		width:700px;
		height:190px;
		margin: auto;
		}
		.ipsli4{
		color: #000000;
		font-family:  arial,  sans-serif;
		font-size: 14px;
		font: Arial;
		font-weight: bolder;
		text-decoration: none;
		position: relative;
		top : 0px;
		left: 0px ;
		width:700px;
		height:190px;
		line-height:19px;
		margin: auto;
		}
		.islit4{
		position: relative;
		border-top:0px solid #2266dd;
		top :0px;
		left:0px;
		width:700px;
		height:40px;
		line-height:40px;
		background: #6BA020; 
		font-family:  arial,  sans-serif;
		font-size: 19px;
		font: Arial;
		font-weight: bold;
		text-decoration: none;
		text-align:center;
		margin: auto;
		}
				
		.isli5{
		color: #ffffff;
		font-family:  arial,  sans-serif;
		font-size: 16px;
		font: Arial;
		font-weight: bolder;
		text-decoration: none;
		position: relative;
		top : 0px;
		left: 0px ;
		width:700px;
		height:190px;
		/*border: 1px solid #ffffff;*/
		margin: auto;
		}
		.ipsli5{
		color: #000000;
		font-family:  arial,  sans-serif;
		font-size: 14px;
		font: Arial;
		font-weight: bold;
		text-decoration: none;
		position: relative;
		top : 0px;
		left: 0px ;
		width:700px;
		height:190px;
		line-height:19px;
		margin: auto;
		}
		.islit5{
		position: relative;
		border-top:0px solid #2266dd;
		top : 0px;
		left: 0px;
		width:700px;
		height:40px;
		line-height:40px;
		background: #A0206B; 
		font-family:  arial,  sans-serif;
		font-size: 19px;
		font: Arial;
		font-weight: bold;
		text-decoration: none;
		text-align:center;
		margin: auto;
		}	
		
	/*//////////////////	*/
		
		#menus{
		position:absolute;
		top:6px;
		left:644px;
		height:14px;
		width:396px;
		color: #ffffff;
		font-family:  arial,  sans-serif;
		font-size: 15px;
		font: Arial;
		font-weight: bolder;
		text-decoration: none;
		padding:0;
		margin:0;
		list-style-type: none;
		/*text-shadow: 1px 1px 0 #ccf;*/
		}
		
		a.menu{
		width: 78px;
		float:left;
		border-left: 1px solid #ffffff;
		border-right: 1px solid #ffffff;
		color: #ffffff;
		font-family:  arial,  sans-serif;
		font-size: 15px;
		font: Arial;
		font-weight: bolder;
		text-decoration: none;
		text-align: center;
		padding:0;
		margin:0;
		list-style-type: none;
		}
		
		a.menui{
		width: 78px;
		float:left;
		border-left: 2px solid #ffffff;
		border-right: 1px solid #ffffff;
		color: #ffffff;
		font-family:  arial,  sans-serif;
		font-size: 15px;
		font: Arial;
		font-weight: bolder;
		text-decoration: none;
		text-align: center;
		padding:0;
		margin:0;
		list-style-type: none;
		}
		
		a.menui:hover{
		width: 78px;
		float:left;
		border-left: 2px solid #ffffff;
		border-right: 1px solid #ffffff;
		color: #0000ff;
		background: #ffffff;
		font-family:  arial,  sans-serif;
		font-size: 15px;
		font: Arial;
		font-weight: bolder;
		text-decoration: none;
		text-align: center;
		padding:0;
		margin:0;
		list-style-type: none;
		}
		
		a.menud{
		margin: 0px;
		padding:0px;
		width: 78px;
		float:left;
		border-left: 1px solid #ffffff;
		border-right: 2px solid #ffffff;
		color: #ffffff;
		font-family:  arial,  sans-serif;
		font-size: 15px;
		font: Arial;
		font-weight: bolder;
		text-decoration: none;
		text-align: center;
		padding:0;
		margin:0;
		list-style-type: none;
		}
		
		
		a.menud:hover{
		margin: 0px;
		padding:0px;
		width: 78px;
		float:left;
		border-left: 1px solid #ffffff;
		border-right: 2px solid #ffffff;
		color: #0000ff;
		background: #ffffff;
		font-family:  arial,  sans-serif;
		font-size: 15px;
		font: Arial;
		font-weight: bolder;
		text-decoration: none;
		text-align: center;
		padding:0;
		margin:0;
		list-style-type: none;
		}
		
		
		
		/*----------------------------------------------------*/
		
		#menui{
		border-top: 14px solid #3399ff;
		position:absolute;
		top:24px;
		left:565px;
		height:14px;
		width:406px;
		color: #ffffff;
		font-family:  arial,  sans-serif;
		font-size: 15px;
		font: Arial;
		font-weight: bolder;
		text-decoration: none;
		padding:0;
		margin:0;
		list-style-type: none;
		/*text-shadow: 1px 1px 0 #ccf;*/
		}
		
		a.menup{
		width: 78px;
		float:left;
		border-left: 1px solid #ffffff;
		border-right: 1px solid #ffffff;
		color: #ffffff;
		font-family:  arial,  sans-serif;
		font-size: 15px;
		font: Arial;
		font-weight: bolder;
		text-decoration: none;
		text-align: center;
		padding:0;
		margin:0;
		list-style-type: none;
		}
		
		a.menup:hover{
		width: 78px;
		float:left;
		border-left: 1px solid #ffffff;
		border-right: 1px solid #ffffff;
		color: #0000ff;
		background: #ffffff;
		font-family:  arial,  sans-serif;
		font-size: 15px;
		font: Arial;
		font-weight: bolder;
		text-decoration: none;
		text-align: center;
		padding:0;
		margin:0;
		list-style-type: none;
		}
		
		a.menups{
		width: 78px;
		float:left;
		border-left: 1px solid #ffffff;
		border-right: 1px solid #ffffff;
		color: #ffffff;
		font-family:  arial,  sans-serif;
		font-size: 15px;
		font: Arial;
		font-weight: bolder;
		text-decoration: none;
		text-align: center;
		padding:0;
		margin:0;
		list-style-type: none;
		}
		

		
		a.menuip{
		width: 78px;
		float:left;
		border-left: 2px solid #ffffff;
		border-right: 1px solid #ffffff;
		color: #ffffff;
		font-family:  arial,  sans-serif;
		font-size: 15px;
		font: Arial;
		font-weight: bolder;
		text-decoration: none;
		text-align: center;
		padding:0;
		margin:0;
		list-style-type: none;
		}
		
		
		a.menuis{
		width: 78px;
		float:left;
		border-left: 2px solid #ffffff;
		border-right: 1px solid #ffffff;
		background: #999999;
		color: #ffffff;
		font-family:  arial,  sans-serif;
		font-size: 15px;
		font: Arial;
		font-weight: bolder;
		text-decoration: none;
		text-align: center;
		padding:0;
		margin:0;
		list-style-type: none;
		}
		
		a.menudp{
		width: 78px;
		float:left;
		border-left: 1px solid #ffffff;
		border-right: 2px solid #ffffff;
		color: #ffffff;
		font-family:  arial,  sans-serif;
		font-size: 15px;
		font: Arial;
		font-weight: bolder;
		text-decoration: none;
		text-align: center;
		padding:0;
		margin:0;
		list-style-type: none;
		}

				
		/*---------------------------------------------------*/
		#demo {
		width:100%;
		height: 307px;
		position:relative;
		top:0;
		left:0;
		z-index:998;
		
		}
		#demoi {
		padding:0;
		margin:0;
		position:relative;
		top:0;
		left:0;
		width: 567px;
		height: 307px;
		float:left;
		background: url(../ima/sliderbase.png);
		z-index:997;
		overflow: hidden;
		
		}
		
		#demod {
		padding:0;
		margin:0;
		position:absolute;
		top:0px;
		left:567px;
		width: 410px;
		height: 300px;
		/*background: url('000.png') ;*/
		background-image: url("../demod1.png");
		background-attachment: scroll;
		overflow:none;
		float:left;
		z-index:996;
		}
		.i0 {
       	background-position: 410px 0px; 
		}
		.i1 {
       	background-position: 820px 0px; 
		}
		.i2 {
	   	background-position: 1230px 0px;   
		}
		.i3 {
    	background-position: 1640px 0px  
		}
		.i4 {
	   	background-position: 2050px 0px; 
		}
		.i5 {
    	background-position: 820px 0px; 
		}
		.i6 {
    	background-position: 410px 0px; 
		}
		
		#titulo{
		z-index:1010;
		position: absolute;
		top: 300px;
		left: 586px;
		width: 200px;
		height: 40px;
		background: #ffffff;
		border: 1px solid #000000;
		color: #090000;;
		font-family:  arial,  sans-serif;
		font-size: 20px;
		font: Arial;
		font-weight: bolder;
		text-decoration: none;
		text-align: center;
		line-height:36px;
		
		}
		
		#centro{
		z-index:1;
		position:absolute;
		top:0px;
		left:0px;
		width:100%;
		height: 100%;
		background:#bbbbff;
		}
		
		
		
		
		#carbono{
		position : absolute;
		top : 380px;
		left: 25px;
		height: 400px;
		width: 300px;
		background:#000000;
		float: left;
		border: 2px solid #000000;
		/*background: #cccccc;*/		
		}
		#carbono:hover{
		border: 2px solid #ffffff;
		}
		
		#cobre{
		position: absolute;
		top : 380px;
		left: 335px;
		height: 400px;
		width: 300px;
		background:#000000;
		float: left;
		border: 2px solid #000000;
		}
		#cobre:hover{
		border: 2px solid #ffffff;
		}
		
		#bronce{
		position: absolute;
		top : 380px;
		left: 645px;
		height: 400px;
		width: 300px;
		background:#000000;
		float: left;
		border: 2px solid #000000;
		}
		#bronce:hover{
		border: 2px solid #ffffff;
		}
		
		#plata{
		position:absolute;
		top : 800px;
		left: 150px;
		height: 400px;
		width: 300px;
		background:#000000;
		float: left;
		border: 2px solid #000000;
		}
		#plata:hover{
		border: 2px solid #ffffff;
		}
		
		#oro{
		position:absolute;
		top : 800px;
		left: 500px;
		height: 400px;
		width: 300px;
		background:#666666;
		float: left;
		border: 2px solid #000000;
		}
		#oro:hover{
		border: 2px solid #ffffff;
		}
		
		.c1{
		position: absolute;
		top:26px;
		left:10px;
		background: #ffffff;
		width:280px;
		height: 343px;
		float:left;
		border: 1px solid #999999;
		
		}
		
		.tframe{
		position: relative;
		top:-26px;
		height:30px;
		width:300px;
		color: #ffffff;;
		font-family:  arial,  sans-serif;
		font-size: 20px;
		font: Arial;
		font-weight: bolder;
		text-decoration: none;
		text-align: center;
		line-height:00px;
		border:0px solid #ff0000;
		}
		.linea{
		position:relative;
		top:-44px;
		left:15px;
		padding:0px;
		margin-top:51px; 
		margin-left:-10px;
		width:270px;
		height:16px;
		color: #090000;
		font-family:  arial,  sans-serif;
		font-size: 15px;
		font: Arial;
		font-weight: bold;
		text-decoration: none;
		text-align: left;
		line-height:16px;
		padding-left:5px;
		float: left;
		border: 2px solid #333366;
		background: #ccccff;
		}
		.tlinea{
		padding-left:3px;
		color: #ffffff; 
		width:60px;
		background: #444444;
		text-align: justity;
		height:20px;
		}
		.tlinea1{
		padding-left:3px;
		color: #112211;
		width:100px
		}
		.tlinea1p{
		color: #882200;
		width:100px;
		font-size:0.9em;
		}
		
		.lineag{
		position:relative;
		top:-26px;
		left:3px;
		padding:0px;
		margin-top:24px; 
		margin-left:-10px;
		width:234px;
		height:16px;
		color: #090000;
		font-family:  arial,  sans-serif;
		font-size: 12px;
		font: Arial;
		font-weight: bold;
		text-decoration: none;
		text-align: left;
		line-height:16px;
		padding-left:5px;
		float: left;
		border: 0px solid #333366;
		background: #ffffff;
		}
		
		
		.tlineag{
		padding-left:6px;
		padding-top:1px;
		color: #ffffff; 
		width:100px;
		background: #444444;
		text-align: left;
		vertical-align: middle;
		height:14px;
		}
		
		.tlineag1{
		padding-left:2px;
		color: #112299;
		width:110px;
		text-align:left;
		font-weight: bolder;
		border-bottom:1px dotted #000000;
		}
		.tlineag1p{
		color: #882200;
		width:100px;
		font-size:0.9em;
		}
		
		.tlineat{
		padding-left:14px;
		padding-top:3px;
		color: #ffffff; 
		width:212px;
		background: #000000;
		text-align: left;
		vertical-align: middle;
		height:17px;
		text-decoration: bold;
		font-weight: bolder;
		}
		
		.lineam{
		position:relative;
		top:-10px;
		left:3px;
		padding:0px;
		width:212px;
		height:120px;
		color: #000000;
		font-family:  arial,  sans-serif;
		font-size: 15px;
		font: Arial;
		font-weight: bolder;
		text-decoration: none;
		text-align: left;
		line-height:14px;
		padding-left:5px;
		float: left;
		border: 0px solid #333366;
		background: #ffffff;
		}

		.tlineai{
		padding-top:1px;
		padding-left:1px;
		margin-bottom: 0px;
		color: #ffffff; 
		width:20px;
		background: #ffffff;
		text-align: left;
		/*height:21px;*/
		}
		
		.tlineam{
		padding-left:0px;
		color: #ffffff; 
		width:200px;
		background: #444444;
		text-align: left;
		height:20px;
		vertical-align: middle;
		}
		
		.ele{
		border: 1px solid #3366ff;
		}
		
		.label{
		padding-top: -4px;
		background: #999999;
		color :#ffffff;
		height:14px;
		width:50px;
		margin:0px;
		padding-left:4px;
		text-align: left;
		font-weight: 900;
		}
		
		.tlineam1{
		padding-left:3px;
		color: #112211;
		width:100px
		}
		
		.tlineam1p{
		color: #882200;
		width:100px;
		font-size:0.9em;
		}
		
		.titu{
		position: absolute;
		color: #ffffff;
		font-size: 16px;
		font: Arial;
		font-weight: bold;
		text-decoration: none;
		text-align: left;
		line-height:14px;
		margin: 0px;
		top:16px;
		left:160px;
		z-index:1200;
		text-shadow: 1px 1px 1px #000000;
		}
		
		.just{
		margin:0px;
		padding:0ox;
		color: #111111;
		font-family:  arial,  sans-serif;
		font-size: 12px;
		font: Arial;
		font-weight: bold;
		text-decoration: none;
		text-align: justify;
		width:100%;
		}
		
		.btn{
		position:absolute;
		bottom:-35px;
		left:100px;
		height:40px;
		width:100px;
		font-family:  arial,  sans-serif;
		font-size: 16px;
		font: Arial;
		font-weight: bold;
		text-decoration: none;
		text-align: center;
		line-height:40px;
		color: #000000;
		text-shadow: 1px 1px 1px #ffffff;
		}
		
		.btn:hover{
		position:absolute;
		bottom:-35px;
		left:100px;
		height:38px;
		width:98px;
		font-family:  arial,  sans-serif;
		font-size: 16px;
		font: Arial;
		font-weight: bold;
		text-decoration: none;
		text-align: center;
		line-height:40px;
		color: #000000;
		text-shadow: 1px 1px 4px #ffffff;
		border: 1px solid #ffffff;
		}
		
		#hmenu{
		width: 100%;
		left :200px;
		list-style-type: none;
		text-align: center;
		margin:auto;
		}
		
		p.cto{
		padding-left: 5px;
		padding-right: 5px;
		margin-left:5px;
		margin-right:5px;
		text-decoration: none;
		color :#000000;
		font-family:  Arial,  Sans-serif;
		font-size: 14px;
		font: Arial;
		font-weight: normal;
		text-decoration: none;
		text-align: justify;
		}
		
		div.cto{
		padding-left: 5px;
		padding-right: 10px;
		margin-left:5px;
		margin-right:10px;
		text-decoration: none;
		color :#000000;
		font-family:  Arial,  Sans-serif;
		font-size: 14px;
		font: Arial;
		font-weight: normal;
		text-decoration: none;
		text-align: justify;
		overflow: auto;
		}
		
		
		p.bho{
		margin-left:5px;
		margin-right:5px;
		text-decoration: none;
		color :#ffffff;
		font-family:  arial,  sans-serif;
		font-size: 14px;
		font: Arial;
		font-weight: bold;
		text-decoration: none;
		text-align: center;
		text-shadow: 1px 1px 1px #000000;
		border: 1px solid #ffffff;
		}
		
		p.bho:hover{
		left : 300px;
		margin-left:5px;
		margin-right:5px;
		text-decoration: none;
		color :#ffffff;
		font-family:  arial,  sans-serif;
		font-size: 14px;
		font: Arial;
		font-weight: bold;
		text-decoration: none;
		text-align: center;
		text-shadow: 1px 1px 1px #ffffff;
		border: 1px solid #666666;
		}

		
		.precio{
		position:absolute;
		bottom:0px;
		right:0px;
		height:62px; 
		width:58px;
		background:url('../botones/preciop.png');
		}
		
		.pprecio{
		font-family:  arial,  sans-serif;
		font-size: 16px;
		font: Arial;
		font-weight: bold;
		text-decoration: none;
		text-align: center;
		line-height:13px;
		color: #3366cc;
		text-shadow: 1px 1px 1px #ffffff;
		padding-top:10px;
		}
		
		.ok{
		position:absolute;
		bottom:0px;
		right:leftpx;
		height:62px; 
		width:58px;
		background:url('../simbols/best60a.png');
		z-index:9999;
		}
		
		.equipo{
		position:absolute;
		bottom:25px;
		right:leftpx;
		height:14px; 
		width:90px;
		left:105px;
		background:url('../elements/1equipos.png');
		z-index:9999;
		}
		
		.equipos{
		position:absolute;
		bottom:17px;
		right:leftpx;
		height:23px; 
		width:90px;
		left:105px;
		background:url('../elements/2equipos.png');
		z-index:9999;
		}
		
		.pop{
		width: 600px;
		height: 400px;
		position: absolute;
		margin:auto;
		top :1280px;
		z-index:1100;
		left:175px;
		
		}
		#popcarbono{
		background:url('../marcos/carbonos.png');
		display:none;
		z-index:1090;
		
		}
		#popcobre{
		background:url('../marcos/cobres.png');
		display:none;
		z-index:1090;
		}
		#popbronce{
		background:url('../marcos/bronces.png');
		display:none;
		z-index:1090;
		}
		#popplata{
		background:url('../marcos/platas.png');
		display:none;
	    z-index:1090;
		}
		#poporo{
		background:url('../marcos/oros.png');
		display:none;
		z-index:1090;
		}
		.smsg{
		width: 466px;
		height: 284px;
		position: absolute;
		top :50px;
		z-index:2000;
		left:65px;
		background: #ffffff;
		overflow: none;
		}
		.mcontent{
		width: 458px;
		height: 276px;
		margin: 0;
		overflow: auto;
		font-family:  arial,  sans-serif;
		font-size: 11px;
		font: Arial;
		font-weight: bolder;
		text-decoration: none;
		text-align: center;
		color:#ffffff;
		line-height:12px;
		
		/*background: #ff0000;*/
		}