/* CSS Document */
body { margin:0; padding:0; background:#E9E9E9 url(../images/bg.png) top repeat-x; font:12px/1.4 Arial, Helvetica, sans-serif; }
 

h1.titulo {font:bold 24px Arial, Helvetica, sans-serif; color:#7CAA27; margin:0 0 0 0; padding:3px; display:block; } 
h1.titulo b { font:22px Arial, Helvetica, sans-serif; color:#999999; display:block; clear:both; }

div#content h1 { font:26px/1 Arial, Helvetica, sans-serif; color:#7CAA27; }
div#content h1 b {color:#999999; font-weight:normal; }
 
h2 { font:bold 16px Arial, Helvetica, sans-serif; color:#7CAA27; margin:15px 0 0 0; padding:0px 0 10px 0; }
h2 a{ font:bold 16px Arial, Helvetica, sans-serif; color:#7CAA27; margin:15px 0 0 0; padding:0px 0 10px 0; text-decoration:none !important; }
h2 a:hover { text-decoration:underline !important; }

h3 { font:bold 12px Arial, Helvetica, sans-serif; color:#8F9B59; padding:0; margin:0; display:block; border-bottom:1px solid #8F9B59; }
h3 a{font:bold 12px Arial, Helvetica, sans-serif; color:#8F9B59; padding:0; margin:0; display:block; border-bottom:1px solid #8F9B59; text-decoration:none !important; }
h3 a:hover { color:#666666 !important; border-bottom:1px solid #666666 !important;}

a { color:#6699CC;}
p {color:#666666; margin-bottom:10px; margin-top:10px; }
form { margin:0; padding:0;}

#main { position:relative; margin:0 auto; padding:0; display:block; width:943px; }

/* header */
#header { position:relative; display:block; clear:both; margin:0; padding:0; height:198px; background:url(../images/bg_header.jpg) bottom center no-repeat; }
.logo { position:absolute; top:85px; left:210px; }
.logo h1 { font:28px Arial, Helvetica, sans-serif; color:#FFFFFF; margin:0 0 0 0; }
.logo span { font:12px Arial, Helvetica, sans-serif; color:#FFFFFF; margin:0 0 0 0; }
.logos {
	position:absolute;
	top:18px;
	right:35px;
	width:288px;
	height:165px;
	background:#9DD92C;
}
/*comienza el menu superior del header*/
#menu_sup { float:left; :42px; display:inline; margin:16px 0 0 40px; padding:0; }
#menu_sup li { float:left; list-style:none; display:block; padding:0 0px 0 0px; height:42px; width:140px; margin:0 1px 0 0; vertical-align:middle; text-align:center;font:12px Arial, Helvetica, sans-serif; color:#999999; }
#menu_sup li a {margin:0; padding:16px 0px 0px 0px; display:block; height:26px; text-decoration:none; font:12px Arial, Helvetica, sans-serif; color:#cccccc; background:url(../images/bg_menu_li.png) no-repeat;}
#menu_sup li b {margin:0; padding:13px 0px 0px 0px; display:block; height:29px; text-decoration:none; font:bold 12px Arial, Helvetica, sans-serif; color:#333333; background:url(../images/bg_menu_li.png) no-repeat; background-position:0 -84px}
#menu_sup li a:hover {  background-position:0 -42px; color:#ffffff;}
/*FIN del menu superior del header*/
/*FIN header*/

#maincontent { display:block; clear:both; margin:0; padding:0; background:#ffffff url(../images/bg_maincontent.png) repeat-y; width:943px; }
#footermaincontent { display:block; clear:both; margin:0; padding:0; background:url(../images/bg_maincontentfooter.png) no-repeat; height:47px; }
#content { float:left; display:inline; margin:0px 0 25px 29px; padding:0; width:535px; }
#navbar { float:left; display:inline; margin:10px 0 25px 23px; padding:0; width:330px; }

/*login in barra superior header*/
div.loginin { position:absolute; top:74px; left:640px; width:270px; }
div.loginin table { width:270px; margin:0; padding:0; }
div.loginin table td { vertical-align:top; margin:0; padding:1px; }
div.loginin a { font:12px Arial, Helvetica, sans-serif; color:#FFFF00; margin:2px 10px 0px 2px; }
div.loginin a:hover { color:#FFCC00; }
input.inputuser, input.inputpass { border:1px solid #57771C; display:block; clear:both; margin:0 0 5px 0; padding:2px 2px 2px 20px; color:#CCCCCC; }
input.inputuser { background:#fff url(../images/ico_loginuser.gif) no-repeat left; background-position:4px 4px; }
input.inputpass { background:#fff url(../images/ico_loginpass.gif) no-repeat left; background-position:3px 3px; }
input.botonloginin { background: url(../images/bg_boton_loginin.png) no-repeat top; width:98px; height:53px; border:none; cursor:pointer; font:12px Arial, Helvetica, sans-serif; color:#fff; }
input.botonloginin:hover { background-position:0 -53px; }
/*si ya se ha logeado*/
div.logininin { position:absolute; top:72px; right:30px; text-align:right; width:210px; color:#ffffff !important; }
div.logininin img { float:right; display:block; margin:0 0 10px 10px; }
div.logininin span.titleliin { font:bold 14px Arial, Helvetica, sans-serif; color:#FFFFFF; margin-top:5px; }
div.logininin p { font-size:12px; font-weight:normal !important; color:#FFFFFF !important; margin:3px 0 5px 0; }
div.logininin a { font:12px Arial, Helvetica, sans-serif; color:#FFFF00 !important; margin:0 0px 0px 10px; }
div.logininin a:hover { color:#FFCC00 !important; }

/*Listado de enlaces del nav-bar (dentro de los tabs)*/
ul.listadolisnavbar {margin:0; padding:10px 10px;}
ul.listadolisnavbar li{ list-style:none; margin:1px 10px 1px 10px; background:url(../images/ico_li2.gif) no-repeat left; background-position:0 7px; padding:0 0 0 10px; border-bottom:1px dotted #CCCCCC; }
ul.listadolisnavbar li a{ color:#445566; display:block; height:20px; padding:2px 0 0 5px; margin:0; text-decoration:none; }
ul.listadolisnavbar li a:hover{ color:#7B6459; background:#F5F5F5; }

/*Listado de enlaces del content*/
ul.listadolis {margin:0; padding:0px 0px 5px 0;}
ul.listadolis li{ list-style:none; margin:1px 10px 1px 0; background:url(../images/ico_li2.gif) no-repeat left; background-position:0 7px; padding:2px 0 3px 10px; border-bottom:1px dotted #CCCCCC; }
ul.listadolis li a{ color:#6699CC !important; height:20px; padding:2px 0 0px 5px; margin:0; text-decoration:underline; }
ul.listadolis li a:hover{ color:#7B6459; text-decoration:none; }

/*Buscado ˇr de cursos del navbar */
div.buscadorcursosnavbar { background:#F9F7F7; padding:5px 10px; margin:0 18px; }
input.inputsearch { background:#fff url(../images/ico_lupa.gif) no-repeat left; background-position:4px 3px; border:1px solid #999999; color:#CCCCCC; margin:0 10px 0 0px; padding:2px 2px 2px 25px; }
div.buscadorcursosnavbar a { vertical-align:baseline; color:#7CAA27; text-decoration:underline; }

/*modulo super noticia */
div.supernoticia img { float:right; display:block; margin:0 10px 10px 20px; padding:2px; background:#ffffff; border:1px solid #EEEEEE; }

/*noticia oro, la que sale la primera en el listado*/
.noticiaoro { margin:15px 15px 5px 15px; border-bottom:1px dotted #CCCCCC; padding-bottom:10px; }
.noticiaoro h2 { border:0 !important; text-decoration:none; }
.noticiaoro h2 a { color:#666666 !important; font-size:14px; border:0 !important; text-decoration:none; }
.noticiaoro img {margin:0px 10px 0 0; padding:2px; border:1px solid #CCCCCC;}
img.stars { float:right; display:inline; border:0; }

/*modulo de las noticias en la home*/
div.noticiashome { background:url(../images/bg_noticiash_home.jpg) top left no-repeat; margin:10px 0 0 0; border-bottom:2px solid #999999;}
div.noticiashome h2 { margin:0px 0 0px 25px; padding:18px 0; color:#666666; }
div.contentnoticiashome { margin:0 0px 15px 0px; display:block; clear:both;}
div.contentnoticiashome img { float:right; display:block; margin:10px 5px 5px 5px; border:1px solid #7CAA27; background:#FFFFFF; padding:10px 5px 10px 5px; }
div.contentnoticiashome ul { margin:0 0px 5px 0px; padding:5px;  }
div.contentnoticiashome li{ list-style:none; margin:1px 10px 6px 10px; background:url(../images/ico_li5.gif) no-repeat left; background-position:0 3px; padding:2px 0 3px 20px; border-bottom:1px dotted #CCCCCC; }
div.contentnoticiashome li a { color:#666666; text-decoration:none; }
div.contentnoticiashome li a:hover { text-decoration:underline; }
div.contentnoticiashome p { text-align:right; padding:0;}

/*modulo de las relaots*/
div.relatos { background:url(../images/bg_relatosh.jpg) top left no-repeat; margin:10px 0 0 0; border-bottom:2px solid #999999;}
div.relatos h2 { margin:0px 0 0px 25px; padding:18px 0; color:#666666; }
div.contentrelatos { margin:0 0px 15px 0px; display:block; clear:both;}
div.contentrelatos img { float:right; display:block; margin:10px 5px 5px 5px; border:1px solid #7CAA27; background:#FFFFFF; padding:10px 5px 10px 5px; }
div.contentrelatos ul { margin:0 0px 5px 0px; padding:5px;  }
div.contentrelatos li{ list-style:none; margin:1px 10px 6px 10px; background:url(../images/ico_li4.gif) no-repeat left; background-position:0 3px; padding:2px 0 3px 20px; border-bottom:1px dotted #CCCCCC; }
div.contentrelatos li a { color:#666666; text-decoration:none; }
div.contentrelatos li a:hover { text-decoration:underline; }
div.contentrelatos p { text-align:right; padding:0;}

/*modulo de las poermas*/
div.poemas { background:url(../images/bg_poemash.jpg) top left no-repeat; margin:10px 0 0 0; border-bottom:2px solid #999999;}
div.poemas h2 { margin:0px 0 0px 25px; padding:18px 0; color:#666666; }
div.contentpoemas { margin:0 0px 15px 0px; display:block; clear:both;}
div.contentpoemas img { float:right; display:block; margin:10px 5px 5px 5px; border:1px solid #7CAA27; background:#FFFFFF; padding:10px 5px 10px 5px; }
div.contentpoemas ul { margin:0 0px 5px 0px; padding:5px;  }
div.contentpoemas li{ list-style:none; margin:1px 10px 6px 10px; background:url(../images/ico_li4.gif) no-repeat left; background-position:0 3px; padding:2px 0 3px 20px; border-bottom:1px dotted #CCCCCC; }
div.contentpoemas li a { color:#666666; text-decoration:none; }
div.contentpoemas li a:hover { text-decoration:underline; }
div.contentpoemas p { text-align:right; padding:0;}

/*modulo de las premios home*/
div.premios { background:url(../images/bg_poemash.jpg) top left no-repeat; margin:10px 0 0 0; border-bottom:2px solid #999999;}
div.premios h2 { margin:0px 0 0px 25px; padding:18px 0; color:#666666; }
div.contentpremios { margin:0 0px 15px 0px; display:block; clear:both;}
div.contentpremios img { float:right; display:block; margin:10px 5px 5px 5px; border:1px solid #7CAA27; background:#FFFFFF; padding:10px 5px 10px 5px; }
div.contentpremios ul { margin:0 0px 5px 0px; padding:5px;  }
div.contentpremios li{ list-style:none; margin:1px 10px 6px 10px; background:url(../images/ico_li6.gif) no-repeat left; background-position:0 3px; padding:2px 0 3px 20px; border-bottom:1px dotted #CCCCCC; }
div.contentpremios li a { color:#666666; text-decoration:none; }
div.contentpremios li a:hover { text-decoration:underline; }
div.contentpremios p { text-align:right; padding:0;}


/*noticias*/
div.noticias {display:block; clear:both; }
div.noticias h2 { font:20px Arial, Helvetica, sans-serif; border-bottom:1px solid #7CAA27; margin-bottom:10px; }
div.noticias ul { margin:0 0px 5px 0px; padding:5px 5px 5px 5px;  }
div.noticias li{ list-style:none; margin:1px 10px 6px 10px; background:url(../images/ico_li_big1.gif) no-repeat left; background-position:0 0px; padding:4px 0 10px 30px; border-bottom:1px dotted #CCCCCC; }
div.noticias li a { color:#666666; text-decoration:none; font-size:14px !important; }
div.noticias li a:hover { text-decoration:underline; background:#F5F5F5; }

/*noticia detallada*/
div.detailnoticia { background:url(../images/bg_detail_noticia.jpg) no-repeat top right; color:#666666; }
div.detailnoticia h2 { padding-top:15px; margin-right:100px; }

/* box gris 330px del nav-bar */
div.boxnavbargris { display:block; clear:both; margin:0; padding:0; background:#F9F7F7 url(../images/bg_box_nav-bar_top.gif) no-repeat top; width:330px; }
div.boxnavbargris_bottom { display:block; clear:both; width:330px; height:20px; background:url(../images/bg_box_nav-bar_bottom.gif) no-repeat top; }

/* tabla de la descripcion de los talleres */
div.table_description { margin:0 0 2px 0; padding:0 0 12px 0; }
div.table_description table { margin:10px 0 10px 0; padding:0; width:100%; }
td.clarotdl { width:80px; background:#F2EEEE url(../images/bg_tabletd_claro_left.gif) no-repeat left top; height:23px; padding:0 15px 0 15px; font:12px Arial, Helvetica, sans-serif; color:#333333; text-transform:capitalize;}
td.oscurotdr { background:#A7D74D url(../images/bg_tabletd_oscuro_right.gif) no-repeat right top; height:23px; padding:0 15px 0 15px; font:12px Arial, Helvetica, sans-serif; color:#666666; }
td.oscurotdr a { color:#666666 !important; text-decoration:underline; }
td.oscurotdr a:hover { color:#333333 !important; }
div.txtdescripcion { background:url(../images/bg_detail_noticia.jpg) no-repeat top right; color:#666666; }
div.txtdescripcion h2 { padding-top:15px; margin-right:100px; margin-bottom:0px; }

/*el txt del footer*/
#footermaincontent p { margin:0; padding:4px 0 0 0; text-align:center; }
#footermaincontent p a{ color:#FFFFFF; }
#footermaincontent p a:hover{ text-decoration:none; }

/*botones naranjas*/
a.btnNaranja { display:block; background: url(../images/bg_btn_naranja.png) no-repeat top; width:178px; padding:8px 0 0 0; text-align:center; height:25px; border:none; cursor:pointer; font:12px Arial, Helvetica, sans-serif; color:#FFF0F0; text-decoration:none; }
a.btnNaranja:hover { background-position:0 -33px; color:#FFFFFF; }
input.btnNaranja { display:block; background: url(../images/bg_btn_naranja.png) no-repeat top; width:178px; padding:0 0 0 0; text-align:center; height:33px; border:none; cursor:pointer; font:12px Arial, Helvetica, sans-serif; color:#FFF0F0; text-decoration:none; }
input.btnNaranja:hover { background-position:0 -33px; color:#FFFFFF; }

/*input*/
#genericform { padding:10px 20px 20px 20px; border:1px dotted #669900;margin:0 auto; }
#genericseguridad { padding:10px 20px 20px 20px; border:1px dotted #669900;margin:0 auto; }
.inputbasic, .inputbasichover { padding:3px 5px 3px 5px; }
.inputbasic { background:#F7F7F7;border:1px solid #999999; color:#666666;  }
.inputbasichover { background:#ffffff; border:1px solid #666666; color:#333333; }

/*separador con linea del content */
*.separatorcontent { display:block; clear:both; height:1px; border-bottom:1px solid #CCCCCC; margin:10px 0 5px 0; }
/*anti fallos de floats de 1px */
*.whitespace { display:block; clear:both; margin:0; padding:0; height:1px; }

/*clases de enlaces azules*/
*.azul li { border-bottom:0 !important; }
*.azul a { color:#6699CC !important; text-decoration:underline !important; display:inline-block !important;}
*.azul a:hover { text-decoration:none !important; background:none !important; }
*.txtblack { color:#666666 !important; text-decoration:underline !important; }
*.txtblack:hover { color:#999999 !important; text-decoration:none !important; }


*.mini { font-size:10px !important; color:#666666; }
*.modifidatos { padding:0 0 1px 20px; background:url(../images/ico_modifidatos.gif) no-repeat left; }	

*.B { font-weight:bold !important; }
*.gris1 { color:#999999; }
*.gris2 { color:#666666; }
*.gris3 { color:#333333; }

*.inline {
float:left !important;
display:inline !important;
margin-right:10px;
}

.error-message, .warning-message, .notice-message, .working-message {
  /*  -moz-border-radius: 4px;
    font-weight: bold;
    display: inline;
    text-align: left;
    line-height: 25px;*/
	/*width:90%;
    */
	padding-left: 26px;
    padding-right: 8px;
    padding-top: 4px;
    padding-bottom: 3px;
    background-repeat: no-repeat;
    background-position: 2px 0px;
	font-weight:bold;
	color:#000000;
	/*margin-left:5px;
	*/
	margin-bottom:5px;
}

.notice-message {
    border: 1px solid #9db029;
    background-color: #e6f0a5;
    background-image: url("../images/info-small.png");
}

.warning-message {
    border: 1px solid #fce94f;
    background-color: #fdf4a7;
    background-image: url("../images/warning-small.png");
}

.error-message {
    border: 1px solid #cc0000;
    background-color: #fabfbf;
    background-image: url("../images/error-small.png");
}

img
{
	border:0px;
}

#genericform div.ayuda {
position:absolute;
top:365px;
left:340px;
margin:30px 0 0 40px;
float:left;
width:135px;
height:165px;
border:1px solid #CCCCCC;
background:#fff url(../images/bg_ayudaform.png) repeat-x bottom;
}
/*COLOCACIÓN DE LA ENTRADA DE LAS AYUDAS. ENCAJAN CON LOS INPUT ----------------------------------------------------*/
/*COLOCACIÓN DE LA ENTRADA DE LAS AYUDAS. ENCAJAN CON LOS INPUT ----------------------------------------------------*/
#genericform #nombre img.entrada {position:absolute;top:38px;left:-15px;}
#genericform #contrasena img.entrada {position:absolute;top:108px;left:-15px;}

#genericform #mail img.entrada {position:absolute;top:81px;left:-15px;}
#genericform #contrasena img.entrada {position:absolute;top:128px;left:-15px;}

#genericform div.ayuda p.title {
padding:0;
margin:0;
font:bold 9px "Small Fonts", Arial, Verdana;
color:#6C97C2;
text-align:right;
}
#genericform div.ayuda p.content {
padding:5px;
font:10px Arial, Verdana, Helvetica, sans-serif;
color:#666666;
text-align:left;
}
#genericform div.ayuda p.content span.title{
display:block;
font:bold 11px Arial, Verdana, Helvetica, sans-serif;
color:#666666;
text-align:left;
}
