/* CSS Document */

/************************************************ GENERIC ************************************************************/

body{
	margin:0px;
	font-family:Tahoma, Arial, Verdana;
	font-size:11px;
	line-height:16px;
	color:#666666;
	background-color:#FFFFFF;
}
form{
	margin:0px;
	padding:0px;
}
a:link,
a:visited{
	font-size:11px;
	color:#0099FF;
	text-decoration:none;
}
a:hover,
a:active{
	color:#0099FF;
	text-decoration:underline;
}

.bold{
	font-weight:bold;
}
.txt{
	font-size:11px;
	color:#666666;
	line-height:18px;
}
.cap{
	text-transform:uppercase;
}
ol.letter{
	list-style-type:lower-alpha;
}
.hand{
	cursor:pointer;
}
.error{
	color:#CC0000;
	font-size:11px;
}

.pointer{
	cursor:pointer;
}

a.enviar:link,
a.enviar:visited{
	background:url(../img/btn/enviar.jpg) no-repeat;
	text-decoration:none;
	width:64px;
}
a.enviar:hover,
a.enviar:active{
	background:url(../img/btn/enviar_on.jpg) no-repeat;
	text-decoration:none;
	width:64px;
}


/*********************************************** MEASUREMENTS *********************************************************/

/* WIDTH */
.width_site{
	width:972px;
}
.width_right_column{
	width:297px;
}
.width_btw_column{
	width:18px;
}
.width_middle_colum{
	width:320px;
}
.width_categ_column{
	width:225px;
}
.width_btw_menu{
	width:40px;
}
.width_btw_btn{
	width:5px;
}
.width_btw_opt{
	width:10px;
}
.width_pic_directorio_list{
	width:92px;
}
.width_btw_pieza{
	width:14px;
}

/* HEIGHT */
.height_tit_bottom{
	height:7px;
}
.height_btw_banner{
	height:8px;
}
.height_top_tit{
	height:20px;
}
.height_btw_categ{
	height:3px;
}
.height_btw_input{
	height:5px;
}
.height_input{
	height:22px;
}

/* PADDING */
.padding_3{
	padding:3px;
}
.padding_5{
	padding:5px;
}
.padding_10{
	padding:10px;
}
.padding_20{
	padding:20px;
}
.padding_top{
	padding-top:3px;
}

/************************************************* BACKGROUNDS ********************************************************/

.bg_white{
	background-color:#FFFFFF;
}
.bg_div{
	background-color:#000000;
}
.bg_header{
	background-color:#000000;
	/*	background-color:#018EE8; */
}

/**************************************************** BOX *************************************************************/

/* BOX DIRECTORIO */
.box_directorio_ul{
	background:url(../img/box/up_left.jpg) no-repeat;
	width:4px;
	height:4px;
}
.box_directorio_up{
	background:url(../img/box/up.jpg) repeat-x;
	height:4px;
}
.box_directorio_ur{
	background:url(../img/box/up_right.jpg) no-repeat;
	width:4px;
	height:4px;
}
.box_directorio_left{
	background:url(../img/box/left.jpg) repeat-y;
	width:4px;
}
.box_directorio_bg,
.bg_comment{
	background-color:#FAFAFA;
}
.box_directorio_right{
	background:url(../img/box/right.jpg) repeat-y;
	width:4px;
}
.box_directorio_dl{
	background:url(../img/box/down_left.jpg) no-repeat;
	width:4px;
	height:4px;
}
.box_directorio_down{
	background:url(../img/box/down.jpg) repeat-x;
	height:4px;
}
.box_directorio_dr{
	background:url(../img/box/down_right.jpg) no-repeat;
	width:4px;
	height:4px;
}

/********************************************** LINES / BORDERS *******************************************************/

.line{
	height:1px;
	background-color:#CCCCCC;
}
.line_div{
	height:1px;
	background-color:#4D4D4D;
}
.line_vert{
	width:1px;
	background-color:#CCCCCC;
}
.line_div_vert{
	width:1px;
	background-color:#4D4D4D;
}
.border_pic{
	border:1px solid #CCCCCC;
}
.hr_dashed{
	border:0px;
	border-top:dashed #CCCCCC 1px;
	height:0px;
}

/*************************************************** BTN **************************************************************/

a.btn_blue:link,
a.btn_blue:visited{
	display:inline;
	background-color:#0099FF;
	color:#FFFFFF;
	line-height:20px;
	padding:3px 18px 4px 18px;
}
a.btn_blue:hover,
a.btn_blue:active{
	background-color:#999999;
	color:#FFFFFF;
	text-decoration:none
}
a.btn_gris:link,
a.btn_gris:visited{
	display:block;
	background-color:#999999;
	color:#FFFFFF;
	padding:3px 18px 4px 18px;
}
a.btn_gris:hover,
a.btn_gris:active{
	background-color:#999999;
	color:#FFFFFF;
	text-decoration:none
}
a.btn_edit:link,
a.btn_edit:visited,
a.btn_borrar:link,
a.btn_borrar:visited{
	font-size:8px;
	font-weight:bold;
	background-color:#0099FF;
	color:#FFFFFF;
	display:inline-block;
	padding:1px 4px 1px 4px;
	margin-right:2px;
}
a.btn_edit:hover,
a.btn_edit:active,
a.btn_borrar:hover,
a.btn_borrar:active{
	background-color:#999999;
	color:#FFFFFF;
	text-decoration:none
}
a.btn_borrar:link,
a.btn_borrar:visited{
	background-color:#FF0000!important;

}

