/*=================================================================================*\
 *  gensty01.php - Hoja de estilos principal
 *
 *  (c) 2007 Innovatrium, S.L. <innovatrium@innovatrium.es>
 *  Este archivo NO puede ser libremente distribuido. Reservados todos los derechos.
 *  Para ms informacin visite el sitio: http://www.innovatrium.es/ 
 *
\*=================================================================================*/

/*---------------------------------------------------------------------------------*\
 *  Estilos generales
\*---------------------------------------------------------------------------------*/

/* Todos los objetos */
*
{
	margin:0;
	padding:0;
}

/* Body de la pgina */
body 
{
	width: 100%;
	height:100%;
	font: 12px Verdana;
	background-color: #000000;
	color:#4D4D4D;
	text-align: left;	
	
}

/* Imgenes */
img 
{
	border:0px;
}

.webgen01{
	width:900px;
	margin: 0px auto;
	background-color:#000000;
}	

.webestcab{
	width: 900px;
	height: 82px;		
	background: url(4ima/imacab01.jpg) 0 0 no-repeat;
	background-color: #000000;
	border-bottom:1px solid #666666;
	position: relative;
	
}
*:focus { outline: none }

a{
	color: #999999;

}


/*/////////////////////////ROLLOVERS ESPAÑOL//////////////////////*/
.webestmnu01{
	width:637px;
	height:82px;
	float:right;
	position:relative;
}

var{
	visibility:hidden;
}
	

ul.webestmnu01{
width: 637px;
height: 25px;
list-style: none;
text-decoration: none;
margin:38px 0px 0px 0px;
padding: 0px 0px 0px 0px;
float:right;
position: relative;

}
ul.webestmnu01 li {
width:154px;
height: 25px;
text-decoration: none;
margin: 0px;
padding: 0px 4px 0px 0px;
float:right;
position: relative;
}
ul.webestmnu01 li a {
width:154px;
height: 25px;
text-decoration: none;
display:block;
margin: 0px;
padding: 0px 0px 0px 0px;
}

ul.webestmnu01 li a.one {
width:154px;
height:25px;
background:url(4ima/imamnu01.jpg) 0px -26px no-repeat;
}
ul.webestmnu01 li a:hover.one {
height: 25px;
background: url(4ima/imamnu01.jpg) 0 0 no-repeat;
}
ul.webestmnu01 li a.one_activo {
width:154px;
height:25px;
background: url(4ima/imamnu01.jpg) 0 0 no-repeat;
}
ul.webestmnu01 li a.two {
width:154px;
height:25px;
background: url(4ima/imamnu01.jpg) -161px -26px no-repeat;
}
ul.webestmnu01 li a:hover.two {
width:154px;
height:25px;
background: url(4ima/imamnu01.jpg) -161PX 0 no-repeat;
}
ul.webestmnu01 li a.two_activo {
width:154px;
height:25px;
background: url(4ima/imamnu01.jpg) -161px 0 no-repeat;
}
ul.webestmnu01 li a.three {
width:154px;
height:25px;
background: url(4ima/imamnu01.jpg) -322px -26px no-repeat;
}
ul.webestmnu01 li a:hover.three {
width:154px;
height:25px;
background: url(4ima/imamnu01.jpg) -322px 0 no-repeat;
}
ul.webestmnu01 li a.three_activo {
width:154px;
height:25px;
background: url(4ima/imamnu01.jpg) -322px 0 no-repeat;

}
ul.webestmnu01 li a.four {
width:154px;
height:25px;
background: url(4ima/imamnu01.jpg) -483px -26px no-repeat;
}

ul.webestmnu01 li a:hover.four {
width:154px;
height:25px;
background: url(4ima/imamnu01.jpg) -483px 0px no-repeat;

}
ul.webestmnu01 li a.four_activo {
width:154px;
height:25px;
background: url(4ima/imamnu01.jpg) -483px 0px no-repeat
}

/*/////////////////////////ROLLOVERS INGLÉS//////////////////////*/


.webestmnu02{
	width:637px;
	height:82px;
	float:right;
	position:relative;
}

var{
	visibility:hidden;
}
	

