/* ---------- GENERAL----------- */
img	{	border: 0;}
p.access	{	display: none;}
a:link, a:visited {color: #666;}
a:hover {color: #333; text-decoration:underline;}
a:active {color: #999;}
	
body {
	text-align: left;
	margin: 0;
	padding: 0;
	border: 0;	
	color: #333;
	 background:#fff url('../imgs/bg3.jpg') top left repeat; 
	font: normal 12px/16px  Verdana, Arial, Helvetica, sans-serif;
	
}

#globalwrap{ margin:0px; padding:0px; }
#wrap{ width:800px;
       margin: 0 auto;
       height:100%; 
       padding:0px; 
       background:#fff; 
       border-left:#ccc 1px solid; 
       border-right:#ccc 1px solid; 
     }
  


h1{ margin:5px; padding:5px;}
h2{ margin:2px; padding:2px;}


#menuServicios {width:180px; height:18px; color:#fff; float:right; margin-right:10px; text-align:center; }
#menuServicios ul{ margin:0; padding-left:3px; text-align:center;}
#menuServicios ul li{font-size:0.8em; font-weight:bold;  float:left; display:block; margin-left:1px; padding:0 2px;}
#menuServicios ul li a {color:#fff;   text-decoration: none;}
#menuServicios ul li a:hover { text-decoration:underline;}


div#cabecera{ clear:both; margin:auto; width:800px; height:200px;}
/* global nav  o menu principal */	

div#topnav{
    clear:both;
    width: 800px;
	margin: 0;
	padding: 0;
	border: 0;
 	background:#0574e7 url('../imgs/bginav.jpg') repeat-x;
	right:20px;
	height:30px;
}

div#topnav ul#menu	{
    background:transparent ;
	margin: 0;
	padding: 0;
    font: 12px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
    font-weight: bold; 
	text-decoration: none;
}


/* MENU */


div#topnav ul#menu li {padding: 0; list-style: none; float:left;}
	
div#topnav ul#menu li a {
    clear:both;
    float:left;
    display: block;
	padding:5px 20px 5px 20px;
	color:#fff;
 	background:#0574e7 url('../imgs/bgonav.jpg') repeat-x;
 	height:20px;
 	text-decoration:none;
}

div#topnav ul#menu li a:hover {background:#0d4f93 url('../imgs/bgnkavhover.jpg') repeat-x; color:#fff; } 

 

#logo {float:left;left:0px; top:0px;}

#breadcrumbs{margin:5px 25px; clear:both;text-align:left; font-size:0.8em; font-weight:bold;padding:10px 0 0 0;}


