@charset "utf-8";
/*******************************************
HOJA DE ESTILOS CREADA POR LEUNAM GESTION
http://www.leunam.com
CSS Document
************/
*
{
  margin: 0 auto;
  padding: 0;
}
.visible{display:block;}
.novisible{display:none}

a, a:visited 
{
  /*background-color:white;*/
  color: #92b1dc;
  text-decoration: none;
}
a:hover
{
	color: #993333; 
	text-decoration: underline;
}
h1, h2
{
	background-color: transparent;
	color: #2671c6;
	text-align: left;
	margin: 0px 0px 10px 3px;
	padding:1px 3px 3px 3px;
	text-transform: uppercase;
	font-family: Arial, Verdana, serif, Times, "Lucida Sans",  sans-serif;
}
h1
{
		margin: 0px 0px 12px 3px; font-size: 180%; 	line-height: 130%; font-weight: 400;
}
h2
{
  	margin: 0px 0px 14px 3px; font-size:130%; line-height: 95%; font-weight: 600;
}
p
{
	text-align: justify;
}
ul
{
 list-style-type:none;  margin-top: 10px;
}

li
{
	margin-left: 1em;
	list-style: outside url(../imagenes/bg_li.gif);/**//*margin-top: 3px;*/
}

/********************************************
Cuerpo y HTML
*********************************************/
body
{
	background: url(../imagenes/fondo.gif) 50% 18px no-repeat;
	margin: 10px 0 0 0;
	padding: 0;
	font: 70%/140%  Verdana, Arial,Times,  "Lucida Fax",  sans-serif;
	font-size: 11px;
	color: #777777; /*line-height:16px;*/
}
* html
{
  width: 100%;
}

/********************************************
Contenedores
*********************************************/
div#grancontenedor /*contenedor de toda la pagina*/
{
  width: 812px;
}
div#contenido
{
  float: none;
  width:812px;
}

/*******************************
CABECERA: MENUS Y LOGO
********************************/
div#cabecera
{
  display: block;
  float: none;
  width: 812px;
  height:58px;
}

/**************AREA LOGOTIPO ************/
div#logo
{
  float:left;
  height: 47px;
  width: 270px;
}
div#logo h1
{
  float: left;
  text-indent: -9999px;
}
div#logo h1, div#logo h1 a, div#logo h1 a:hover
{
  display: block;
  background: url(../imagenes/logo_cab.gif) 5px 0px no-repeat;
  height: 41px;
  width: 178px;
}

/************* AREA MENUES ************/
div#menus
{
  float:right;
  height: 42px;
  width: 530px;
  margin: 6px -5px 0px 0px;
  clear:right;
}
div#menus ul
{
  background: url(../imagenes/bg_menues.gif) 0px 0px no-repeat;
  height: 42px;
  width: 530px;
  float: right;
  /*margin: 6px 0px 0px 28px; /*mueve el menu*/
}
div#menus ul li,  div#cabecera ul li a
{
	float: left;
	margin: 2px 0px 0px 0px;
	width: 99px;
	text-align: center;
	padding-left: 1px;
	list-style: none;
}
div#menus ul li a
{
  background-color:transparent;
  color:#787889;
  display: block;
  font-family: Arial, Verdana, serif, Times, "Lucida Sans",  sans-serif;
  font-size: 11px;
  font-weight: bold;
  height: 26px;
  line-height: 26px;
  text-decoration: none;
  text-transform: lowercase;
  padding: 0px 0px 0px 0px;
}

div#menus ul li a.actual, div#menus ul li a.actual:visited, div#menus ul li a.actual:hover
{
	background: url(../imagenes/bgON_menues.gif) 0px -4px;
	font-weight: bold;
	color:white;
}

div#menus ul li a:hover
{
	background: url(../imagenes/bgON2_menues.gif) 0px -4px; 
	color: #3269a0; 
	border-bottom: #b9ccdf 3px solid;
}

