body {
font: normal 1em Arial,Verdana,Helvetica,Sans-Serif;
color: #333;
}

img {
border: 0px;
}


#top {
height: 175px;
background-color: #565656;
overflow: hidden;
}

#franja-titulo {
height: 130px;
margin-top: 45px;
background: white url('../imagenes/fondo_titulo.jpg') repeat-x;
text-align: center;
}
#titulo h1 {
margin: 0px auto;
width: 434px;
height: 130px;
background-image: url('../imagenes/titulo_guiacapacitacion.png');
overflow: hidden;
}
#titulo h1 a {
display: block;
width: 434px;
height: 130px;
overflow: hidden;
text-decoration: none;
}
#titulo h1 a span {
visibility: hidden;
}

#franja-buscador {
height: 35px;
background-color: #6e6e6e;
overflow: hidden;
text-align: center;
}

#contenedor-buscador {
width: 980px;
margin: 0px auto;
text-align: left;
}

#medio {
margin-top: 1px;
background-color: white;
border-top: 2px solid #f26d1d;
text-align: center;
}

#contenedor {
width: 980px;
margin: 0px auto;
text-align: left;
}

#lateral-izquierdo {
width: 180px;
margin: 30px 0px 30px 0px;
float: left;
}

#contenido {
width: 580px;
margin: 30px 0px 0px 25px;
padding-left: 20px;
float: left;
border-left: 1px solid #b1b1b1;
}

#lateral-derecho {
width: 150px;
margin: 30px 0px 30px 0px;
float: right;
text-align: right;
}

#pie {
height: 150px;
background-color: #565656;
overflow: hidden;
}

#contenedor-pie {
width: 980px;
margin: 0px auto;
text-align: center;
}

.extensor {
clear: both;
}

/**********************
** contenido         **
** lateral izquierdo **
**********************/

#registro {
width: 176px;
height: 84px;
background: white url('../imagenes/fondo_boton_registro.jpg') no-repeat;
overflow: hidden;
}
#registro p {
margin: 20px 15px 0px 15px;
font: bold 0.8em Arial,Sans-Serif;
text-align: center;
}
#registro p a {
color: white;
text-decoration: none;
}
#registro p a:hover {
text-decoration: underline;
}

#login {
width: 176px;
margin: 20px 0px 0px 0px;
background: white url('../imagenes/cuadro_login_med.jpg') repeat-y;
}
#login-top {
height: 9px;
background: white url('../imagenes/cuadro_login_top.jpg') no-repeat;
overflow: hidden;
}
#login-bottom {
height: 10px;
background: white url('../imagenes/cuadro_login_bottom.jpg') no-repeat;
overflow: hidden;
}
#login h4 {
background-image: url('../imagenes/flecha_login.jpg');
background-repeat: no-repeat;
margin-left: 20px;
padding-left: 15px;
font: bold 0.7em Arial,Sans-Serif;
color: #333;
}
#login p {
text-align: center;
}
#login p a {
font: normal 0.7em Arial,Sans-Serif;
color: #333;
text-decoration: none;
}
#login p a:hover {
color: black;
}
#login form {
margin: 10px 0px 10px 20px;
}
#login form fieldset label {
font: bold 0.7em Arial,Sans-Serif;
color: #333;
}
.input-login {
width: 130px;
font: normal 0.8em Arial,Sans-Serif;
margin-bottom: 10px;
}

/******************
** contenido pie **
******************/

#contenedor-pie p {
font: normal 0.7em Arial,Verdana,Helvetica,Sans-Serif;
color: #e3e3e3;
margin-top: 20px;
}
#contenedor-pie p a {
color: #e3e3e3;
text-decoration: none;
}
#contenedor-pie p a:hover {
color: white;
}

/***********************
** contenido buscador **
***********************/



p#textobuscador {
float: left;
margin-top: 3px;
margin-right: 40px;
font: bold 0.7em Arial,Sans-Serif;
color: white;
}
form#formbuscar {
float: right;
}
#organismo,
#area,
#pais {
font: normal 0.8em Arial,Sans-Serif;
}
input#botonbuscar {
position: relative;
top: 5px;
}


/**************
** contenido **
**************/

#contenido h2 {
height: 35px;
margin: 0px 0px 15px 0px;
}
#contenido h2 span {
visibility: hidden;
}
#contenido h2.titulo-quees {background: white url('../imagenes/titulo_quees.png') no-repeat;}
#contenido h2.titulo-beneficios {background: white url('../imagenes/titulo_beneficios.png') no-repeat;margin-top:40px;}

#contenido p {
font: normal 0.7em Arial,Verdana,Helvetica,Sans-Serif;
color: #333;
margin: 0px 0px 15px 0px;
}


div.marco {
border: 1px solid #888;
margin: 0px 20px 5px 20px;
}
div.ellogo {
float: left;
width: 50px;
height: 50px;
margin: 5px;
}
img.imglogo {

}
div.eltexto {
float: right;
width: 450px;
margin: 5px;
font-size: 0.8em;
}
div.eltexto p {
margin: 0px;
}


.centrado {
text-align:center;
}

.expansor {
clear: both;
height: 1px;
}