/* CSS MobileWorker */
BODY {
	background : #F0F0F0;
	font: 8pt Verdana,Geneva,Arial,Helvetica,sans-serif;
	color:#666666;
	margin: 0px 0px 20px 0px;
	text-align:center;
}

#contenedor {
	text-align:left;
	width:760px;
	background-color:#ffffff;
	height:auto !important;
	margin:auto;
}

#cabecera {
	height: 64px;
	width: 760px;
	background: transparent url("../imagenes/cabecera.jpg") no-repeat;
	text-align:right;
}

/*Pequeño cuadro en la cabecera donde situamos acerca de nosotros y mapaweb*/
.ads{
	padding-top:7px;
	width:230px;
	text-align:center;
	float:right;
}
#mapaweb {
	clear:both;
	padding:5px 0px 5px 20px;
	border-bottom:1px solid #D9D9D9;
}

/*--------------------------FIN CUERPO - CABECERA - MAPA WEB ---------------------------------------*/



/*--------------------------NAVEGADOR SUPERIOR -----------------------------------------------------*/
#navegador {
width: 100%;
float: left;
background-color: #999999;
}

#navegador ul { padding: 0; }
#navegador ul li { display: inline; }

#navegador ul{
margin: 0;
padding: 0 0 0 12%;
color: #FFFFFF;
font: bold 8.3pt "trebuchet", tahoma, verdana, lucida, arial, helvetica, sans-serif;
letter-spacing: 2px;

}

#navegador ul li a {
padding: 0.2em 12px;
background-color: #999999;
color: #FFFFFF;
text-decoration: none;
float: left;
border-right: 1px solid #FFFFFF;
}


#navegador li a#actual{
background-color: #CCCCCC;
color: #293477;
}

#navlista li a:hover, #navlista li a:active
{
color: #FFFFFF;
text-decoration: none;
background: #CCCCCC;
text-align: left;
font: bold 11px tahoma, verdana, lucida, arial, helvetica, sans-serif;
border-right: 1px solid #FFFFFF;
}

/*-------------------------- FIN NAVEGADOR SUPERIOR -----------------------------------------------------*/





/*--------------------------LATERAL IZQUIERDO -----------------------------------------------------*/

#navizquierda {
	background:#EAEAF2;
	width:145px;
	height:575px;
	float:left;
	border-right:1px solid #D9D9D9;
}
/* una medida diferente en largo para firefox*/
html>body #navizquierda {
	height:567px;
}

/*situo el cuadro gris que tiene que poner Nuestros productos*/
#nuestrosproductos {
	font: bold 13px "trebuchet", tahoma, verdana, lucida, arial, helvetica, sans-serif;
	color:#FFFFFF;
	text-align:center;
	width:145px;
	height:35px;
	background: #CCCCCC url(../imagenes/nproduc.jpg) no-repeat;
	padding:0;
	margin:0;
}


/*contenedor del navegador izquierdo*/
#navegador_izquierdo{
	clear:both;
	padding:0;
	margin:0;
}


/*-----------------ATRIBUTOS QUE FORMAN EL MENU IZQUIERDO---------------------------------------*/
#menuiz
{
font: bold 11px "trebuchet", tahoma, verdana, lucida, arial, helvetica, sans-serif;
margin:0; 
padding:0;
padding-top:10px;
width: 145px;
list-style-type: none;
}


#menuiz li
{
margin:0px;
padding:0px;
}

#menuiz li a { 
width: 135px;
color:#3C4485; 
text-decoration: none; 
display:block; 
padding: 2px 0px 2px 10px;
font-weight:normal;

}

#menuiz a:hover
{
background-color: #3A4483;
color: #fff;
}

#menuiz #current {
	font-weight:bold;
}

/*--------------En caso de que haya mas submenues se crearan con estos atributos------------*/
#menuizb{
display:block;
width: 135px;
margin:0; 
padding:0;
list-style-type: none;
}
#menuizb li a { 
width: 125px;
color:#3C4485; 
text-decoration: none; 
display:block; 
padding: 2px 0px 2px 20px;
font-weight:normal;
}



/*---------------------------------LATERAL DERECHO -----------------------------------------------------*/
#zonaderecha {
	
	width:614px;
	height:470px;
	float:right;
	background:#FFFFFF;
	height:auto !important;
}

/*Cabecera de la parete derecha.*/