/***************************
CONTENIDO: IMAGEN SUPERIOR
***************************/
div#contenidoimagen
{
  /*display: block;*/
  float: none;
  background: url(../imagenes/bg_bandazul.gif) 0px 0px;
  width: 812px;
  height:379px; 
}
div#txtimagen
{
	float: left;
	height: 330px;
	margin: 30px 0 0px 0px;
	width: 176px;
	border-left: 1px solid #2671c6;
	padding-left: 10px;
	padding-top: 20px;
	font: 100 100%/200% Arial, Verdana, serif, Times, "Lucida Sans",  sans-serif;
	font-size: 18px;
	color: white; 
	letter-spacing: 1.1px;
}

/*fotos sup para cada uno de las paginas */
div.imagenppal
{
  background-repeat: no-repeat;
  height: 379px;
  width: 614px;
 float: left;
  margin: 0px 0 0 0px; /*mueve el menu*/
}
div#inicio
{
  background-image: url(../imagenes/img_home.jpg);
}
div#design
{
  background-image: url(../imagenes/img_design.jpg);
}
div#gestion
{
  background-image: url(../imagenes/img_gestion.jpg);
}
div#wmk
{
  background-image: url(../imagenes/img_wmk.jpg);
}
div#contact
{
  background-image: url(../imagenes/img_contact.jpg);
}
div#articulos
{
  background-image: url(../imagenes/img_articulos.jpg);
}
div#clientes
{
  background-image: url(../imagenes/img_clientes.jpg);
}
div#legal
{
  background-image: url(../imagenes/img_legal.jpg);
}
div#our
{
  background-image: url(../imagenes/img_nos.jpg);
}
div#cv
{
  background-image: url(../imagenes/img_cv.jpg);
}
div#rayitazul
{
 width: 1px;
 height: 350px;
 float: left;
	margin: 30px 0px 0px 9px;
  border-right: 1px solid #2671c6;
}

/******************************************
CONTENIDO: TEXTOS CUERPO CENTRAL Y LATERAL
******************************************/
div#bordeazul
{  
width:810px;
	float:left;
	border-left:1px solid #2671c6;
	border-bottom:1px solid #2671c6;
	border-right:1px solid #2671c6;
	margin-bottom: 10px;
}

/**** LATERAL del contenido****/
div#lateral
{
	float: left;
	width: 189px;
	/*height:300px;*/
	/*margin: 0px 0px 0px 4px;*/
}
div#lateral ul
{
	margin-bottom: 30px;
}
div#lateral li
{ 
   display:block;
	width:150px;
	padding-bottom:4px;
	list-style: none none; 
text-align:right;
}

.lateral_home
{
	  background: url(../imagenes/bglat_sombra.gif) 169px -60px no-repeat;
}
.lateral_design
{
	  background: url(../imagenes/bglat2_sombra.gif) 169px 0px no-repeat;
}
div.classimglat /*la class*/
{
  /*background-repeat: no-repeat;*/
  height: 70px; width: 162px;
  margin: 0px 0 0 0px;
  text-indent: -9999px;
}
div#latinicio
{
	background-image: url(../imagenes/imglat_home.jpg);
}
div#latdesign
{ 
  background-image: url(../imagenes/imglat_design.jpg);
  background-position: 6px;
}
div#latwmk
{ 
  background-image: url(../imagenes/imglat_webmk.jpg);
  background-position: 6px;
}
div#latgestion
{ 
  background-image: url(../imagenes/imglat_gestion.jpg);
  background-position: 6px;
}
div#latcontact
{ 
  background-image: url(../imagenes/imglat_contact.jpg);
  background-position: 6px;
}
div#latarticulos
{ 
  background-image: url(../imagenes/imglat_articulos.jpg);
  background-position: 6px;
}
div#latclientes
{ 
  background-image: url(../imagenes/imglat_clientes.jpg);
  background-position: 6px;
}
div#latlegal
{ 
  background-image: url(../imagenes/imglat_legal.jpg);
  background-position: 6px;
}
div#latour
{ 
  background-image: url(../imagenes/imglat_our.jpg);
  background-position: 6px;
}
.lat_tel
{
	margin-top:-10px;text-align:center;margin-bottom:20px;
}

/***** LOS ULITMOS CLIENTES EN EL LATERAL HOME *******/
div.ultimosclientes
{
	float:left;
	width: 180px;
   height: 53px;
	padding-left:7px;
}
div.fondocl
{ 
  float:left;
  width: 53px;
  height: 37px;
 	border: 1px solid #cccccc;
	background: #dbdbdb;
	padding: 1px 1px 1px 1px;  
}

