@charset "utf-8";
/* CSS Document */
/* Diseño y desarrollo de Marcelo Lobato 2009 */
/* ------------------------------------------ */

body { background: #000;/*---custom----*/margin:0;padding:0;}
img, div, h1, h2, h3, h4, span, ul, li, p { background:none; margin:0; padding:0; border:0; color:#FFF; font-family:Arial, Helvetica, sans-serif; font-size:14px;}
a { color:#fff;text-decoration:none;}
a:hover { color:#F90; text-decoration:none;}
.txt_colum a {color:#09F;text-decoration:none;}
.txt_colum a:hover { color:#000; text-decoration:none;}

/*-------------------------------- MAIN -----------------*/
#main {width:100%;height:auto;}
/*---------------------------*/
#flash {width:500px; height:333px; float:left;}
/*---------------------------------- HEADER --------------*/
#content_header { width:100%; height:90px;/*---custom----*/}
.header { width:1000px; height:90px; margin:auto;/*---custom----*/}
#logo { width:500px; height:90px; float:left; overflow:hidden; outline:none;}
.left_header { width:500px; float:left;}
.right_header { width:500px; height:auto; float:right;}
.right_header .top_menu, .bottom_menu { width:500px; height:26px; float:left;}
.m_bottom_menu { padding-top:0px;}
.m_bottom_menu img { float:right; margin:6px 2px;}


/*--------------------------- MAIN MENU ----------------------------*/
.bottom_menu ul { list-style:none; float:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; text-align:center; width:auto; height:26px;}
.bottom_menu li { margin-right:3px;color:#FFF; width:auto; float:left; background:none; margin-left:15px;}
.line_li { width:auto; height:18px; float:right; padding:4px; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-align:center; margin-left:25px;}
.left_li { width:6px; height:26px; float:left;}
.right_li { width:6px; height:26px; float:left; margin-right:25px;}
li, .btn_div a { color:#fff; text-decoration:none;}
li, .btn_div a:hover { color:#ccc; text-decoration:none;}
.btn_div { color:#FFF; width:290px; float:left; height:29px; margin-top:7px; margin-bottom:15px; padding-left:13px;}

/*---------------------------------- BANNER MAIN --------------*/
.content_banner { width:100%; height:333px; float:left; background:#333; overflow:hidden; margin-top:5px; margin-bottom:5px; /*---custom----*/}
#content_banner_home { width:100%; height:333px; float:left; background:#333; overflow:hidden; text-align:center; /*---custom----*/}
#video { width:169px; height:120px; margin-top:54px; margin-left:113px; background:none;}
#banner { width:1000px; height:333px; margin:auto; /*---custom----*/}
#btn_banner { width:400px; height:57px; margin-top:5px; margin-left:20px; cursor:pointer; float:left;}
.left_btn_b { background:url(../images/left_btn_banner.jpg) no-repeat; width:7px; height:39px; float:left;}
.line_btn_b { background:url(../images/line_btn_banner.jpg) repeat-x; float:left; padding-left:5px; padding-right:5px; height:39px;} 
.right_btn_b { background:url(../images/right_btn_banner.jpg) no-repeat; width:7px; height:39px; float:left;}
.txt_btn_b { font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; text-align:center; padding-top:10px; color:#FFF; letter-spacing:2px;}
.txt_btn_b a { color:#000; text-decoration:none;}
.txt_btn_b a:hover { color:#fff; text-decoration:none;}


/*---------------------------------- BODY --------------*/
#content_body { width:100%; height:auto; float:left; padding-bottom:5px; background: #FFF;}
#content_portion { width:100%; height:174px;/*---custom----*/ float:left; background:url(../images/back_apart.jpg) repeat-x top;}
.main_body { width:1000px; height:auto;/*---auto----*/margin:auto; margin-top:15px; padding-bottom:20px;}
/*-------------------------------*/
/*-------------------------------------------- COL --------------------------------*/
.content_columns { width:1000px; height:auto; margin:auto;}
.zindex {z-index:1000; width:100%; height:316px; margin:auto; position:absolute; top:91px;}
.m_auto { margin:auto;}
.m_left, .m_right  {margin-left:20px; _margin-left:15px;}
.m_top {height:350px; }
.interna {background:url(../images/back_body_main_b.jpg) no-repeat top;}
.m_bottom { margin-bottom:15px;}
.colum_2 { width:500px; height:auto; float:left; background:none;}/*---custom----*/
.colum_3 { width:305px; height:auto; float:left; background:none; margin-bottom:10px;}/*---custom----*/
.separator { background:url(../images/separator.jpg) no-repeat; width:290px; height:2px; float:left; margin-left:10px; margin-top:5px;}
.colum_2 .only_line { font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; color:#fff; text-align:left; width:400px; float:left; margin-left:20px;}
.colum_2 .only_line .line_btn { width:auto; float:left; height:auto;}
.height_colum_2 {height:300px; width:500px;}
.height_colum_2_h {height:300px;}
.banner_lateral { width:305px; height:auto; float:left; margin-bottom:15px;}
/*-------------*/
.top_colum { margin-top:90px;}
.line_colum { background:url(../images/line_colum.jpg) repeat-y; width:305px; height:350px; float:left; overflow:hidden;}
.bottom_colum { background:url(../images/bottom_colum.jpg) no-repeat bottom; width:305px; height:19px; float:left; overflow:hidden;}
.h_colum_3 { height:auto;}
/*---------*/
.box_txt { width:430px; height:auto; float:left; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:Nnormal; text-align:left; color:#e7f817; padding-top:5px; padding-bottom:10px; margin-left:20px; margin-top:60px;}
.box_txt span { color:#FC0; font-size:24px; font-weight:bold;}
#photo_banner { width:1000px; height:316px; float:left; background:url(../images/fade_banner.png) no-repeat bottom;} 
#photo_banner h1 { margin-left:20px;}
.height_banner_custom {height:200px; text-align:center;}
.caja_fade { width:1000px; height:100px; margin-top:196px; padding-top:20px;}

/*-------------Backgrounds top col*/
.icon_div { width:65px; height:165px; float:left; margin-left:0px; }
.title_colum { width: 220px; height:auto; float:left; font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; padding-top:1px; padding-left:29px; color:#000;}
.w_title_colum {width:220px; padding-left:10px; padding-top:8px;}
.txt_colum { width:280px; height:auto; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-align:justify; float:left; margin-top:5px; margin-bottom:15px; margin-left:15px; _margin-left:7px; color:#333;}
.color_txt_colum {color:#666; width:220px; margin-top:7px; margin-left:10px;}
.color_txt_colum_b {color:#666; width:220px; margin-top:7px; margin-left:30px; _margin-left:20px;}
.w_title { width:275px; padding-left:15px; margin-top:5px;}
.txt_colum span {color:#069;}

/*---------------------------*/
.icon_div_b { width:155px; height:174px; float:left; margin-left:0px; }
.w_apart { width:300px; padding-left:10px; padding-top:15px;}
.w_apart_txt {width:300px; padding-left:0px; margin-left:10px;}
/*-------------------------------------------- INTERNAL PAGE -----------------------------*/
/*------- BANNER INTERNAL ---*/
.p_top { padding-top:15px;}
.padding_margin{ margin-left:10px;}
#btn_banner_b { width:auto; height:129px; margin-top:65px; margin-left:140px; cursor:pointer;}
.w_line_btn { width:640px; margin-top:10px; margin-bottom:10px; float:left; padding-left:10px;}
/*-----------*/
.colum_4 { width:640px; height:auto; float:left; background:none; margin-bottom:10px; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-align:justify;}/*---custom----*/
.colum_4 h1 { font-size:24px; color:#000; font-weight:bold; padding-left:10px; width:620px; float:left; margin-top:0px;}
.colum_4 h2 { font-size:16px; color:#09F; font-weight:bold; margin-bottom:10px; float:left; width:620px; margin-top:15px; padding-left:10px;}
.colum_4 p { margin-bottom:5px; width:608px; float:left; padding-left:12px; margin-top:5px; color:#000;}
.colum_4 p span { color:#176d7a;}
.colum_4 p a { color:#09F; text-decoration:none;}
.colum_4 p a:hover { color:#000; text-decoration:none;}
.colum_4 .content_t { width:640px; height:auto; float:left; margin-bottom:10px;}
.img_t {margin-right:15px; width:180px; height:129px; float:left; margin-bottom:10px;}
.img_t_s {margin-right:7px; width:140px; height:100px; float:left; margin-bottom:7px;}
.div_conteiner_inernal { width:630px; height:450px; float:left; margin-left:10px; margin-bottom:15px; margin-top:15px;}
#div_flash_internal { width:640px; height:auto; float:left;}

.top_colum_central { background:url(../images/top_main.png) no-repeat top; width:1000px; height:11px; float:left; overflow:hidden;}
.line_colum_central { background:url(../images/line_main.png) repeat-y; width:1000px; height:auto; float:left; clear:both;}
.line_colum_central p {color:#444;padding:10px}
.line_colum_central img {display:block;margin:auto;}
.line_colum_central h2 {font-weight:bold;font-size:14px;color:#666;padding:10px;text-transform:uppercase}
.line_colum_central .videoBox {margin-left:50px;}
.line_colum_central #manualList {margin-left:50px;padding-bottom:30px}
.line_colum_central #manualList li {margin-bottom:10px}
.line_colum_central #manualList li a {text-transform:uppercase;}
.line_colum_central #manualList li a:hover {color:#444}
.line_colum_central #manualList ul {margin-left:50px;}
.bottom_colum_central { background:url(../images/bottom_main.png) no-repeat; width:1000px; height:11px; float:left; margin-bottom:10px;}
/*-------------*/
.left_btn { width: 6px; height:22px; float:left; background:url(../images/left_btn.png) no-repeat;}
.line_btn { width:auto; height:22px; float:left; background:url(../images/line_btn.png) repeat-x; padding-left:6px; padding-right:6px;}
.right_btn { width: 6px; height:22px; float:left; background:url(../images/right_btn.png) no-repeat;}
.txt_btn {font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; text-align:center; padding-top:4px; color:#FFF; padding-left:3px; padding-right:3px;}
/*---------------------------------- FOOTER --------------*/
#content_footer { width:100%; height:auto; float:left; background:none; margin-top:15px; /*---custom----*/}
.footer { width:1000px;height:170px;/*---custom----*/margin:auto;}
.footer .line_footer {float:left; height:30px; width:1000px;}
.txt_footer { font-family:Arial, Helvetica, sans-serif; font-size:26px; color:#333; text-align:left; padding-top:7px; height:30px; width:auto; font-weight:bold; float:left; margin-right:15px;}
/*---------------*/
.left_footer { width:250px; height:auto; float:left; margin-top:25px; margin-left:25px;}
.right_footer { width:1000px; height:auto; text-align:center; font-family:Verdana, Geneva, sans-serif; font-size:11px; color:#FFF; padding-top:15px;}
#logo_footer { width:248px; height:61px; float:left; overflow:hidden; outline:none; margin-left:70px; margin-top:50px;}
.right_footer a { color:#ccc; text-decoration:none;}
.right_footer a:hover { color:#fff; text-decoration:none;}
/*---------------*/
.left_colum { width:120px; height:190px; float:right; padding-top:25px; padding-left:15px; background:url(../images/separator_footer.jpg) no-repeat left center;}
.left_colum p { font-family:Verdana, Geneva, sans-serif; font-size:11px; margin:0; padding:0; padding-left:10px; margin-top:8px;}
.left_colum p span { color:#CCC; font-size:14px;}
.left_colum p a { color:#999; text-decoration:none;}
.left_colum p a:hover { color:#09F; text-decoration:none;}
/*---------------------------------*/

/* alxito clases */

	#support {border:none;width:350px;margin: 0 auto;color:#444}
	#supportLoader {position:absolute;top:60%;width:32px;height:32px;margin-left:160px;display:none;}
	#support .line label {display:block;width:250px;margin:3px 0px;font-size:13px;font-weight:bold;color:#444}
	#support .line input {width:350px; border:1px solid #828282;color:#444}
	#support .lastLine {width:300px;}
	#support .lastLine label {display:block;width:250px;margin:3px 0px;font-size:13px;font-weight:bold}
	#support .lastLine textarea {width:350px;height:250px;border:1px solid #828282}
	#support .subsel {width:350px}
	#support .tinyTxt {padding:5px;text-align:center}
	
	/*screenshots*/
	#screenshotsContainer {margin-left:45px;}
	.screenshots {float:left;margin:0px 16px;margin-bottom:16px;width:200px;}
	.screenshots .viewImage {cursor:pointer;}