#menuPrincipal,#copyright {clear:both;margin-right:10px; margin-top:10px; height:30px; color:#000; text-align:left;  background:url('../imgs/bgmenu.jpg') no-repeat;}
#menuPrincipal ul{ margin:0px; padding:5px 2px;  }
#menuPrincipal ul li{float:left; display:block;  }
#menuPrincipal ul li a {font-size:0.9em; color:#1d1d1d; padding:3px; text-decoration: none; margin-left:10px;}
#menuPrincipal ul li a:hover { text-decoration:underline;}
 
 
/* MENUS SECUNDARIO */
.menu {margin-bottom:20px; }
.menu ul { margin: 0px;   padding:0px;    text-decoration: none;   text-align: left;   list-style-type: none;   }
.menu ul li{ margin-bottom: 2px;    font-size:12px;     color:#4c4c4c; }
.menu ul li.verde{ padding: 4px 6px 3px 9px;    display: block;    text-decoration: none;  color:#fff; background:#2d6195;}
.menu ul li a {  padding: 4px 6px 3px 9px;    display: block;    text-decoration: none; border-bottom:#ccc 1px solid; }
.menu ul li a:hover{background: #e79f13; color:#fff;   }


#menuOpcion { margin:10px 12px; height:30px; color:#000; text-align:left;}
#menuOpcion ul{ margin:0px; padding:5px 2px;  }
#menuOpcion ul li{float:left; display:block;  }
#menuOpcion ul li a {font-size:0.9em; color:#1d1d1d; padding:3px; text-decoration: none; margin:0 5px 0 5px;}




#maincontent{ background:#fff; width:800px; margin:0 auto; padding-top:10px;}
#content {float:left; width:600px;}
#sidebar { float:left;  width:170px;}
#content a  {padding-right:15px;}
#contentHeader  {float:left; width:540px; padding-right:15px;  border-right: 1px solid #eee; font-size:0.9em; color:#1d1d1d; text-align:justify;}
#contentHeader h1{font-size:2em; margin:0; padding:10px 0 10px; }
#contentHeader h1{font-size:2em; color:#8cc6ff;}

 

#kotasoftInfo {font-size:0.9em; margin-left:550px;   color:#999; text-align:right; }

.grisOscuroGrande {padding-top:20px; font-size:1.4em; font-weight:bold;color:#333;}

#listado{margin: 20px 0 0 10px; }
/*Opciones*/
.box{width:130px; display:block; padding:15px 15px 0px 15px; float:left;   margin: 0 5px  12px 0; font-size:0.9em; text-align:left;}


#accesibilidad #globalwrap #content #contentHeader ul { list-style-type: square; margin-left:14px;  }
#accesibilidad #globalwrap #content #contentHeader ul li { padding:2px; color:#c00c02; }
#copyright {clear:both;  padding:7px 14px; text-align:center; font-size:0.9em; }

/* FORMULARIO DE CONTACTO*/
#formulario {padding:0 5px;}
#formulario input, textarea {background:#fff; border:1px solid #ccc; margin-bottom:3px; }
#formulario input:focus, textarea:focus {color: #000; background-color:#fff; border:1px solid #336699;}	

#botonenviar input {width:150px; padding: 2em 1em;  background-color: #fff; color:#336699 ;font-size: 100%;border:1px solid #ccc;}	
#referencias ul  li{   padding:7px;}   
#referencias {border:1px solid #eee;}
.activelink {color:#000; border-bottom:1px #000 dotted;}


.lista_noticias{ text-align:left; padding:10px;  
}
.lista_noticias h1 {background:#eee; height:20px;}

.noticias {  margin: 1em 0;	padding: 1em;  font: 12px  Verdana, Helvetica, sans-serif; border:1px solid #eeeeee; background:#f8f8f8;}
.noticias h1 {margin:0 2px ; padding:2px 0  3px 30px; font-size:1em;  }
.noticias h1 a { margin-left:5px;font-weight:bold; color:#999;  font-size:1em;  }
.noticias h2 {  margin:5px 2px 5px 3px ; padding:0px; font-size:0.8em; font-weight:bold; color:#000;}
.noticias p {padding:10px; font-size:12px;}
.noticias:hover {border:1px solid #eeeeee; background:#eee;}
.noticias_detail, .cursos_detail {padding:10px; margin-left:20px; }
.noticias_detail h1,.cursos_detail h1 { padding:2px 0  3px 4px; font-size:2em; margin-bottom:5px;  }

.listado_cursos {padding:10px;}
.curso {margin:0; padding:10px; background:#f4f4f4 url('../imgs/cursobg.gif') repeat-x; border:1px solid #eee;}
.curso h1 a{color:#73c512; font-size:1.5em;  }
.curso h1 {margin-bottom:15px;}


.detalles{padding:10px; border:1px solid #f4f4f4;}

.visitas {
  padding:10px;
  border:1px #eee solid;
  margin-top:10px;
}

.titulo, .commenthead{ font-size:1em; font-weight:bold;}
.gris {color:#999;}
.commenttext{text-align:justify;  }

.principal {padding:0 0 0 10px; border:1px solid #f4f4f4; }
.principal h3 {margin:0px; background:#0574e7; color:#fff; font-size:1.5em;padding:5px;}
.contenidos {padding-top:10px; }

.cerrado{
 background: url('../imgs/socios.gif') no-repeat top right;
}

.plazaslibres{
 background: url('../imgs/plazaslibres.gif') no-repeat top right;
}

#formulario{float:left;margin:0;padding:10px;}
#formulario label {font-weight:bold; }
input, textarea {background:#fff; border:1px solid #ccc;   }
input:focus, textarea:focus {color: #000; background-color:#f1f1f1; border:1px solid #336699;}	
#thirdcolumn{ float:left; width:180px; padding:5px; top:0;}
#contacto2,#contacto3{
 width:195px;
 height:155px;
 margin:0;
 padding-top:10px;
 font-size:10px;

 background: url('../imgs/contacto2.gif') no-repeat top;
}
#contacto2 p, #contacto3 p {padding:0px 3px 0px 10px;margin:0;}
.verde{color:#fff; background:#336699;}
.oscuro {font-weight:bold;}