ul.webestmnu02{
width: 637px;
height: 25px;
list-style: none;
text-decoration: none;
margin:38px 0px 0px 0px;
padding: 0px 0px 0px 0px;
float:right;
position: relative;

}
ul.webestmnu02 li {
width:154px;
height: 25px;
text-decoration: none;
margin: 0px;
padding: 0px 4px 0px 0px;
float:right;
position: relative;
}
ul.webestmnu02 li a {
width:154px;
height: 25px;
text-decoration: none;
display:block;
margin: 0px;
padding: 0px 0px 0px 0px;
}

ul.webestmnu02 li a.one {
width:154px;
height:25px;
background: url(4ima/imamnu02.jpg) 0px -26px no-repeat;
}
ul.webestmnu02 li a:hover.one {
height: 25px;
background: url(4ima/imamnu02.jpg) 0 0 no-repeat;
}
ul.webestmnu02 li a.one_activo {
width:154px;
height:25px;
background: url(4ima/imamnu02.jpg) 0 0 no-repeat;
}
ul.webestmnu02 li a.two {
width:154px;
height:25px;
background: url(4ima/imamnu02.jpg) -161px -26px no-repeat;
}
ul.webestmnu02 li a:hover.two {
width:154px;
height:25px;
background: url(4ima/imamnu02.jpg) -161PX 0 no-repeat;
}
ul.webestmnu02 li a.two_activo {
width:154px;
height:25px;
background: url(4ima/imamnu02.jpg) -161px 0 no-repeat;
}
ul.webestmnu02 li a.three {
width:154px;
height:25px;
background: url(4ima/imamnu02.jpg) -322px -26px no-repeat;
}
ul.webestmnu02 li a:hover.three {
width:154px;
height:25px;
background: url(4ima/imamnu02.jpg) -322px 0 no-repeat;
}
ul.webestmnu02 li a.three_activo {
width:154px;
height:25px;
background: url(4ima/imamnu02.jpg) -322px 0 no-repeat;

}
ul.webestmnu02 li a.four {
width:154px;
height:25px;
background: url(4ima/imamnu02.jpg) -483px -26px no-repeat;
}

ul.webestmnu02 li a:hover.four {
width:154px;
height:25px;
background: url(4ima/imamnu02.jpg) -483px 0px no-repeat;

}
ul.webestmnu02 li a.four_activo {
width:154px;
height:25px;
background: url(4ima/imamnu02.jpg) -483px 0px no-repeat
}

/*/////////////////////////ROLLOVERS HOLANDES//////////////////////*/


.webestmnu03{
	width:637px;
	height:82px;
	float:right;
	position:relative;
}

var{
	visibility:hidden;
}
	

ul.webestmnu03{
width: 637px;
height: 25px;
list-style: none;
text-decoration: none;
margin:38px 0px 0px 0px;
padding: 0px 0px 0px 0px;
float:right;
position: relative;

}
ul.webestmnu03 li {
width:154px;
height: 25px;
text-decoration: none;
margin: 0px;
padding: 0px 4px 0px 0px;
float:right;
position: relative;
}
ul.webestmnu03 li a {
width:154px;
height: 25px;
text-decoration: none;
display:block;
margin: 0px;
padding: 0px 0px 0px 0px;
}

ul.webestmnu03 li a.one {
width:154px;
height:25px;
background: url(4ima/imamnu03.jpg) 0px -26px no-repeat;
}
ul.webestmnu03 li a:hover.one {
height: 25px;
background: url(4ima/imamnu03.jpg) 0 0 no-repeat;
}
ul.webestmnu03 li a.one_activo {
width:154px;
height:25px;
background: url(4ima/imamnu03.jpg) 0 0 no-repeat;
}
ul.webestmnu03 li a.two {
width:154px;
height:25px;
background: url(4ima/imamnu03.jpg) -161px -26px no-repeat;
}
ul.webestmnu03 li a:hover.two {
width:154px;
height:25px;
background: url(4ima/imamnu03.jpg) -161PX 0 no-repeat;
}
ul.webestmnu03 li a.two_activo {
width:154px;
height:25px;
background: url(4ima/imamnu03.jpg) -161px 0 no-repeat;
}
ul.webestmnu03 li a.three {
width:154px;
height:25px;
background: url(4ima/imamnu03.jpg) -322px -26px no-repeat;
}
ul.webestmnu03 li a:hover.three {
width:154px;
height:25px;
background: url(4ima/imamnu03.jpg) -322px 0 no-repeat;
}
ul.webestmnu03 li a.three_activo {
width:154px;
height:25px;
background: url(4ima/imamnu03.jpg) -322px 0 no-repeat;

}
ul.webestmnu03 li a.four {
width:154px;
height:25px;
background: url(4ima/imamnu03.jpg) -483px -26px no-repeat;
}

