/**************** Body and tag styles ****************/
/* Definición de colores
verde-bancaja = #10658a
verde-claro = #2c84b0
Sidebar-Fondo = #ccc
Fondo-Pagina = #e8eaec
Bordes = #a0a0a0
Texto-Normal = #303030
Texto-Titulos = #505050
Enlace-Normal = #663300
Enlace-Normal-Hover = #cc6633
Enlace-Sidebar: #ffcc99
Enlace-Sidebar-Hover: #ffffcc
*/

*{margin:0; padding:0;}

body {
 font: 125% Arial,Helvetica,sans-serif;
 #font: 125% Arial,Helvetica,sans-serif;
 _font: 100% Arial,Helvetica,sans-serif;
 text-align:center;
 color:#303030;
 background:#e8eaec;
 behavior: url(csshover.htc);
}

p {font-size: 0.7em; margin:0 5px 1.6em 10px;}

h1, h2, h3, h4 {
 display:block; 
 font-weight:normal;
 text-align: left;
 letter-spacing:-1px;
 margin:0 5px 5px 10px;
 color:#505050;
 background-color:inherit;
}

h1 {font-size:1.6em;}
h2 {font-size:1.1em;}
h3 {font-size:1.1em; margin: 5px 5px 5px 15px; color:#e8eaec;}
h4 {font-size:0.8em; font-weight: bolder;}

a {color:#10658a; font-size: 0.9em; font-weight:bold; text-decoration: none; background-color:inherit;}
a:hover {color:#2c84b0; text-decoration: underline; background-color:inherit;}
a img {border:none;}

img {margin:0 10px 5px 10px;}
img.left, img.center, img.right {padding: 4px; border: 1px solid #a0a0a0;}
img.left{float:left; margin:0 10px 5px 10px;}
img.center{display:block; margin:0 auto 5px auto;}
img.center2{display:block; margin:0 auto 10px auto; border: none;}
img.right{float:right; margin:0 10px 5px 5px;}
img.sinborde {border: none;}
img.conborde {border: 1px solid #a0a0a0;}

fieldset {margin: 0 0 1.6em 0; padding: 5px 0;}
fieldset p {margin:0 5px 0 10px;}
fieldset h5 {font-size: 0.7em; font-weight: normal; margin:0 0 1em 35px;}

form cite {color: #10658a; font-weight: normal;}

/**************** Fin - Body and tag styles ****************/

/**************** container ****************/

#container {
 width:800px;
 margin:20px auto;
 text-align:left;
 background:#fff;
 color:#303030;
 border:2px solid #a0a0a0;
}

/**************** Fin - container ****************/

/**************** Main ****************/

#main{
float:left;
width:588px;
margin: 3px 10px 1px 1px;
padding:0;
/*background-color:red;*/
}

ul.normal {font-size: 0.7em; margin: 0 0 30px 40px;}
ul.grande {font-size: 0.8em; font-weight: normal; margin: 0 0 30px 40px;}

hr {text-align: center; size: 2px; width: 96%;}

/**************** Fin - Main ****************/

/**************** sidebar ****************/

#sidebar{
float:right;
width:200px;
padding:0;
margin: 3px 0 1px 0;
background: #ccc url(imagenes/sidebar_back.jpg) top left repeat-y;
}

#sidebar h2 {margin:5px 5px 10px 15px;}
#sidebar h3 {background: transparent;}
#sidebar p {color:#e8eaec;}
#sidebar .normaltext {font-size: 0.6em;color:#303030; margin:0 5px;line-height: 1.2em;}

/**************** Fin - sidebar ****************/

/**************** Header ****************/

#header {
 background: url(imagenes/fondocabecera.jpg) top left no-repeat;
 width: 800px;
 height: 70px;
 padding: 0;
 margin: 1px 1px 1px 1px;
 /*background:inherit;*/
 color:#fff;
}

#header h1 {margin: 0px;}

#header a span {visibility: hidden;}

#header a {
 width: 247px;
 height: 70px;
 display: block;
 padding: 0px;
 margin: 0px;
 text-decoration: none;
 background: url(logos/logo.gif) top left no-repeat;
 float: left;
}

/**************** Fin - Header ****************/

/**************** Footer ****************/

#footer{
 clear:both;
 width:799px;
 padding:0;
 margin: 0px 1px 1px 2px;
 font-size:0.9em;
 line-height:0.9em;
 text-align: left;
 color:#fff;
 background:#2c84b0;
}

