/* 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:3px 0px 3px 0px;
	border-bottom:1px solid #D9D9D9;
	background-color:#EAEAF2;
}

/*--------------------------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:1210px;
	float:left;
	border-right:1px solid #D9D9D9;
}

html>body #navizquierda{
	height:1090px;
}

/*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:50px;
}

.cajas {
	font:normal 9pt "Trebuchet", Verdana,Geneva,Arial,Helvetica,sans-serif;
	border:1px solid #aaa;
	size:50px;
}
/*---------------------------Cabecera genérica----------------------------------*/
.cabecerag {

	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;
	clear:both;
}

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

#mapa {
	width:560px;
	height:340px;
	clear:both;
	margin:5px;
	border:0;
	text-align:center;
}



#avisolegal {
	font: normal 8.5pt "trebuchet", tahoma, verdana, lucida, arial, helvetica, sans-serif;
	width:560px;
	height:auto !important;
	clear:both;
	margin:10px 20px 10px 20px;
	padding:5px;
	line-height:20px;
	text-align:justify;
	border:1px solid #cccccc;
	background-color:#F0F0F0;
}

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



/*------------------------------------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;
}