
body
{
	background: url(images/page_bg.gif) top left repeat-x;
	background-color: #EDF5F8;
}

.link_verde, .link_verde:visited, .link_verde:hover, .link_verde:active
{
	color: #80C400;
	text-decoration: none;
}

.link_azul, .link_azul:visited, .link_azul:active, .link_azul:hover
{
	color: #01A0EE;
	text-decoration: none;
}

.link_blanco, .link_blanco:visited, .link_blanco:active
{
	color: white;
	text-decoration: none;
}

.link_blanco:hover
{
	color: white;
	text-decoration: underline;
}

.texto_azul
{
	color: #01A0EE;
}

.texto_verde
{
	color: #8CDB00;
}

.gallery_image
{
	border: 1px solid gray;
	padding: 3px;
	margin-left: 15px;
	margin-top: 15px;
	float: left;
}

.nodec, .nodec:active, .nodec:visited
{
	text-decoration: none;
}

.nodec:hover
{
	text-decoration: underline;
}

img
{
	border: 0;
}

.ul_verde
{
	margin-top: 18px;
}

.ul_verde li
{
	list-style-type: none;
	background: url(images/cuadrado_verde.gif) no-repeat;
	padding-left: 2em;
	margin-top: 5px;
}


h1
{
	color: #8CDB00;
	font-size: 12pt;
	margin-left: 15px;
	margin-top: 18px;
}

.more
{
	float: right;
	padding: 3px;
	padding-left: 25px;
	background: url(images/arrow.gif) left no-repeat;
	background-color: #ECF1F5;
	color: #01A0EE;
	font-weight: bold;
	font-size: 8pt;
	margin-top: 15px;
	border-left: 4px solid #ECF1F5;
	text-decoration: none;
}

#page
{
	width: 750px;
	margin: 0 auto;
	font-family: Tahoma, Verdad, Arial;
	font-size: 8pt;
	color: #666;
}

/* PAGINACION */

#paginacion a, #paginacion a:active, #paginacion a:hover, #paginacion a:visited
{
	color: #7DC100;
	font-weight: bold;
	text-decoration: none;
} 

/* HEADER */

#header
{
	height: 82px;	
	background-color: white;
}

#header_logo
{
	width: 242px;
	height: 100%;
	background: url(images/logo.gif) center no-repeat;
}

#header_login
{
	width: 155px;
	font-size: 8pt;
	color: #B2E700;
	padding-top: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	margin-right: 5px;
	/*border: 1px solid #E2E8E8;*/
	border: 1px solid #FFF;
	border-top: 0px solid #E2E8E8;
}

.loging_input_text
{
	border-top: 1px solid #E0E6E6;
	border-left: 1px solid #E0E6E6;
	background-color: #F2F4F3;
	height: 12px;
	font-size: 8pt;
	width: 80px;
}

.loging_input_button
{
	color: #01A0EE;
	font-weight: bold;
	font-size: 8pt;
	background: url(images/arrow.gif) left no-repeat;
	background-color: #ECF1F5;
	padding: 1px;
	padding-left: 20px;
	margin-top: 3px;
	border: 1px solid #ECF1F5;
	border-left: 4px solid #ECF1F5;
}

#header_nav
{
	width: 341px;
	height: 100%;
	background: url(images/header_nav_bg.gif) left repeat-x;
	color: white;
	line-height: 82px;
}

/*  Posicionanmiento del menu */
#header_nav ul
{
	margin-top: 159px;
	margin-left: 159px;
	padding:0;  
	/* Eliminar el margen de la izquierda */
	margin:0; 	
	/* Eliminar la vineta */
	list-style: none;
	padding-left: 20px;
}

#header_nav li
{
	float:left; 
}

#header_nav li span
{
	color: white;
	margin-left: 45px;
	text-decoration:none;
}

#header_nav img
{
	display: block;
	margin-left: 30px; 
	margin-right: 7px;
	margin-top: 30px;
	border: 0px;
}

#header_nav a
{	
	text-decoration:none;
	color: white;
}
#header_nav a:active, a:visited
{	
	color: white;
	text-decoration:none;
}
#header_nav a:hover
{	
	color: white;
	text-decoration:underline;
}