ul.webestmnu03 li a:hover.four {
width:154px;
height:25px;
background: url(4ima/imamnu03.jpg) -483px 0px no-repeat;

}
ul.webestmnu03 li a.four_activo {
width:154px;
height:25px;
background: url(4ima/imamnu03.jpg) -483px 0px no-repeat
}







/*/////////////////////CONTENIDOS/////////////////////*/

.webestcont{
	width:900px;
	margin:40px 0px 40px 0px;
	padding:0px;
	float:left;
	position:relative;	
}

.webestcont01{
	width:236px;
	float:left;
	position:relative;
}
.webestcont02{
	width:650px;
	float:right;
	position:relative;

}

/*/////////////////////INICIO//////////////////////*/
.h1index{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#CCCCCC;
	margin:0px;
	padding:0px;
}
.webestconttop{
	width:620px;
	margin:0px 0px 0px 0px;
	padding:0px;
	color:#CCCCCC;
	text-align:right;
	float:right;
	position:relative;
}
.webestcontleft{
	width:442px;
	height:490px;
	background:url(4ima/imafonpers.jpg)  0 30px no-repeat;
	margin:0px 15px 0px 0px;
	padding:0px;
	float:left;
	position:relative;
}

.left02{
	width:180px;
	margin:20px 0px 0px 0px;
	padding:0px;
	color:#CCCCCC;
	text-align:right;
	float:right;
	position:relative;
}
.webestcontright{
	width:442px;
	height:490px;
	background:url(4ima/imafoncat01.jpg) 0 30px no-repeat;
	margin:0px;
	padding:0px;
	float:left;
	position:relative;
}

.right02{
	width:180px;
	height:64px;
	margin:426px 0px 0px 0px;
	padding:0px;
	color:#CCCCCC;
	text-align:left;
	float:left;
	position:relative;
}

.webestcontleft01{
	width:442px;
	height:490px;
	background:url(4ima/imafonpers02.jpg)  0 30px no-repeat;
	margin:0px 15px 0px 0px;
	padding:0px;
	float:left;
	position:relative;
}

.webestcontright01{
	width:442px;
	height:490px;
	background:url(4ima/imafoncat02.jpg) 0 30px no-repeat;
	margin:0px;
	padding:0px;
	float:left;
	position:relative;
}

.webestcontleft02{
	width:442px;
	height:490px;
	background:url(4ima/imafonpers03.jpg)  0 30px no-repeat;
	margin:0px 15px 0px 0px;
	padding:0px;
	float:left;
	position:relative;
}

.webestcontright02{
	width:442px;
	height:490px;
	background:url(4ima/imafoncat03.jpg) 0 30px no-repeat;
	margin:0px;
	padding:0px;
	float:left;
	position:relative;
}

.webcontie
{
	position: absolute;
	top: 0px;
	left: 50px;
}

/*/////////////////////PRODUCTOS//////////////////////*/

.webestcont03{
	width:394px;
	height:394px;
	background:url(4ima/imafon01.jpg) 0 0 no-repeat;
	float:left;
	position:relative;
}
/*////////INTERNO DE VISTAS DE PRODUCTO////////////////*/
.webestcont03_1
{
	width:50px;
	height:394px;
	float:left;
	margin:50px 0px 0px 8px;
	padding:0px;	
}

.webestcont03_2
{
	width:38px;
	height:38px;
	background:url(4ima/imafon03.png) 0 0 no-repeat;
	margin:15px auto;
	padding:0px;	
}

.webestcont03_2:hover
{
	width:38px;
	height:38px;
	background:url(4ima/imafon03hov.png) 0 0 no-repeat;	
}

.webestcont03_6
{
	width:38px;
	height:38px;
	background:url(4ima/imafon03hov.png) 0 0 no-repeat;
	margin:15px auto;
	padding:0px;	
}

.webestcont03_3
{
	padding:2px 0px 0px 0px;
	width:336px;
	height:392px;
	float: right;	
}

.webestcont03_4
{
	position: absolute;
	font-size:10px;
	color: #FFF100;
	bottom: 0;
	right:10px;
	padding: 0px 20px 15px 0px;
	text-align: right;
}

