/* CSS Document */

html{height: 100%; margin:0px;}/* es necesari para que los divs ocupen todo  el alto de la ventana*/
div{border:0px solid #FF0000;}

body{height: 100%; margin:0px;
background: #FFFFFF url('img/bg.jpg') repeat-x;
padding: 0px;
font:13px Arial, Helvetica,sans-serif;
line-height: 19px ;
color: #4C4991;
text-align:left;
}
#principal{height: 100%; margin:0px;
background: #FFF url('img/bg3.jpg') repeat-x;
width:970px;
padding: 0px;}

#colorizda{padding:0px;
width:50px;
height: 100%;
background: #000066 url('img/bg2.jpg') repeat-x;
float:left;
margin-right:0px !important; /*arreglo para espacio en IE6*/
margin-right:-3px; /* arreglo para espacio 3px en IE6*/
}
/*******************************************************************CABECERA***********************************************************/
#header{color:#FFFFFF;font-size:11px; text-align: right;
background: #000066;
height: 120px;
width:870px;
margin: 0px;
padding: 0px 10px 0px 0px;
line-height:15px;
}
#header a{color: #CCD7EA;}
#logo{
background:#FFF;
width:280px;
height: 100%;
float:left;}

#H1{width:30px;height: 100%;background-color:#CCD7EA;float:left;}
#H2{width:30px;height: 100%;background-color:#b5bddc;float:left;}
#H3{width:30px;height: 100%;background-color:#9999CC;float:left;}
#H4{width:30px;height: 100%;background-color:#8587BA;float:left;}
#H5{width:30px;height: 100%;background-color:#7271AD;float:left;}
#H6{width:30px;height: 100%;background-color:#5D599A;float:left;}
#H7{width:30px;height: 100%;background-color:#4C4991;float:left;}
#H8{width:30px;height: 100%;background-color:#383988;float:left;}

/***************************************cierre cabecera****************************************************************/
#contenedor{height: 100%; margin:0px;
}
/*******************************************************************MENU**************************************************/
#menu{background:#B5BDDC url('img/bg4.gif') repeat-x;
background-position: bottom; 
float:left;
height: 80%;
width:175px;
margin-right:0px !important; /*arreglo para espacio en IE6*/
margin-right:-3px; /* arreglo para espacio 3px en IE6*/
padding:58px 0px 0px 0px;
}
#menu1 ul{
list-style-type:none;
margin:0px;
padding:0px;}
#menu1 li{
margin:0px;
padding-bottom:2px;
border-bottom:1px dashed #FFFFFF;}
#menu1 li a {
padding-left:7px;
font: 12px/24px Arial, Helvetica, sans-serif;
color:#000066;
text-decoration:none;}
#menu1 li a:hover{  
font-weight: bold; 
display:block;
background: #FC0;
color:#FFF;}
.sobre{padding-left:7px;
  background: #FFCC00;
  font: 12px/24px Arial, Helvetica, sans-serif;
  font-weight: bold;
  color: #FFF;}
#menu2 ul{font: 10px Arial, Helvetica, sans-serif;
list-style-type:none;
margin:25px 15px;
padding:0px;}
#menu2 li{
float:left;
border-right:1px dashed #FFFFFF;}
#menu2 li a {margin:0px;
padding:5px;
color:#000066;
text-decoration:none;}
#menu2 li a:hover{  
color:#FFF;}

/******************************************************************* CONTENIDO ***********************************************/
#contenido{height: 100%;
margin: 0px;
padding: 0px;
}
#titulo{
padding-right:20px;
background: #FFCC00;
height: 50px;
font-size:18px;
text-align: right;
color:#FFF;
text-transform: uppercase;
font-weight: bold;
line-height: 55px;
}
/******************************************************************* LA EMPRESA ***********************************************/
#imagen{height: 100%;
width:180px;
float:left;
margin-right:15px;
padding:0px;
border-bottom: 50px solid #999999;
}
/******************************************************************* OBJ. EMPRESARIAL ***********************************************/
#imagen1{
float:left;
margin-right:15px;
padding:0px;
border-bottom: 50px solid #999999;
}