.cabecera {
	height:24px !important;
	font: normal 20px "trebuchet", tahoma, verdana, lucida, arial, helvetica, sans-serif;
	padding-left:20px;
	background: #FFFFFF url(../imagenes/marcador.gif) no-repeat;
	border-bottom:1px solid #D9D9D9;
	padding-bottom:0px;
	margin-bottom:0;
	padding-top:10px;
	clear:both
}

.espacio {
	clear:both;
	height:30px;
}

.espaciogris {
	clear:both;
	height:20px;
	background-color:#F2F2F2;
}

/*---------------------------Cabecera genérica----------------------------------*/
.cabecerag {
	clear:both;
	height:24px !important;
	font: normal 20px "trebuchet", tahoma, verdana, lucida, arial, helvetica, sans-serif;
	padding:10px 0px 0px 20px;
	background: #FFFFFF url(../imagenes/marcador.gif) no-repeat;
	border-bottom:1px solid #D9D9D9;
	border-top:1px solid #D9D9D9;
	
}

/*Primera zona de contenido*/
.areatexto {
	font: normal 8.5pt "trebuchet", tahoma, verdana, lucida, arial, helvetica, sans-serif;
	width:590px;
	height:auto !important;
	clear:both;
	padding:10px;
	line-height:20px;
}

/*Hack para que de mas espacio en el firefox, ya que el explorer lo formatea correctamente, o eso amaga...*/
html>body .areatexto{
	height:40px;
}



/*Listas para las características con imágenes y su contenedor*/
.listacontenedor {
	font: normal 8.5pt "trebuchet", tahoma, verdana, lucida, arial, helvetica, sans-serif;
	width:407px;
	height:160px;
	text-align:left;
	line-height:20px;
	float:left;
}

.lista{
	list-style:none;
}
.lista li{
	background: transparent url(../iconos/ok.gif) 0 3px no-repeat;
	padding-left:20px;
}


/*-----------Area de texto para el contenido de productos genera----------------------------------------*/

#descripcion {
	clear:both;
	font: normal 8.5pt "trebuchet", tahoma, verdana, lucida, arial, helvetica, sans-serif;
	line-height:20px;
	width:593px;
	height:265px;
	background-color:#F2F2F2;
	padding:10px;
}

#suptext {
	width:593px;
	clear:both;
	height:50px;
}
/* hack para evitar que el ie meta demasiado margen derecho en la foto ya que firefox lo ajusta correctamente con mayor valor*/
html>body #suptext {
	height:auto;
}


#textodes {
	
	width:455px;
	float:left;
	margin:0;
	padding:0;
}


#fotodes {
	width:133px;
	height:225px;
	margin:0;
	padding:0;
	float:right;
}


/*--------------------Pequeño menú inferior con opciones de navegación------------------------------------*/
#minferiorcontenedor {
	text-align:right;
	padding:0px 10px 10px 0px;
}


#foto1 {
	width:148px;
	height:194px;
	float:right;
	margin-right:10px;
}
/* hack para evitar que el ie no meta demasiado margen derecho en la foto ya que firefox lo ajusta correctamente con mayor valor*/
html>body #foto1 {
	margin-right:20px;
}


#foto2 {
	width:162px;
	height:183px;
	float:right;
	margin-right:10px;
}
/* hack para evitar que el ie meta demasiado margen derecho en la foto ya que firefox lo ajusta correctamente con mayor valor*/
html>body #foto2 {
	margin-right:20px;
}


#foto3 {
	padding:0px 0px 0px 10px;
	width:158px;
	height:118px;
	float:left;
}

#textofoto3 {
	font: normal 8.5pt "trebuchet", tahoma, verdana, lucida, arial, helvetica, sans-serif;
	line-height:20px;
	padding:0px 10px 0px 0px;
	width:430px;
	height:118px;
	float:right;
	text-align:justify;
}



/*------------------------------------PIE DE PÁGINA----------------------------------------*/

#pie{
	clear:both;
	color:#000000;
	text-align:center;	
	padding-top:5px;
	padding-bottom:10px;
	border-top:1px solid #cccccc;
}

/*------------------------------CARACTERÍSTICAS ESPECIALES, COLORES DE LOS LINKS, COLORES DE LETRA ESPECIFICOS------------------*/

.cmobile {
	color: #3A4483;
}

A.enlace,A.enlace:VISITED,A.enlace:ACTIVE,A.enlace:FOCUS,A.enlace:LINK{
	font-weight:normal;
	color:#3A4483;
	text-decoration:none;
}
A.enlace:HOVER{
	color:#3A4483;
	font-weight:bold;
	text-decoration:underline;
}