div.txtcl, div.txtcl a 
{
	padding-left: 6px;
	float: left; /*height:6px;*/
	line-height: 96%;
	font-size: 10px;
	width: 100px; /*margin: 0px 0px 0px 0px;*/
}
div.txtcl a 
{
	line-height: normal;
	margin-top: 20px;
	text-align: right;
}
div.txtc1 a:hover
{
	text-decoration: underline;	
}

div.sololink a 
{
	/*width: 160px;*/
	line-height: 40px;
	margin: 0px 0px 0px 80px;
	font-size: 10px;
   font-weight: bold;
}

/*para los laterales*/
div#tiposdesign
{
	margin-left:8px;
}

div#tiposdesign li a
{
	font-size: 10px;
	margin-right: 6px;
}

.infotipos
{	margin-right: 12px;	margin-left:4px;
	font-size: 0.85em;
	text-align: justify;
}
/********************************
AREA DEL CONTENIDO PRINCIPAL
********************************/
div#textoppal
 {
   float:left;
	width:560px;
	margin:20px 0px 10px 10px;
}
#textoppal .textocontenido1
{
 margin-left:50px;
 margin-bottom:30px;
}
li.especial a
{
	list-style: outside url(../imagenes/bg_liespecial.gif);/**//*margin-top: 3px;*/
}

/**************************
CAPAS
**************************/
#cont_pestana1, #cont_pestana2
{
	padding-bottom: 14px;
	
}

/*
#zonacapas
{
border:1px solid #ccc;
 border-bottom:none;
 margin-bottom:20px;
}*/

.zonacapas p
{
 margin-bottom:1.1em !important;
}
.zonacapas h3
{
	width: 98%;
	border-bottom: 1px dashed #2671c6; 
	padding: 10px 3px 3px 1px;
	font-size: 12px;
	color: #2671c6;
}
.zonacapas h3 span
{
	/*display:block;*/
	font-size: 120%;
}
.zonacapas ul{
	margin: 0px 10px 10px 0px;/*antes 20 a la derecha */
	font-size: 100% !important; /*margin-left: 0px;*/
	
}
.zonacapas li{
	background: url(../imagenes/bg_flechaDw.gif) no-repeat 450px 14px !important;
	padding: 0px 0 !important; /*border-bottom: 1px dotted #ccc;*/
	margin-bottom: 6px;
	margin-left: 0px;
	list-style: none none !important;
	border: 1px solid white; /*aņadido si azul todo*/
	
}

.zonacapas li.sin h1
{
	margin-left:-25px; padding-top:28px;clear:both; display:block;
	background-color: White !important;
}
.zonacapas li li{
	border: 0px;
	padding-left: 15px !important;
	background: url(../imagenes/bg_bolita.gif) no-repeat 7px 7px !important;
}
.zonacapas li.select{
 background: #d9ebff url(../imagenes/bg_flechaUp.gif) no-repeat 450px 14px !important;
 border:1px dotted #ccc;/*aņadido junto al color del bgf si azul todo*/
 }
.zonacapas li div{
	padding: 15px 12px 5px 10px;
 margin-bottom:0 !important;
}
/*
.zonacapas li div table{
display:block; float:left; width:490px !important;
	
}*/

/**************************
PIE
***************************/
div#pie
{
float:none;
width:812px;
}
div#pie h2
{
  display: none;
}
div#centropie
{
	display: block;
	float: left;
	width: 812px;
	padding-bottom: 8px;
	font-size: 0.9em;
}
div#centropie a, #centropie
{
	color: #C7D6ED;
}
div#copyright
{
	margin-left:190px;
	color: #E1E1E1;
}
div#menupie
{
    float: left;
	 text-align: left;
	 width:300px;
}
div#menupie a
{	
 padding-right:6px;
/*text-decoration: none; */
}
div#menupie a:hover
{
text-decoration: underline;
color: #993333;
}

div#w3c
{
text-align: right;
}
div#w3c a
{
/*text-decoration: none; */
 margin:0px 4px 0px 4px;
}
div#w3c a:hover
{
   margin:0px 4px 0px 2px;
	border:1px solid #2671c6;
	text-decoration:none;
	color: #993333;
	background: #FFD700;
}

