/* CSS demi main */
html,body,div,ol,ul,li,h1,h2,h3,h4,h5,h6,p,form,fieldset {
  margin: 0;
  padding: 0;
}
body {
  font: 1em Arial,Tahoma,sans-serif; 
  color: #444; 
  margin: 0;
  padding: 0;
  text-align: center;
  background: #C7CCD3 url(imagenes/bg_center_disco.jpg) repeat-y 50% 0;
}

/* estilos gral.
------------------------------------------*/
a {
  color: #17A;
  text-decoration: none;
}
a:hover, a:hover {
  color: #CC9900;
  text-decoration: underline;
}
.right {
  float: right;
}
.left {
  float: left;
}
.new {
  color: #CC3333;
}

#contenedor {
  width: 756px;
  margin: 0;
  padding: 0;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
}
/* estructuras ------------------------------------------*/

#cabecera {
	background: #000000 url(imagenes/cabecerabg.gif) no-repeat;
 	height: 100px;
}
#cabecera  h1 {
margin: 27px 0 0 24px;
color:#FFFFFF;
}
#logo {
    float: left;
    width: 160px;
    height: 80px;
    background-image: url('imagenes/logo.gif');
    background-repeat: no-repeat;
}

#presentacion {
	background: #CC3300;
 	height: 236px;
}
#contenido_home{
	background: #33FFFF
 	height:	auto;
}

/* navegacion ------------------------------------------*/

#nav {float:right; padding-top:60px;}
#nav ul {margin:0; padding:0; list-style:none;}
#nav li {margin:0; float:left; font-size:10px;}
#nav a {color:#FFCC00; text-transform:uppercase; float:left; padding:6px; display:block; text-decoration:none;}
#nav a:hover {border-bottom:solid 3px #FFCC00; text-decoration:none; background:transparent;}


/* estructura 3 cols 
------------------------------------------*/
#cont-home {
  clear: left;
  background: #F3F3F3 url(imagenes/bghome_bloque1.jpg) repeat-x;
  height: 230px;
}
#cont-home a {
  color: ##CC0000;
  text-decoration: none;
}
#cont-home a:hover {
  color: #CC0000;
}

/* complemetarios */
#cont-home #news1 {
  float: left;
  background: url(/images/bigbar_bg_left.jpg) no-repeat;
  width: 241px; 
  height: 179px;
  padding: 10px 10px 0 10px;
  text-align:left;
  display: inline;
}
#cont-home #diagrama {
  float: left;
  background: url(/images/bigbar_bg_left.jpg) no-repeat;
  width: 730px; 
  height: 500px;
  padding: 10px 10px 0 10px;
  text-align:left;
  display: inline;
}

#cont-home #news2 {
  float: left;
  width: 238px;
  height: 179px;
  padding: 10px 10px 0 10px;
  display: inline;
}
#news1 p, #news2 p, #quote p {
  font-size: 0.7em;
 text-align:left;
}

#cont-home h3 {
  font: italic 13px Arial,Tahoma,sans-serif;
  text-transform: uppercase;
  color: #FFB;
  margin: 4px 0 10px 0;
  padding: 0;
}

/* Quote-Novedades*/
#cont-home #quote {
  position: relative;
  float: left;
   padding: 10px 10px 0 10px;
  height: 179px;
  width: 200px;
}

h4 {
  background: url(imagenes/hr.gif) 0 bottom no-repeat;
  margin: 0 0 5px 0;
  padding: 0 0 14px 0;
  font-size: 12px;
  color: #8FA5AD;
}
#cont-home #quote_bg {
  margin: 22px 0 0 15px;
  padding: 4px 0 30px 0;
  height: 176px;
  width: 215px;
  background: url(/images/quote_bg.png) no-repeat;
  
  font: italic 13px/19px Arial,sans-serif;
  color: #EBF7FA;
  text-align: center;
  vertical-align: middle;
}
#cont-home #quote_bg td {
  padding: 0 8px;
}

#cont-home cite {
  position: absolute;
  left: 90px;
  top: 177px;
  color: #E1F5FA;
  width: 136px;
  font-style: normal;
}
.cont-home_sep {
  float: left;
  margin-top: 10px;
  background: url(imagenes/separador2.png) no-repeat;
  height: 188px;
  width: 2px;
}

/*- Menu soluciones */
	
#menu {
	width: 222px;
	margin: 15px 0 0 10px; 
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;

	}
	
#menu li a {
	height: 20px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 20px;
	text-decoration: none;
	}	
	
#menu li a:link, #menu li a:visited {
	color: #FFF;
	display: block;
	background:  url(imagenes/menu.gif);
	padding: 2px 0 0 12px;
	}
	
#menu li a:hover {
	color: #FFF;
	background:  url(imagenes/menu.gif) 0 -21px;
	padding: 2px 0 0 12px;
	}


/* Pie... */
#footer {
  clear: left;
  width: 310px;
  margin: 10px 15px;
  padding-top: 10px;
  text-align: left;
  border-top: 1px solid #000000;
  color: #AAA;
}
#footer a {
  color: #788;
}
#footer p {
  font-size: 0.7em;
}