/*************************************************** TXT **************************************************************/

/* MENU */
a.menu:link,
a.menu:visited{
	color:#FFFFFF;
}
a.menu_footer:link,
a.menu_footer:visited{
	color:#999999;
}
a.menu:hover,
a.menu:active{
	color:#0099FF;
	text-decoration:none;
}
a.menu_footer:hover,
a.menu_footer:active{
	color:#000000;
	text-decoration:none;
}
a.menu_selected:link,
a.menu_selected:visited,
a.menu_selected:hover,
a.menu_selected:active{
	color:#0099FF;
	text-decoration:none;
	cursor:text;
}
a.menu_footer_selected:link,
a.menu_footer_selected:visited,
a.menu_footer_selected:hover,
a.menu_footer_selected:active{
	color:#000000;
	text-decoration:none;
	cursor:text;
}
a.logueo:link,
a.logueo:visited{
	font-size:12px;
	color:#999999;
}
a.logueo:hover,
a.logueo:active{
	font-size:12px;
	color:#0099FF;
	text-decoration:none;
}
.bienvenido{
	font-size:12px;
	color:#0099FF;
	font-weight:bold;
}

/* LINKS */
a.ampliar:link,
a.ampliar:visited{
	color:#999999;
}
a.ampliar:hover,
a.ampliar:active{
	color:#0099FF;
	text-decoration:none;
}
a.txt_column_categ:link,
a.txt_column_categ:visited{
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#999999;
	line-height:20px;
}
a.txt_column_categ:hover,
a.txt_column_categ:active{
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#000000;
	text-decoration:none;
	line-height:20px;
}
a.txt_column_categ_selected:link,
a.txt_column_categ_selected:visited,
a.txt_column_categ_selected:hover,
a.txt_column_categ_selected:active{
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#000000;
	text-decoration:none;
	cursor:text;
	line-height:20px;
}
a.txt_column_subcateg:link,
a.txt_column_subcateg:visited{
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#999999;
	font-size:10px;
	line-height:20px;
}
a.txt_column_subcateg:hover,
a.txt_column_subcateg:active{
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#000000;
	text-decoration:none;
	font-size:10px;
	line-height:20px;
}
a.txt_column_subcateg_selected:link,
a.txt_column_subcateg_selected:visited,
a.txt_column_subcateg_selected:hover,
a.txt_column_subcateg_selected:active{
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#000000;
	text-decoration:none;
	cursor:text;
	font-size:10px;
	line-height:20px;
}

a.pieces_footer:link,
a.pieces_footer:visited{
	color:#666666;
	background-color:#F7F7F7;
	display:block;
	padding:2px 5px 3px 5px;
	border-left:1px solid #E6E6E6;
	border-right:1px solid #E6E6E6;
	border-bottom:1px solid #E6E6E6;
}

a.btn_blue_pieces:link,
a.btn_blue_pieces:visited,
a.btn_blue_pieces:hover,
a.btn_blue_pieces:active,
a.pieces_footer:hover,
a.pieces_footer:active{
	color:#FFFFFF;
	background-color:#0099FF;
	display:block;
	text-decoration:none;
	padding:2px 5px 3px 5px;
	border-left:1px solid #0099FF;
	border-right:1px solid #0099FF;
	border-bottom:1px solid #0099FF;
}
a.directory:link,
a.directory:visited{
	color:#666666;
	width:5px;
}
a.directory:hover,
a.directory:active{
	color:#0099FF;
	text-decoration:none;
}
a.directory_selected:link,
a.directory_selected:visited,
a.directory_selected:hover,
a.directory_selected:active{
	color:#000000;
	font-weight:bold;
	cursor:text;
}

/* PAGES */
.page_txt{
	color:#999999;
	font-size:11px;
}
a.page:link,
a.page:visited{
	color:#0099FF;
}
a.page:hover,
a.page:active{
	color:#000000;
	text-decoration:none;
}
a.page_selected{
	color:#000000;
	font-weight:bold;
	cursor:text;
}


.copete{
	color:#999999;
	font-size:11px;
	font-weight:bold;
}
.categoria{
	font-size:12px;
}

a.comentario:link,
a.comentario:visited{
	color:#999999;
	font-size:11px;
	font-weight:bold;
}

a.comentario:hover,
a.comentario:active{
	color:#999999;
	font-size:11px;
	font-weight:bold;
	text-decoration:underline;
}