/******************************************************************* PRODUCTOS Y SERVICIOS ***********************************************/
#tres{height: 670px;
width: 459px;
float:left;
border-right:50px solid #000066;
}
#tres p, #tres h2{margin: 20px 15px 22px 15px;}
#tres ul{
list-style-type:none;
list-style-image: url('img/bullet.jpg');
list-style-position: inside;
margin: 20px 15px 0px 20px;padding: 0;}

#cuatro{width:235px; height: 100%; float:left;}
#cuatro img{margin-top:100px;}

/******************************************************************* ACTIVIDADES Y REFERENCIAS ***********************************************/
#uno {height: 100%;
float:left;
width:250px;
}
#uno p{margin: 30px 8px 23px 15px;}
#uno ul{
list-style-type:none;
margin: 0px;
padding:0px;}
#uno li{
margin-left: 15px;
padding-bottom:5px;}
#uno li a {
border-left: 15px solid #FC0;
display:block;
padding-left:2px;
font: 12px Arial, Helvetica, sans-serif;
color:#000066;
text-decoration:none;}
#uno li a:hover{  color: #4C4991;border-left: 15px solid #CCC;}
#dos{height: 1380px;
width: 459px;
float:left;
background-color:#8587BA;
color:#000066;
}
#dos p, #dos h1{margin: 20px 15px 22px 15px;}



/******************************************************************* NUESTROS CLIENTES ***********************************************/
#cinco{height: 1850px;margin:0px;
width: 500px;
float:left;
border-left:50px solid #CDCDCD;}
#cinco p, #cinco h1, #cinco h2{margin: 20px 50px 22px 15px;}

hr { 
background: #9999CC;
color: #9999CC; /* Para explorer */
background-color: #9999CC; /* Para firefox, netscape y opera */
height: 25px; 
width: 100%; 
border: 0px; /* obligatorio para quitar la sombrita */
margin-left: 2px; /* Este y text-align para controlar la alineacion en todos los navegadores */
text-align: left;}
#indice {border-left:15px solid #CCD7EA; 
margin-top:25px;
float:left;
padding: 25px 15px;}
#indice ul{
list-style-type:none;
margin: 0px;
padding:0px;}
#indice li{
padding-bottom:5px;}
#indice li a {
border-left: 10px solid #FC0;
display:block;
padding-left:4px;
font: 12px Arial, Helvetica, sans-serif;
color:#000066;
text-decoration:none;}
#indice li a:hover{  color: #4C4991;border-left: 10px solid #CCC;}

/******************************************************************* CONTACTO ***********************************************/
#direccion {background:url('img/bg5.gif') repeat-x;
background-position: bottom;
float:left;
width:250px;
border-right: 50px solid #000066;
}
#direccion p{margin: 20px 0px 80px 15px;}
#mapa{
width: 410px;
float:left;
padding-top: 200px;
}

/******************************************************************* ENCABEZADOS Y MAS ***********************************************/
h1{font-size: 130%;font-weight: bold;color: #ffcc00; }
h2{font-size: 110%;font-weight: bold;color: #000066;}
h3{font-size:85%;font-weight: bold;color: #666666;text-transform: uppercase;}
h4{font-size:10px;font-weight: normal;color: #666666;text-transform: uppercase;}

/* ----------pie-------- */
#pie{clear:both;text-align:center;border-top: 60px solid #FFF;}
/* --------fin pie------ */
/* ---------links------- */
a{ font:100%/16px Arial, Helvetica,sans-serif; text-decoration: underline;}
a:link {text-decoration: underline;color: #666666;}
a:visited {text-decoration: none;color: #666666;}
a:hover, a:active {text-decoration: none;color: #FFCC00;}
/* ---fin links ---*/

/*--aumentar texto--*/
#texto a {font-size:10px; text-decoration: none;}
#image3{border-top: 1px solid #007AAF;}