.webestcont03_5
{	
	position: absolute;
	width: 344px;
	height: 42px;
	margin-left:58px;
	*margin-left:0px;
	background: url("4ima/imafontop01.png")  no-repeat;
	background-position: -58px 0px;

}

.webestcont03_7
{
	position: absolute;
	font-size:10px;
	color: #FFF100;
	top: 0;
	right: 30px;
	padding: 15px 0px 0px 25px;
	writing-mode: lr-tb;
}

.webestcont03_8
{
	position: absolute;	
	width: 344px;
	height: 104px;
	margin-left:58px;
	*margin-left:0px;  
	bottom:0px;
	background: url("4ima/imafonbot01.png")  no-repeat;
	background-position: -58px 0px;

}

/*////////MEN� PRODUCTOS DERECHA////////////////*/
.webestcont04{
	width:236px;
	height:238px;
	float:right;
	position:relative;
	margin:0px 0px 0px 0px;
	padding:0px;
	color:#CCCCCC;
}
.webestcont04_1{
	width:228px;
	height:70px;
	*height:80px;
	margin:7px auto;
	padding:0px;
	
}
.webestcont04_2{
	width:70px;
	height:70px;
	margin:0px 3px 0px 3px;
	padding:0px;
	background: url(4ima/imafon02.jpg) 0 0 no-repeat;
/*	float:left;
	position:relative; */
}

.webestcont04_3{
	width:73px;
	height:90px;
	padding:0px;
	float:left;
	position:relative;
	display: block;	
}

.webestcont04_3:hover{
	color: #FFF100;
}

.webestcont04_4{
	height:10px;
	text-align: right;
	font-size: 8px;
}

.webestcont04_5{
	height:10px;
	text-align: right;
	font-size: 8px;
	color: #FFF100;
}

.webestcont04_6{
	width:70px;
	height:70px;
	margin:0px 3px 0px 3px;
	padding:0px;
	background: url(4ima/imafon02hv.jpg) 0 0 no-repeat;
}

.webestcont04_2 a:hover{
	width:70px;
	height:70px;
	margin:0px 0px 0px 0px;
	padding:0px;
	background: url(4ima/imafon02hv.jpg) 0 0 no-repeat;
	float:left;
	position:relative;
	
}
/*////////INFERIOR CUADRO PRODUCTO////////////////*/
.webestcont05{
	width:394px;
	float:left;
	position:relative;
	margin:15px 0px px 0px;
	padding:0px;
	
}
.webestcont05_1{
	width:394px;
	height:60px;
	float:left;
	position:relative;
	margin:10px 0px 10px 0px;
	padding:0px;
	
	
}
.webestcont05_1_1{
	width:390px;
	height:60px;
	margin:0px auto;
	padding:0px;
	
	
}
.webestcont05_1_2{
	width:55px;
	height:55px;
	float:left;
	position:relative;
	margin:5px 5px;
	padding:0px;
	/*background:url(4ima/imafon05_1_1.jpg) 0 0 no-repeat;*/
	
}
.webestcont05_2{
	width:394px;
	float:left;
	position:relative;
	margin:0px 0px 0px 0px;
	padding:0px;
	
}
.webestcont05_2_1{
	width:197px;
	float:left;
	position:relative;
	margin:0px ;
	padding:5px 0px 0px 0px;
	
}
.webestcont05_2_2{
	width:68px;
	height:90px;
	float:left;
	position:relative;
	margin:0px ;
	padding:0px;
	border:1px solid #333333;
	
}
.webestcont05_2_3{
	width:120px;
	float:left;
	position:relative;
	margin:0px 0px 0px 7px;
	padding:0px;
	font-size: 11px;
	
}
.webestcont09{
	width:231px;
	float:right;
	position:relative;
	margin:35px 0px 0px 0px;
	padding:5px; 	
}

.webestcont09_1_1{
	width:219px;
	margin:0px 5px 0px 5px;
	padding:0px 5px 0px 0px; 
	border-bottom: 1px solid #333333;
	color: #CCCCCC;
	font-size: 10px;
}

.webestcont09_1_2{
	width:219px;
	padding:5px;
	font-size: 11px;
	color: #CCCCCC;
}

/*////////////////////// EMPRESA /////////////////////////*/

.webestcont10{
	width:900px;
	height:472px;
	margin:40px 0px 40px 0px;
	padding:0px;
	float:left;
	position:relative;
	background-image: url("4ima/imafon04.jpg");
	background-repeat: no-repeat;
}