.footerboxleft, .footerboxright {
 margin:10px 5px 0px 5px;
 padding:0px;
 border: none;
 background-color:inherit;
}

.footerboxleft {float:left; width:45%;}
.footerboxright {float:right; width:45%;}

#footer p {margin:0 0 0 20px;}
#footer p.footer{padding:0; margin:3px 0 3px 20px; text-align:left; clear: both;}
#footer a{font-size:1em; text-decoration: none; color:#fff; background-color:inherit; font-weight:bold;}
#footer a:hover{color:#fff; background-color:inherit; text-decoration: underline;}

/**************** Fin - Footer ****************/

/**************** menubar ****************/

#menubar1, #menubar2 {
 float: left;
 width:799px;
 height:1.2em;
 line-height:1.2em;
 margin:0 1px 1px 1px;
 background:#10658a;
 color:#fff;
}

#menubar2 {
 height: 1em;
 line-height: 1em;
}

.menu ul {
 float: left;
 list-style: none;
 margin: 0;
 padding: 0;
 width: 6.5em;
 #width: 6.5em;
 _width: 5em;
}

.menu ul a, .menu ul h2 {
 display: block;
 font-size: 0.6em;
 font-weight: normal;
 text-decoration: none;
 color: #fff;
 border-right: 1px solid #fff;
 margin: 0;
 padding: 0px 10px;
 white-space: nowrap;
}

.menu ul ul a, .menu ul ul h2 {
 width: 17em;
 color: #fff;
 background: #10658a;
 border: 1px solid #a0a0a0;
 text-decoration: none;
 white-space:nowrap;
}

.menu a:hover, .menu .selected {color: #fff; background: #2c84b0; text-decoration: none;}
.menu li {position: relative;}
.menu ul ul {position: relative; _position: absolute; z-index: 600;}
.menu ul ul {display: none;}
.menu ul li:hover ul {display: block;}
.menu ul li {float: left; width: 100%;}
.menu ul li a {height: 1%;} 

/**************** Fin - menubar ****************/

/**************** iconbar ****************/
#iconbar {
 width: 150px;
 height: 28px;
 padding: 0px;
 margin: 42px 0px 0px 0px;
 border: 0;
 float: right;
}

#iconbar li{
 list-style-type: none;
 padding-left: 20px;
 border: 0;
 white-space: nowrap;
 float: left;
}

#iconbar li a {
 display: block;
 width: 22px;
 height: 22px;
 padding: 0px;
 margin: 0px;
 text-decoration: none;
}

/* * html #iconbar a {width:1%;} */

#iconbar a span {visibility: hidden;}
#iconbar a.icon1 {background: url(imagenes/home.gif) top left no-repeat;}
#iconbar a.icon2 {background: url(imagenes/email.gif) top left no-repeat;}
#iconbar a.icon3 {background: url(imagenes/print.gif) top left no-repeat;}

/**************** Fin - iconbar ****************/

/**************** Menublock styles ****************/

.menublock {margin:0 0 20px 15px; font-size: 0.7em;}
.menublock li {list-style:none; display:block; margin: 0 0 0 10px;}
.menublock li a {font-weight:bold; text-decoration:none;}
.menublock li a:hover {text-decoration:none;}
.menublock li ul {margin: 0; font-size:1em; font-weight:normal;}
.menublock li ul li {margin-bottom:0;}
.menublock li ul a {font-weight:normal;}

.menublock .marcado {text-decoration: underline; color: #ffffcc;} 
.sb a {color: #ffcc99; font-weight:bold; text-decoration:none; background-color:inherit;}
.sb a:hover {color: #ffffcc; text-decoration:none; background-color:inherit;}

/**************** Fin - Menublock styles ****************/

/**************** Searchbar styles ****************/

#searchbar{margin:0 0px 20px 10px;}
#searchbar form fieldset{margin: 0; border:none;}

#searchbar #s{
height:1.2em;
width:160px;
margin:0 5px 5px 0;
border:1px solid #a0a0a0;
}

#searchbar #searchbutton{
width: 163px;
padding:0 1px;
border:1px solid #808080;
font-size:0.8em;
text-align:center;
}

#searchbar p {
 display: block;
 width: 160px;
 margin: 0 0 5px 11px;
 font-size: 0.6em;
 font-weight: bolder;
 text-align: center;
 background-color: transparent;
 color: #e8eaec;
}

