/*
Criterium.org CSS
Un buen tutorial de referencia: http://es.html.net/tutorials/css/
*/

body{
font-family:arial,sans-serif;
color: #333333;
background-color: white;
/*font-family:     "Bitstream Vera Sans", arial, sans-serif;*/
/*font-family: "Trebuchet MS",Trebuchet,Verdana, Arial,Sans-serif;*/
/*font-family: verdana, arial, helvetica, sans-serif;*/
/*font:100%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;*/
/*font-family:x-small Georgia,Serif;*/
/*color: navy;
font-family: serif;
font-size: 10pt;*/
/*font-size: 98%;*/
}

/* Comporatamiento de los enlaces de forma general*/
a:link{
color: #0066CC;
text-decoration: none;

}

a:visited{ 
  /*color: navy;*/
  color: #5588aa;
  text-decoration: none;
}

a:hover {
  color:#0066CC;
  text-decoration:underline;
}
a:active{
color: #2ccc00;
}

/* Innecesario
a img {
  border-width:0;
  }*/

img{
border: thin none white;
}

/* Tabla que contiene todo el contenido
Habr�a que pasar el tema a cajas de css
*/
table.top{
width: 95%;
text-align: center;
}

iframe {
width: 100%;
height: 4000px;
border: none;
/*border: none solid #CCCCCC;*/
}

td{
padding: 1ex;
}

td.body{
padding-left: 0;
padding-right: 0;
padding-top: 1em;
padding-bottom: 1em;
text-align: justify;
}

td.bodyini{
padding-right: 3ex;
Width : 85%;
vertical-align: top;
}
td.bodyser{
padding-left: 3ex;
vertical-align: top;
}

td.enlaces{
/* word-spacing: 0.6em;*/
font-size: 120%;
/*
font-style: oblique;
font-weight: bold;
*/
border: thin solid #CCCCCC;
background-color: #f2f2f2;
}

td.copy {
font-size: 80%;
color: gray;
border: thin solid #CCCCCC;
}

td.news {
border: thin solid #CCCCCC;
text-indent: 0;
padding: 1em;
font-size: 85%;
/*font-style: oblique;*/
text-align: left;
vertical-align: top;
}

td.servicios {
border: thin solid #CCCCCC;
text-indent: 0;
padding: 1em;
font-size: 100%;
/*font-style: oblique;*/
text-align: left;
vertical-align: top;
color: #7d775c;
width: 130px;
background-color: #f2f2f2;
}

h1, h2, h3, h4{
color: #006699;
}

label{
color: #006699;
}

button{
color: #006699;
font-weight: bold;
}

p {
text-indent: 2em;
}

.cyp{
color: rgb(0,128,128);
font-weight: bold;
}

.rojo{
color: #ff6600;

/*color: red;
font-weight: bold;*/}

.rojob{
color: #ff6600;
font-weight: bold;
}

.nota {
font-size: 80%;
color: gray;
}

.resal1{
color: #006699;
font-weight: bold;
}

.negrita{
font-weight: bold;
}


.atention{
color: #006699;
font-style: normal;
font-weight: normal;
}

/* Usado para funcionalidades y perfiles */
.listado{
margin-left: 3em;
line-height:  150%;
font-weight: bold;
}

/* Usado para detalle de funcionalidades */
.listado2{
margin-left: 2em;
line-height:  150%;
}

/* Usado para listado de perfiles */
.lPerfiles{
line-height:  150%;
}


.funciones{
margin-left: 1.5em;
color: rgb(0,128,128);
font-family: serif;
}

p.news{
text-indent: 0ex;
margin-left: 2ex;
line-height:  150%;
color: #7d775c;
font-size: 85%;
}

.producto{
border: thin solid #CCCCCC;
margin-left: 1em;
padding: 2ex;
}

.servicio{
text-indent: 0;
}

ul.limpio{
list-style-type: none;
}

/*ul{
list-style-type: none;
}*/

.conborde
{
border: thin solid #CCCCCC;
margin-left: 3em;
}

.dentro
{
margin-left: 3em;
}

.bbrecpost {
  text-indent: 0ex;
  margin-left: 2ex;  
  line-height:  150%;
  color: #7d775c;
  font-size: 85%;
/*
  margin: 0 1px;
  position: relative;
  top:-18px;
  padding-left: 0;
  list-style-type: none;
  list-style-image: none;
  font-family: 'Trebuchet MS', Verdana, Sans-Serif;
  font-size: 12px;*/
}

.bbwidgetfooter {
position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0;}