/* Estilos de la pagina
                                          portel2
                         border: blue solid 2px;
*/
body { background-image: url('../img/degradado-fondo.gif'); background-repeat: repeat-x; overflow: visible;}
div#global {  margin-left: auto; margin-right: auto; width: 1005px; min-height: 400px; margin-top: 0px; z-index: 1;}
div#space { float: left; height: 110px; width: 1005px;}
div#cabecera { z-index: 200; }
div#border-left-productos, div#border-left, div#border-left-graficas, div#border-left-contenido_texto, div#border-left-formulario {position: absolute; margin-left: 26px; margin-top: 40px; z-index:1;width: 6px; }
div#border-vert2 { float: left; margin-top: 0px; margin-left: -22px;}
div#contenido_border { float: left; margin: 0px 7px 0px 26px;  width: 954px; padding-left: 5px; padding-right: 5px;background-image: url('../img/sombras.gif');background-repeat: repeat-y; z-index: 1;}
div#contenido { margin-top: 0px; margin-bottom: 0px; padding: 0; width: 950px;}
div#contenido_left {float:left; width: 600px;  padding: 30px 30px 0 30px;}
div#imagen { float:left; margin: 0 30px 30px 0; width: 208px; height: 300px}
.contenido_left_texto { float:left; width: 360px; margin-top:0; padding-top:0;}
div#imagen_texto { clear:left; float:left; }
img#comillas-up { margin-left: 10px; margin-top: 10px; }
img#comillas-dwn { margin-left: 130px; margin-top: 0px; }
img#sombra-sup, img#sombra-sup2 { display: block; float: left;margin-left: 25px; margin-top: 0px;}
div#border-bottom { float: left; height: 6px; margin-left: 26px; margin-top: -15px; border: 0; }

div#contenido_right { float: left; width: 238px;  padding: 20px 20px 10px 20px;  }
div#contenido_right_form { float:left;  }
div#contenido_right_1 { float: left; margin-top: -15px; margin-bottom: -15px; max-width: 175px;}
div#contenido_right_2 { float: left; margin: 20px 30px 50px 5px; width: 40px; height: 60px; }
div#contenido_right_2 a { background: url('../img/btn-out.gif') no-repeat;  width: 40px; height: 60px; padding: 0px; display: block; }
div#contenido_right_2 a:hover { background: url('../img/btn-in.gif') no-repeat;width: 40px; height: 60px; display: block;}

div#bottom { clear: left; float: left; background-image: url('../img/degr-azul.gif'); background-repeat: repeat-x; width: 980px; font-family: verdana, arial, sans-serif; font-size: 0.8em; color: #ffffff; font-weight: bold; margin: 10px 0 15px 10px; height: 23px; padding-top: 3px;}
div#bottom_contenido { text-align: center; vertical-align: middle; float: left; margin-top: 0px; width: 960px;}
img#validation { border: 0; vertical-align: middle; margin-top: -3px; }
img#esquina-izq { display: block; float: left; margin-left: -2px; margin-top: -3px;}
img#esquina-dch { display: block; float: left;  margin-left: 6px; margin-right: 0; margin-top: -3px;}

.separador_left {  float: left; background-image: url('../img/puntos.gif'); background-repeat: repeat-x; width: 350px; height: 10px; margin-top: 10px; margin-bottom: 10px;}
.separador_right { clear: left; float: left; background-image: url('../img/puntos.gif'); background-repeat: repeat-x; width: 200px; height: 10px; margin: 10px;}

/*****************productos *********************************/
div#top_productos { width: 943px; height: 294px; margin-bottom: 0; background-color: #ffffff; padding: 5px 0 5px 0; }
div#imagen_productos { float: left; }
div#descripcion_productos { float: left; text-align: center; padding-left: 30px; padding-top: 30px;}
div#separator_productos {  float: left; background-image: url('../img/puntos.gif'); background-color: #ffffff; background-repeat: repeat-x; width: 923px; height: 1px; margin: -2px 10px 0 10px; }
div#bottom_productos { clear: left; float: left; margin-top: 0px;}

