/* jositux - paulee
powered by .g - copyleft 2008 */


/*******************************************/
/* Estilos generales del sitio */
body {
  font-family: Verdana,sans-serif;
  font-size: 11px;
  color: #ffffff;
  background-color: #cccccc;
  text-align: center;
  background: transparent url(pics1/vertical.png) bottom;
  background-position: bottom right;
  background-repeat: repeat-x;
}

a:link {
  color: #3F3F3F;
  text-decoration: none;
}
a:hover, a:active {
  color: #6F6F6F;
  text-decoration: none;
}

h3 {
  margin: 0;
  padding: 0;
  font-size: 12px;
  text-align: center;
}


p {
  margin: 0.9em 0;
  padding: 0;
  line-height: 1.2em;
}

.negrita {
  font-weight: bold;
}

.subrayado {
  text-decoration: underline;
}

.cursiva {
  font-size:10px;
  font-style: italic;
  text-align:left;
}
/*******************************************/


#bar_left {
  background: transparent url(pics1/tux_deg.png) no-repeat scroll left bottom;
  float: left;
  width: 84px;
  height: 570px;
  margin-left: 0px;
  clear: both;
}




/*******************************************/
/*contenedor principal*/
#container {
  margin: 0px auto auto;
  width: 800px;
  height:536px;
  background: transparent url(pics1/gray_bottom.png) no-repeat scroll left bottom;
  background-color: #ececec;
}

/*******************************************/
/*Cabecera del sitio (banner)*/
#header {
  background: transparent url(pics1/header_blanco11.png) no-repeat scroll left top;
  width: 800px;
  height: 190px;
  margin-top:0px;
}

/*******************************************/
/*Menu*/
#menu {
  text-align: center;
  width: 800px;
  background: transparent url(pics1/blue_top.png) no-repeat scroll left top;
  background-color:#5a7092;
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 12.3px;
}

#menu a {
color: white;
}

/*******************************************/
/*Div para contenido con carga asicrona*/
#preamble {
float:left;
height: 320px;
width:75%;
}

#preamble h3 {
  margin-left: 60px;
  margin-right: 10px;
  text-align: left;
  padding-top: 10px;
  color: #45566F;
}
#preamble p {
  margin-left: 60px;
  margin-right: 10px;
  text-align: left;
  max-height: 200px;
  overflow: auto;
  color: #45566F;
}

#preamble img {
  vertical-align:middle;
}

/*******************************************/
/*Seccion soluciones*/
#soluciones a {
 color: #45566F;
 font-size:13px;
 margin-left: 60px;
 text-decoration: underline;
}

/*Div de parrafo descriptivo de la solucion*/
#soluciones_p {
  margin-left: 60px;
  margin-right: 10px;
  text-align: left;
  padding-top: 0px;
  color: #45566F;
  height: 170px;
  max-height: 170px;
  overflow: auto;
}

#soluciones a:hover, #soluciones a:active {
  color: #6F6F6F;
}
/*parrafos generales de soluciones*/
#soluciones p {
  margin-right: 10px;
  text-align: left;
  padding-top: 0px;
  color: #45566F;
}

/*******************************************/
/*Seccion cosultoria*/
#consultoria {
  height:100px;
  text-align:left;
  color: #45566F;
}
#consultoria h3 {
  padding-top: 10px;
  padding-bottom: 10px;
  text-align:left;
}
#consultoria ul {
  text-align: left;
  margin-left: 250px;
  color: #45566F;
  font-weight: bold;
}

/*******************************************/
/*Seccion proyectos*/
#proyectos p {
  margin-left: 60px;
  margin-right: 10px;
  text-align: left;
  height:240px;
  max-height: 240px;
  overflow: auto;
  color: #45566F;
}

#proyectos a{
  color: #3F3F3F;
  text-decoration: none;
}

/*******************************************/
/*Seccion contacto*/
#contacto h3 {
  text-align:left;
}
#contacto p {
  margin-left: 60px;
  margin-right: 10px;
}

/*******************************************/
/* Estilos de tablas hosting*/
table, th, td {
  border-collapse: collapse;
  color: #4D5E75;
  text-align:left;
  background-color: #ececec;
}

td, th {
  vertical-align:baseline;
  padding-left:10px;
}

thead{
  background-color:gray;
  font-size:13px;
}

thead th {
  background: #ececec;
  color: #4F76A3;
  font-size: 100% !important;
}

tbody tr {
  background: #FCFDFE;
  font-size:10px;
}

tbody tr.odd {
  background: #F7F9FC;
  font-size:13px;
}

/*******************************************/
/*Panel lateral derecho (busqueda)*/
#search{
  display: none;
  float: right;
  width:23%;
  text-align:left;
  height:310px;
  padding-top:10px;
}

#search input{
border: 1px solid gray;
margin-left:10px;
}

#search label{
margin-left:10px;
color: #4D5E75;
}

/*******************************************/
/*Pie del sitio web*/
#footer {
  margin: 20px auto auto;
  width: 800px;
}
#footer a{
  color: #3F3F3F;
  text-decoration:none;
}