.webestcont11{
	width:385px;
	float:right;
	position:relative;
	padding: 100px 0px 0px 0px;
	color: #CCCCCC;
}

/*/////////////////////CONTACTO//////////////////////*/

.webestcont14{
	width:900px;
	margin:0px 0px 0px 0px;
	padding:0px;
	float:left;
	position:relative;
}

.webestcont12{
	width:900px;
	height: 423px;
	background: url(4ima/imafon06.jpg) 0 0 no-repeat;
}

.webestcont12_1{
	padding-top:160px;
	text-align: right;
}

.webestcont13{
	width:900px;
}

.webestcont13_1{
	float: left;
	width:308px;
}

.webestcont13_2{
	float: right;
	width:501px;
}

.webstytxt01{
	color: #FFF100;
}

.webstytxt02{
	color: #CCCCCC;
	font-size: 10px;
}

.webstytxt03{
	color: #CCCCCC;
	font-size: 12px;
}

.webstytab01{
	border-bottom: 1px solid #333333;
	padding: 7px 0px 5px 0px;;
}

.webstytab02{
	padding: 9px 0px 20px 0px;;
}

.webstytab03{
	padding: 12px 0px 6px 0px;;
}


/*/////////////////////PIE P�GINA//////////////////////*/

.webestpie{
	width:900px;
	height:60px;
	margin:0px 0px 0px 0px;
	clear:both;
	background:url(4ima/imapiefon.jpg) 100% 0% no-repeat #000000;
	border-top:1px solid #333333;
	position: relative;
}

.webestpie a{
	color: #999999;
}

.webestcont06{
	width:250px;
	*width:auto;
	height:60px;
	margin:0px auto;
	padding:0px;
}
.webestcont07{
	width:117px;
	height:56px;
	color:#CCCCCC;
	margin:0px;
	padding:0px 10px 0px 0px;
	float:left;
	position:relative;
}
.webestcont08{
	width:100px;
	color:#CCCCCC;
	margin:0px;
	padding:10px 0px 0px 0px;
	float:left;
	position:relative;
}

.polpriv{
	width:250px;
	color:#CCCCCC;
	margin:0px;
	padding:0px 0px 0px 0px;
	font-size:10px;
	color:#999999;
	float:left;
	position:relative;
}
/*
.webestpie01{
	width:190px;
	position: absolute;
	top: 15px;
	right: 275px;
	font-size: 11px;
	color: #FFFFFF;
}
*/

.webestpie01{
	width:120px;
	font-size: 12px;
	color: #FFFFFF;
	position: absolute;
	top: 10px;
	right: 4px;
}

/*//////////////////////MENU DESPLEGABLE/////////////////////////*/

.webpanmnu01		/* Tabla del men� */
{
	width:240px;
	text-align:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	
		
}

.webpanmnu03 		
{
	width:200px;
	margin-top:0px;
	
}

.webpanmnu02
{
	padding-top:10px;	
}

.webpanmnu04		
{	
	padding-left: 26px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight: normal;
}

.webgenenl02
{
	color: #CCCCCC;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight: normal;	
}
.webgenenl02:hover
{
	color: #FFF100;
	text-decoration: none;
}

.webgenenl04
{
	color: #666666;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight: normal;	
	
}
.webgenenl04:hover
{
	color: #FFF100;
	text-decoration: none;
}

.webgenenl05
{
	padding-bottom: 4px;
	color: #FFFFFF;	
}

.webgenenl05:hover
{
	color: #FFF100;
	text-decoration: none;
}

.webgenenl06
{
	color: #FFF100;
	text-decoration: none;
}

.webgenenl06:hover
{
	color: #FFF100;
	text-decoration: none;
}

.webpanmnu04_1	
{
	height:10px;
	padding-left: 15px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	
	font-weight: normal;
}
.webpanmnu04_1	a
{
	padding-left: 15px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight: normal;
	color: #CCCCCC;
}

.webpanmnu04_1 a:hover 
{
	text-decoration: none;
	color:#FFF100;

}

.webpanmnu06		
{	width:150px;
	padding-left: 20px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	font-weight: normal;
}
.webpanmnu06	a	
{	width:150px;
	padding-left: 20px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	font-weight: normal;
	color:#FFFFFF;
}

.webpanmnu06 a:hover 
{
	text-decoration: none;
	color:#FFF100;

}

.webgenenl01
{
	color: #4D4D4D;
	text-decoration: none;
}