/*************************graficas **********************************/
div#top_graficas { width: 943px; margin-bottom: 0; padding: 5px 0 5px 0; }
div#imagen_graficas { float:left; margin: 0 30px 0px 0; width: 187; }
div.graficas-1 { margin: 20px 0;}
div#bottom_graficas { width: 943px; clear: left; float: left; background-color: #ffffff; text-align: center;}
p.texto_graficas {font-family: verdana, arial, sans-serif; font-size: 0.8em; color: #7a8da3; margin: 20px 40px 30px 80px; text-align: left;}

/*************************formulario **********************************/
div#send_form {background-image: url('../img/cuadro-envio.gif'); background-repeat: repeat-x; width: 375px; height: 33px; vertical-align: middle; border: solid 1px #a4b7ca; margin-top: 20px;}
div#contenido_send_form {margin-left: 190px; margin-top: 5px;}
textarea#observaciones {width: 264px;}

/*   Estilos de texto        */
h1 { font-family: verdana, arial, sans-serif; font-size: 1.5em; font-weight: bold; color: #114a8e; margin-top: 0px; }
h2 { font-family: verdana, arial, sans-serif; font-size: 1em; color: #7b8ba0; margin-top: 2px; margin-bottom: 2px; text-align: center; font-weight: normal; }
h3 { font-family: verdana, arial, sans-serif; font-size: 1.2em; color: #88a5c5; margin-top: 3px;  font-weight: normal;}
h4 { font-family: verdana, arial, sans-serif; font-size: 1em; color: #788ea2; margin-top: 2px; font-weight: bold; }
h5 { font-family: verdana, arial, sans-serif; font-size: 1.3em; font-weight: bold; color: #114a8e; margin-top: 0px; }
h6 { font-family: verdana, arial, sans-serif; font-size: 1em; color: #88a5c5; margin-top: 2px; font-weight: bold; }
p { font-family: verdana, arial, sans-serif; font-size: 0.8em; color: #7a8da3; }
.right { font-family: verdana, arial, sans-serif; font-size: 0.8em; color: #88a5c5; }
a.centro, a.centro:visited { font-family: verdana, arial, sans-serif; font-size: 1em; color: #7a8da3; }
a.centro:hover { font-family: verdana, arial, sans-serif; font-size: 1em; color: #4c617a; }
a.right, a.right:visied { font-family: verdana, arial, sans-serif; font-size: 1em; color: #88a4c6 ; }
a.centro:hover { font-family: verdana, arial, sans-serif; font-size: 1em; color: #839dc1; }


p.productos {font-family: verdana, arial, sans-serif; font-size: 1em; color: #10498c; font-weight: 500; }

label { font-family: verdana, arial, sans-serif; font-size: 0.8em; color: #a7bcd5; display: block;line-height: 0.5em ;}
.formulario { font-family: verdana, arial, sans-serif; font-size: 0.8em; color: #a7b3be; line-height: 0.5em ;}
.input { font-family: verdana, arial, sans-serif; font-size: 0.8em; color: #a7bcd5; border: #88a4c6 solid 1px; }
.input-select { width: 265px; text-align: right;}
a.blanco { color: #ffffff; text-decoration: none;font-family: verdana, arial, sans-serif; font-weight: normal;}

/********************************** Menu **************************************************/
.menu_top
{
	max-height: 21px;
	height: 21px;
	background: url('../img/barra-menu.gif') repeat-x 0px -25px;
	margin-left: 1em;
}

.menu_top a {
	font-weight: normal;
	text-transform: uppercase;
}

#menu_left
{
	float: left;
	width: 12px;
	height: 25px;
	background: url('../img/barra-menu.gif') no-repeat 0px 0px;
}

#menu
{
	margin-top: -3px;
	display: block;
	width: auto;
	height: auto;
	z-index: 5;
}

#contactos, #idioma {
	float: left;
	height: 22px;
	background: url('../img/barra-menu.gif') repeat-x 0px -25px;
	font-family: verdana, arial, sans-serif;	
	color: #114a8d;
	font-weight: normal;
	font-size: 0.8em;
	padding: 3px 2px 0 1px;
	cursor: pointer;
	color: #114a8d;
}

#contactos a , #idioma a {
	color: #114a8d;
	text-transform: uppercase;	
	font-size: 0.85em;
	text-decoration: none;
}

#contactos img
{
	margin-left: 5px;
}

.barra
{
	font-weight: normal;
	color: #ca6502;
}

div#menu_right
{
	float: left;
	width: 12px;
	height: 25px;
	background: url('../img/barra-menu.gif') no-repeat 0px -50px;
}

#nav, #nav ul .menu_top, #nav2, #nav2 ul {
	float: left;	
	width: 790px;
	list-style: none;
	line-height: 1;
	/*background: white;*/
	font-weight: bolder;
	padding: 0;
	/*border: solid #eda;
	boder-width: 1px 0;*/
	margin: 0 auto 1em auto;
	background: url('../img/barra-menu.gif') repeat-x 0px -25px;
	font-size: 0.8em;
	font-family: verdana, arial, sans-serif;
}

#nav, #nav ul, #nav2, #nav2 ul {
	float: left;
	width: 790px;
	list-style: none;
	line-height: 1;
	/*background: white;*/
	font-weight: bolder;
	padding: 0;
	/*border: solid #eda;
	boder-width: 1px 0;*/
	margin: 0 0 1em 0;
}

#nav2, #nav2 ul {
	width: 20px;
}

#nav a, #nav2 a {
	display: block;
	width: 10em;
	w\idth: 6em;
	color: #114a8d;
	text-decoration: none;
	padding: 0.25em 2em;
	font-family: verdana, arial, sans-serif;
	/*font-weight: bold;*/
	text-transform: none;
}

#nav a.daddy, #nav2 a.daddy {
	background: url("../img/flecha-dch.gif") center right no-repeat;
}

#nav li, #nav2 li {
	float: left;
	padding: 2px 0;
	width: 50em;
}

#nav li ul, #nav2 li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 20em;
	w\idth: 19.9em;
	font-weight: normal;
	border-width: 0.25em;
	margin: 5px;
	background-color: #d1e4fd;
}

#nav li li, #nav2 li li {
	padding-right: 1em;
	width: 19em;
}

#nav li ul a, #nav2 li ul a {
	width: 20em;
	w\idth: 15em;
}

#nav li ul ul, #nav2 li ul a {
	margin: -1.5em 0 0 19.9em;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul, #nav2 li:hover ul ul, #nav2 li:hover ul ul ul, #nav2 li.sfhover ul ul, #nav2 li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul,#nav li li:hover ul,#nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul, #nav2 li:hover ul, #nav2 li li:hover ul, #nav2 li li li:hover ul,  #nav2 li.sfhover ul, #nav2 li li.sfhover ul, #nav2 li li li.sfhover ul {
	left: auto;
}

#nav li:hover,#nav li a:hover, #nav li.sfhover, #nav2 li:hover,#nav2 li a:hover, #nav2 li.sfhover {
	background-color: #0066cc;
	color:#ffffff;
}
#nav li .principal, #nav li .principal:hover, #nav2 li .principal, #nav2 li .principal:hover, #nav2 li .principal .sfhover   {
	padding-top: 4px;
	background-color: transparent;
	text-transform: uppercase;
	color: #114a8d;
	font-size: 0.85em;
}

.principal img
{
	margin-left: 5px;
}

div#listado_idiomas
{
	position: absolute;
	display: none;
	width: 60px;
	padding: 5px; 
	background-color: #d1e4fd;
}

.idioma
{
	width: 40px;
	list-style: none;
	margin:0 23px 0 0;
	padding-left: 0px;
	z-index: 5;
}

.link_idioma, .link_contacto
{
	font-family: verdana,arial,sans-serif;
	color: #114a8d;
	font-size: 0.8em;
	text-decoration:none;
	width: 60px;
}

.link_idioma:hover, ul.idioma li:hover
{
	background-color: #0066cc;
	color:#ffffff;
	padding: 3px 0 2px 0;
	width: 60px;
}

.link_contacto
{
	font-size: 1em;
}

.link_contacto img
{
	border: 0;
}

.bolita
{
	margin: 0 10px 0 0;
	padding: 0;
	border: 0;
}