/**************** Fin - Searchbar styles ****************/

/**************** Misc classes and styles ****************/

.splitmainleft{float:left; width:48%;}
.splitmainright{float:right; width:48%;}
.clear{clear:both;}
.full {width: 96%;}
.fullyborder {width: 96%; overflow: hidden; min-height: auto; margin: 0 0 3px 10px; border:1px solid #10658a;}
.small{font-size:0.8em;}
.big {font-size:0.9em;}
.hide{display:none;}
.textcenter{text-align:center;}
.textright{text-align:right;}
.important{color:#f02025; background-color:inherit; font-weight:bold;}
.ico {margin: 0 0 0 30px;}

/**************** Fin - Misc classes and styles ****************/

/**************** Box styles ****************/

/******* banner *******/
.banner{
 margin:0px 10px 20px 10px;
 padding:0 5px;
 border:2px solid #c0c0c0;
 background: #fff url(imagenes/fondo_banner.jpg) top left repeat-y;
 color:#505050;
 line-height: 1.2em;
 font-size: large;
}
/******* Fin - banner *******/

/******* box *******/
.box{
 margin:20px 15px 20px 15px;
 padding:5px 0 0 0;
 border:1px solid #c0c0c0;
 background-color:#fafbfc;
 color:#505050;
 line-height:1.5em;
}
input.centrado {margin: 10px 0 30px 80px;}
img.star {margin:0 5px 0 0; float:right; border:0; height:15%; width:15%;}

/******* Fin - box *******/

/******* box3 *******/
.box3{
 float: left;
 width: 31%;
 height: 230px;
 margin:0 0px 0px 0px;
 padding:5px;
 font-size: 0.6em;
 border:1px solid #10658a;
 background-color:#fff;
}

.box3 h2 span {
 display:block;
 margin: 0 -5px -4px -10px;
 font-size: 1.2em;
 line-height: 1.6em;
 font-weight: bolder;
 text-align:center;
 letter-spacing:-1px;
 color:#e8eaec;
 background-color:#10658a;
}

.largo {height: 250px;}
.muylargo {height: 300px;}

.box3 img {width: 99%; height: 50px; margin: 0 0 10px 0; border: 1px solid #c0c0c0;}
.box3 ul {margin: 0 0 10px 30px; line-height: 1em}
.box3 ul ul {margin: 0 0 0 -6px; list-style: none}
.box3 a {margin-left: 15px; font-size: 0.8em;}
/******* Fin - box3 *******/

/******* flashbox *******/
.flashbox{
 width: 98%;
 height: 300px;
 margin:0 10px 20px 10px;
 padding:0;
 border: thick outset #10658a; 
 background-color:#fff;
 text-align: center;
}
/******* Fin - flashbox *******/

/******* flashbox2 *******/
.flashbox2{
 margin:15px 15px 20px 15px;
 padding:0px;
 border:1px solid #c0c0c0;
 background-color:#fff;
 line-height:1.5em;
}
/******* Fin - flashbox2 *******/

/******* linkbox *******/
.linkbox{
 width: 98%;
 overflow: auto;
 min-height: auto;
 margin:0 10px 1px 10px;
 padding:5px;
 border:2px solid #10658a;
 background-color:#fff;
 text-align: center;
}
img.left2, 
img.left3, img.left3x,
img.left5, img.left5x {padding:4px; border:1px solid #a0a0a0;}

img.left2 {float:left;  width:48%; height:50px; margin:0;}
img.left3 {float:left;  width:31.3%; height:40px; margin:0;}
img.left3x {float:left;  width:31.5%; height:40px; margin:0;}
img.left5 {float:left;  width:18%; height:30px; margin:0;}
img.left5x {float:left;  width:18.2%; height:30px; margin:0;}
/******* Fin - linkbox *******/

/******* productbox *******/
.productbox{
 float: left;
 width: 15%;
 height: auto;
 margin: 3px 3px;
 padding: 3px;
 border: none;
 background-color:#fff;
}

.productbox img {width: 99%; margin: 2px 0 5px 0; border:none;}
/******* Fin - productbox *******/

/******* producttextbox *******/
.producttextbox{
 float: left;
 width: 81%;
 height: auto;
 margin: none;
 padding:3px;
 border: none;
 background-color:#fff;
}

.producttextbox h4 {letter-spacing: +0.5px;}

/******* Fin - producttextbox *******/

/**************** Fin - Box styles ****************/