/*****************
FORMULARIOS
*****************/
/*Formulario*/

legend
{
  display: none;
}
fieldset#contactar
{
	padding: 5px;
	margin-top: 20px;
}

fieldset#consulta, fieldset#consulta2
{
	border-width:0; /*width:200px;*/
	padding:0px 0px 0px 0px;
	margin:0px 20px 16px 0px;
	text-align:right;
}
fieldset#consulta legend, fieldset#consulta2 legend
{
	display: block;
	padding-left:310px;
}
label
{
	width: 70px;
	display: block;
	float: left;
	margin: 4px 0px 0px 4px;
}
label#motivo
{
	width:100%;
	margin-bottom:10px;
}
input, textarea, select
{
	font: 70%/140%  Verdana, Arial,Times,  "Lucida Fax",  sans-serif;
	font-size: 10px;
	margin-top: 4px;
	padding: 0px 1px 2px 1px;
}
input
{
  height:14px;
  width:210px;
}
select
{
   margin-right: 80px;padding-left:0px;
	width: auto;
}
input.submit
{
   background-color: transparent;/*#2671c6;*/
	height:22px;
   width:auto;
   color:#2671c6;
	font-weight: bold;
}

input.hidden
{
  display: none;
}
h3#error
{
	padding-top:10px;
	color: #D40000;
	font-size: 105%;
}
li.errorli
{
	color: #D40000;
	font-size: 95%;
}

#img_email a
{
   text-indent: -900px;
	position:absolute; float:none;width:155px; height:20px;margin-top:-4px;
	background: white url(../imagenes/ercorreo_OFF.jpg) no-repeat 20px 0px;
}
#img_email a:hover
{
text-indent: -900px;
float:none;width:155px; height:20px;
	background: white url(../imagenes/ercorreo_ON.jpg) 20px 0px no-repeat;
}

div#okemail
{
	display:block;
	font-size: 100%;
	height:180px;
	padding-top:60px;
}
.politica
{
	margin-top:14px
}

/*para la capa oculta de politica de privacidad*/
#politica_uso
{
 margin-top:10px;
}
#politica_uso a
{
 background-color: #d9ebff;
}

#politica_uso p{
 margin-bottom:0.7em;
 margin-left:9px;
 margin-right:5px;
}
#politica_privacidad
{
padding:8px 5px 5px 0px;	
 background-color: #d9ebff;
 border:1px dotted #ccc;/*aņadido junto al color del bgf si azul todo*/
}

#ventana_privacidad{
 float:right;
}
/****************
VARIOS
*****************/
#salto_30
{
display:block;   /*margin-top:50px;*/
	height: 30px;
}
.padleft5
{
	padding:0 0 0 5px; display:block;
}
/******************
TABLAS
*******************/
table
{
	/*border:colapse; */
}
td
{
	text-align: center;
}
td.cabecera
{
	font-weight: bold;
width:20%;
}
td.ph_foto1
{
	width:140px;
}
td.tdrayita
{
	background: #CCCCCC;
	height:1px;/*width:490px; */
}
td.ph_foto1 a
{ width:140px;margin-right:10px;
height: 91px;
padding: 1px 1px 1px 1px; 	
	float:left;
border: 1px solid #cccccc;
	background: #dbdbdb;/*vertical-align: top;margin-top:0px; */
}

td.ph_foto1 a:hover
{ float:left;	background: #993333;
	width:140px;
	border: 1px solid #cccccc;
	/*background: #FF6347;*/
	padding: 1px 1px 1px 1px; 
	height: 91px;
}
td.left9
{
/*font: 9px/140%  Verdana, Arial,Times,  "Lucida Fax",  sans-serif;*/
	margin-left:0px;text-align: left;/*width:auto;*/
	font-size:0.85em;
	vertical-align: top;
}
td.left9 a 
{float:left; display:block; 
/*font: 9px/140%  Verdana, Arial,Times,  "Lucida Fax",  sans-serif;*/
	/*width:325px !important;*/
	
}
.aright
{
	float:right;position:relative;display:block;
}