/* MENU */

#menu
{
	border: 1px solid white;
	border-left: 1px solid black;
	border-right: 1px solid black;
	height: 54px;
	background: url(images/menu_bg.gif) left repeat-x;
}

#menu ul
{
	color: white;
	font-size: 9pt; 	
	padding:0;  
	/* Eliminar el margen de la izquierda */
	margin:0;
	margin-left: 15px;
	/* Eliminar la vineta */
	list-style:none;
}

#menu li 
{
	float: left;	
	text-align: center;
	height: 25px;
	padding-right: 7px;
	padding-left: 6px;
}

.menu_boder_right { border-right: 1px solid white; border-color: #676161; }
.w100px { width:80; }
.w80px { width: 80px; }
.w70px { width: 70px; }
.w50px { width: 50px; }
.w60px { width: 60px; }
.w120px { width: 100px; }
.w150px { width: 140px; }
.mt10px { padding-top: 3px; margin-top: 7px; padding-bottom: 7px;}
.mt18px { padding-top: 11px; margin-top: 7px; padding-bottom: 3px; }
.w50pc { width: 50%; }
.w40pc { width: 40%; }

#menu a
{
	text-decoration: none;
	color: white;
}

#menu a:hover
{
	color: #8CDB00;
}

/* ENTRADILLA */

#entradilla
{
	height: 185px;
}

#entradilla_text
{
	width: 245px;
	height: 100%;
	background: url(images/entradilla_text_bg.gif) left repeat-x;
	padding-left: 20px;
}

#entradilla_text span
{
	font-size: 13pt;
	color: white;
	line-height: 30px;
}

#entradilla_img
{
	width: 485px;
	height: 100%;
	background: url(images/cab_01.gif) left no-repeat;	
}



/* CONTENT */

#content
{
	background-color: white;
	display: block;
	padding-bottom: 8px;
}

#content_right
{
	width: 442px;	/* 477px - 15 margin left 15 px del texto */
	padding-left: 15pt;	
	padding-right: 10px;
	text-align: justify;
	line-height: 15px;
}

#content_left
{
	width: 273px;
	height: 100%;
}

#content_left_title
{
	height: 39px;
	width: 273px;
	background: url(images/news_bg.gif) left repeat-x;
}

#content_left_title span
{
	font-size: 11pt;
	color: #5C5C5C;
	padding-left: 5px;
}

#news_header
{
	height: 20px;
	background: url(images/news_bg.gif) left repeat-x;
	padding-top: 9px;
	margin-top: 15px;
}

#news_header span
{
	font-size: 9pt;
	color: #5C5C5C;
	padding-left: 5px;
}

.news_title
{
	font-weight: bold;
	font-size: 10pt;
	color: black;
	margin-top: 5px;
	margin-bottom: 2px;
}

.news_title a, news_title a:active, news_title a:visited
{	
	text-decoration: none;
	font-weight: bold;
	font-size: 10pt;
	color: black;
	margin-top: 15px;
	margin-bottom: 2px;
}

.news_exp_title
{
	font-weight: bold;
	font-size: 10pt;
	color: #01A0EE;
	margin-top: 15px;
	margin-bottom: 15px;
}


.news_title a:hover
{
	text-decoration: underline;
}


.news_body
{
	margin-top: 3px;
	margin-bottom: 5px;
	font-size: 9pt;
}

.news_body a, .news_body a:hover, .news_body a:active, .news_body a:visited
{
	color: #80C400;
	text-decoration: none;
}


.news_date
{
	text-align: left;
	margin-top: 3px;
	margin-bottom: 3px;
}

#content_left_title img
{
	padding-top: 12px;
	padding-left: 15px;
}

#content_left_news
{
	min-height: 100%;
	height: 100%;
	width: 245px;
	border-top: 9px solid #F6F7FB;
	border-bottom: 9px solid #F6F7FB;
	border-left: 14px solid #F6F7FB;
	border-right: 14px solid #F6F7FB;
	font-family: Arial;
}

#content_left_news .news
{
	font-size: 8pt;
}

#content_left_news .news .date
{
	color: #01A0EE;
	font-weight: bold;
	margin-bottom: 5px;
}

#content_left_news .news .title
{
	color: black;
	font-weight: bold;
	margin-bottom: 5px;
}

.news .title a,.news .title a:active,.news .title a:visited
{
	color: black;
	text-decoration: none;
}

.news .title a:hover
{
	color: black;
	text-decoration: underline;
}

#content_left_news .news .body
{
	color: #666666;
	margin-bottom: 5px;
}

#content_left_news ul
{	
	color: #01A0EE;
	font-size: 9pt; 	
	list-style:none;
}

#content_left_news li
{	
	background: url(images/arrow2.gif) left no-repeat;
  	background-position: top left;
	font-weight: bold;
	padding-left: 18px;
	margin-top: 3px;
}

#content_left_news li a, #content_left_news li a:active, #content_left_news li a:visited
{	
	text-decoration: none;
	color: #01A0EE;
}

#content_left_news li a:hover
{	
	text-decoration: underline;
}

.cuadro_cursos_linea
{
	height: 139px;
	margin-top: 2px;
}

.cuadro_curso
{
	height: 139px;
	width: 144px;
	margin-right: 2px;
}

.cuadro_curso .info_curso
{
	height: 109px;
	background: url(images/i_normal.gif) left repeat-x;
}

.cuadro_curso .titulo_curso
{
	height: 30px;
	width: 144px;
	background-color: #CAD2D5;
	color: white;
	text-align: center;
	line-height: 30px;
	font-size: 9pt;
	font-weight: bold;
}

.cuadro_curso:hover .info_curso
{
	background: url(images/i_active.gif) left repeat-x;
}

.cuadro_curso:hover .titulo_curso
{
	background-color: #59AE00;
}

	/* Listado de cursos */

.tabla_cursos
{
	width: 90%;
	border: 1px solid #EBEBEB;
	color: black;
	margin: 0 auto;
	border-left: 6px solid #8EDF00;
	margin-top: 15px;
	margin-bottom: 15px;
	text-align: center;
}

.tabla_cursos td, .tabla_cursos tr
{
	border: 1px solid #EBEBEB;
}

.tabla_cursos th
{
	color: #01A0EE;
	border: 1px solid #EBEBEB;
	font-weight: bold;
}

.tabla_cursos a, .tabla_cursos a:active, .tabla_cursos a:visited
{
	color: black;
	text-decoration: none;
}

.tabla_cursos a:hover
{
	text-decoration: underline;
}

.titulo_cuadro_col_izq
{
	height: 30px;
	width: 242px;
	background-color: #CAD2D5;
	color: white;
	text-align: center;
	line-height: 30px;
	font-size: 9pt;
	font-weight: bold;
}

.titulo_cuadro_col_izq a, .titulo_cuadro_col_izq a:active, .titulo_cuadro_col_izq a:hover, .titulo_cuadro_col_izq a:visited 
{
	color: white;
	text-decoration: none;
}

#content_left .text_container
{
	margin-top: 15px;
	margin-bottom: 15px;
	color: #01A0EE;
	font-size: 9pt;
	margin-left: 15px;
	margin-right: 15px;
}

.resaltar
{
	margin: 0 auto;	
	margin-top: 10px;
	margin-bottom: 10px;
	width: 90%;
	border: 1px solid #8CDB00;
	background-color: #D2FF80;
	text-align: center;
}

/* FOOTER */

#footer
{
	display: block;
	height: 63px;
	background: url(images/footer_bg.gif) left repeat-x;
}

#footer span
{
	float: right;
	padding-right: 15px;
	padding-top: 30px;	
	color: white;
	font-size: 8pt;
	text-align: right;
	font: Verdana;
}

#bc
{
	float: left;
	color: white;
	margin-top: 30px;	
	margin-left: 15px;
}

.link, .link:visited, .link:active
{
	text-decoration: none;
	color: #666666;
}

.link:hover
{
	text-decoration: underline;
	color: #666666;
}


/* FORMS */

textarea
{
	border: 1px solid gray;	
	font-family: Tahoma, Verdad, Arial;
}


select
{
	border: 1px solid gray;	
	font-family: Tahoma, Verdad, Arial;
	font-size: 8pt;
}

form select
{
	border: 1px solid gray;	
	font-family: Tahoma, Verdad, Arial;
	margin-left: 7px;
}

.form
{
	width: 95%;
	margin: 0 auto;
	margin-top: 15px;
	font-family: Tahoma, Verdad, Arial;
}

.form_row
{
	Display: block;
	margin-top: 7px;
}

.form_labels
{
}

.form_label
{
	display: inline;
	width: 20%;
	text-align: left;
}

.form_element
{
	display: inline;
	height: 30px;
	margin-left: 10px;
}

.form_labels span
{
	display: block;
	height: 30px;
	line-height: 30px;
	text-align: left;
}

.form_elements
{
	margin-left: 20px;
}

.form_elements span
{
	display: block;
	height: 30px;
	line-height: 30px;
	text-align: left;
}

.form_elements input
{
	display: block;
	border: 1px solid gray;
}

.form_element input
{
	border: 1px solid gray;
}

.form_vertical
{
	display: block;
}

.form_vertical label
{
	display: block;
	/*height: 30px;
	line-height: 30px;*/
	text-align: left;
	margin-top: 6px;
	margin-left: 6px;
	margin-right: 3px;
}

.form_vertical input, .form_vertical textarea
{
	display: block;
	border: 1px solid gray;
	margin-left: 6px;
	margin-right: 3px;
}

.submit_button
{
	color: #01A0EE;
	font-weight: bold;
	font-size: 8pt;
	background: url(images/arrow.gif) left no-repeat;
	background-color: #ECF1F5;
	padding: 2px;
	padding-left: 20px;
	margin-top: 6px;
	border: 1px solid #ECF1F5;
	border-left: 4px solid #ECF1F5;
	float: right;
	width: auto;
}

.required
{
	background-color: #DADADA;
}

.form_button
{
	display: block;
	border: 1px solid gray;
}

/* OTROS */

.bloque
{
	display: block;
}

.float_left
{
	float: left;
}

.border
{
	border: 1px solid black;
}

.error
{
	border: 1px solid red;
	width: 90%;
	text-align: center;
	padding: 5px;
	background-color: #FF9595;
	margin: 0 auto;
	margin-bottom: 10px;
	margin-top: 5px;
	color: white;
}

.msg
{
	border: 1px solid #01A0EE;
	width: 90%;
	text-align: center;
	padding: 5px;
	background-color: #7ED5FE;
	margin: 0 auto;
	margin-bottom: 10px;
	margin-top: 5px;
	color: black;
}

.bold
{
	font-weight: bold;
}

.block
{
	display:block;
}

.center
{
	margin: 0 auto;
}

.clear 
{
	clear: both;
}

/* PAGINA DE CONTACTO */

#contact_text
{
	margin-top: 15px;
	font-weigth: bold;
}

#contact_text div
{
	display: block;
	margin-top: 5px
}

#contact_text div span
{
	color: #8CDB00;
}

/* BASTIDA NETWORK */

.header_listado td
{
	border-bottom: 1px solid #01A0EE;
	font-weight: bold;
	text-align: left;
}

.fila_listado
{
	background-color: #F6F7FB;
}

.fila_listado:hover
{
	background-color: #ABE0FA;
}

.fila_listado a, .fila_listado a:hover, .fila_listado a:visited, .fila_listado a:active
{
	text-decoration: none;
	color: #666;
}

.fila_listado td
{
	border-bottom: 1px solid #01A0EE;
	text-align: left;
}

#construccion
{
	width: 50px;
	height: 51px;
	position: absolute;
	bottom: 0;
	right: 0;
	background: url(images/en-construccion.gif) center no-repeat;
}

#binary_link, #binary_link:visited, #binary_link:active
{
	color: white;
	text-decoration: none;
}

#binary_link:hover
{
	color: white;
	text-decoration: underline;
}