.txt_footer{
	color:#999999;
	font-size:11px;
	line-height:18px;
}
.txt_white{
	color:#FFFFFF!important;
}
.txt_div{
	color:#8A9197;
	font-size:11px;
}
.error404{
	font-family:Arial, Helvetica, sans-serif;
	font-size:32px;
	font-weight:bold;
	color:#0099FF;
}
.error404_msj{
	font-family:Arial, Helvetica, sans-serif;
	font-size:28px;
	font-weight:bold;
	color:#000000;
}

	
/************************************************** TITLES ************************************************************/

h1{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:22px;
	line-height:28px;
	color:#000000;
	font-weight:normal;
	margin-bottom:5px;
}
h2{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:18px;
	line-height:24px;
	color:#000000;
	font-weight:normal;
	margin-bottom:5px;
}
a.h2:link,
a.h2:visited{
	font-size:18px;
	color:#000000;
}
a.h2:hover,
a.h2:active{
	font-size:18px;
	color:#666666;
	text-decoration:none;
}
h3{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	color:#000000;
	margin-bottom:0px;
}
a.h3:link,
a.h3:visited{
	font-size:14px;
	color:#000000;
}
a.h3:hover,
a.h3:active{
	font-size:14px;
	color:#666666;
	text-decoration:none;
}

.tit_top_blue{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	color:#0099FF;
	font-weight:bold;
	font-style:italic;
}
a.tit_top_blue{
	font-size:14px;
}
.num_blue{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	color:#0099FF;
	font-weight:bold;
}
h4{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FFFFFF;
	font-weight:normal;
	margin:0px;
}
	
/************************************************** IMAGES ************************************************************/

.comment{
	background:url(../img/icon/comment.jpg) no-repeat left center;
	width:20px;
	height:12px;
}
.page_sig_on{
	background:url(../img/icon/page_sig_on.jpg) no-repeat right center;
	width:21px;
	height:12px;
}
.page_sig_off{
	background:url(../img/icon/page_sig_off.jpg) no-repeat right center;
	width:21px;
	height:12px;
}
.page_ant_off{
	background:url(../img/icon/page_ant_off.jpg) no-repeat left center;
	width:21px;
	height:12px;
}
.page_ant_on{
	background:url(../img/icon/page_ant_on.jpg) no-repeat left center;
	width:21px;
	height:12px;
}
.star_on{
	background:url(../img/icon/star_on.jpg) no-repeat right;
	width:17px;
	height:14px;
}
.star_off{
	background:url(../img/icon/star_off.jpg) no-repeat right;
	width:17px;
	height:14px;
}
.invitar{
	background:url(../img/icon/invitar.jpg) no-repeat bottom left;
	width:26px;
	height:18px;
}
.inscribirme{
	background:url(../img/icon/inscribirme.jpg) no-repeat bottom left;
	width:22px;
	height:18px;
}
.arrow{
	background:url(../img/icon/arrow.jpg) no-repeat left top;
	width:12px;
	background-position:0 0.3em;
}
.arrow_div{
	background:url(../img/icon/arrow_div.jpg) no-repeat top left;
	width:13px;
	background-position:0 0.3em;
}
.thumb_iframe{
	width:60px;
	height:60px;
}
.thumb_iframe div { position:relative}
.thumb_iframe div .btn_borrar { position:absolute; right:0px; top:0}
.thumb_iframe div .btn_edit { position:absolute; right:0; top:0}

/*************************************************** FORM *************************************************************/

.form_input_txt{
	width:100%;
	height:20px;
	border:1px solid #D4CBCB;
	padding:2px;
}
.form_select{
	width:100%;
	height:20px;
	border:1px solid #D4CBCB;
	padding:1px;
}
.form_txtarea{
	height:120px;
	width:100%;
	padding:3px;
	font-family:Tahoma, Arial, Helvetica;
	border:1px solid #D4CBCB;
}

.form_txt{
	font-size:11px;
	color:#999999;
}

/* specific */
.form_input_txt_search{
	width:100%;
	height:28px;
	border:1px solid #D4CBCB;
	padding:6px;
}
.form_select_directory{
	/*width:100%;*/
	width:200px;
	height:23px;
	border:1px solid #D4CBCB;
	padding:2px;
}
.width_input_txt{
	width:225px;
}
.width_input_txt_suscr{
	width:270px;
}
.width_select{
	width:270px;
}
.form_div{
	background-color:#1A1A1A;
	border:1px solid #333333;
	color:#8A9197;
	font-size:11px;
}

.width_input_txt_div{
	width:327px;
}


/*************************************************** POP UPS  *************************************************************/

#overlay{
	width: 100%;
	height: 100%;
	background-color:#000000;
	filter: alpha(opacity=70); 
	opacity: .7;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1000;
	overflow:auto;
}

#overlay2{
	width: 100%;
	height: 100%;
	background-color:#000000;
	filter: alpha(opacity=70); 
	opacity: .7;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index:10000;
}

.divPopup{
	padding:10px;
	z-index:10000;
}

.divPopup2{
	padding:10px;
	z-index:1000000;
}