@charset "utf-8";
html { padding:0; margin:0;}
body {
	margin:0;
	padding:0;
	/* [disabled]width:100%; */
	clear: both;
}


/* main */
.main {width:100%; padding:0; margin:0 auto; }
.resize { width:955px; margin:0 auto; color:#F93}

/********** header **********/
.header {
	height:176px;
	background:url(header_bg.gif) repeat-x top;
}

.block_header {margin:0 auto; width:955px; }
.top_menu { float:right; padding:4px 10px; font:normal 11px Tahoma, Geneva, sans-serif; color:#4e4e4e; line-height:1.6em;}
.top_menu a { font:normal 11px Tahoma, Geneva, sans-serif; color:#4e4e4e; text-decoration:none;}
.top_menu a:hover {text-decoration:underline;}
/*******Twitter**********/
.RSS { width:180px; height:24px; float:right; padding:10px 0 0 30px; margin:0; background: url(images/RSS.gif) left no-repeat; font:normal 11px  Arial, Helvetica, sans-serif; color:#575757;}
/* logo */
.logo {
	float: left;
	margin: 0;
	width: 340px;
	padding-top: 1px;
	padding-right: 0;
	padding-bottom: 1px;
	padding-left: 0;
}
/* menu */	
.menu {
	padding: 0;
	margin: 33px 0 0 0;
	width: 610px;
	float: right;
}
.menu ul { padding:3px 0; margin:0; list-style:none; border:0;}
.menu ul li { float:left; margin:0; padding:0 3px; border:0;}
.menu ul li a { display:block; float:left; margin:0 1px 0 0; padding:12px 0 !important; padding:12px 15px 12px 0; color:#fff;  font:normal 14px  Arial, Helvetica, sans-serif; text-decoration:none;}
.menu ul li a span.bgi { padding:17px 15px 31px 15px !important; padding:24px 15px; background:none;}
.menu ul li a:hover { color:#75C043;background: url(images/r_menu.gif) no-repeat right;}
.menu ul li a:hover span.bgi {color:#75C043;  background:url(images/l_menu.gif) no-repeat left;}
.menu ul li a.active {color:#ff994e; background:url(images/r_menu.gif) no-repeat right ;}
.menu ul li a.active span.bgi {color:#ff994e; background:url(images/l_menu.gif) no-repeat left;}
.menu ul li a span.bgi span {
	color: #CCC;
	font: normal 11px Arial, Helvetica, sans-serif;
	display: block;
	text-align: center;
	/* [disabled]padding-top: 10px; */
}

/********** slider **********/
.slider2 {background: url(images/simple2_bg.gif) top  repeat-x; margin:0 auto; padding:0; height:147px;}
.slider2 div.slice12 { margin:0 auto; width:930px; padding:0;}

.slider2 p { width:618px; font: normal 12px Tahoma, Geneva, sans-serif; color:#fff; margin:0; padding:12px 0 0 0; line-height:1.6em;}
.slider2 h2 span { color:#b9efff;}
.slider2 img { padding:0; margin:0; float: right;}
.slider2 img.bh2 { padding:0; margin:0; float:none;}

.slider {background:url(images/simple_bg.gif) top  repeat-x; margin:0 auto; padding:0; height:272px; border-top:1px solid #252525;}
.slider div.slice1 { margin:0 auto; width:964px; padding:0;}
.slider div div div { margin:0; padding:0; width:880px; height:220px; border:0;}
.slider div div div img.h2top { margin:15px 0 10px 20px; border-bottom:1px solid #eba13c;}
.slider div div div p.img {
	float:right;
	padding:0 30px 0 72px;
	margin:0;
}
.slider div div div h2 { font:bold 30px  Georgia, "Times New Roman", Times, serif; color:#fff; margin:0; margin:0; padding:15px 0 10px 0; line-height:1.2em;}
.slider div div div h2 span { color:#b9efff;}
.slider div div div p {
	font:normal 12px  Tahoma, Geneva, sans-serif;
	color:#fff;
	margin:0;
	margin:0 0 0 20px;
	line-height:1.8em;
	text-align: justify;
	
}
.slider div div div ul li div p {
	width: 440px;	
}
/*****Menu_resize*********/
.tip { background:url(images/tip_bg.gif) top repeat-x; margin:0 auto; padding:0; height:51px;}
.blue { background:url(images/blue.gif) top repeat-x; margin:0 auto; padding:0; height:12.25px;}
.Menu_resize { width:955px; margin:0 auto; padding:0;}
.Menu_resize p {
	font:normal 11px Tahoma, Geneva, sans-serif;
	color:#e17029;
	padding:15px 0 0 0;
	margin:0;
	float:right;
}

.Menu_resize p a { color:#e17029; text-decoration:none;}
.Menu_resize p a:hover { color:#e17029; text-decoration: underline;}
.Menu_resize img { margin:2px 5px; padding:0; display: inline; float:right;}
/******blue inbetween*********/
.blue {
background url:	
}

/********** block index **********/
.body {
	width: 100%;
}

.body h2 {
	font:normal 24px  Tahoma, Geneva, sans-serif;
	color:#ED1F24;
	padding:15px 2px;
	margin:0;
	font-size: 24px;	
}

.body .What h2 {
	font:normal 24px  Tahoma, Geneva, sans-serif;
	color:#ED1F24;
	padding:15px 2px;
	margin:0;
	font-size: 24px;	
}

.body .Serv h2 {
	font:normal 24px  Tahoma, Geneva, sans-serif;
	color:#0099CC;
	padding:15px 2px;
	margin:0;
	font-size: 24px;
}


.box h2 {
color:#0099CC;	
}

.body .Serv_R h2 {
	font:normal 24px  Tahoma, Geneva, sans-serif;
	color:#75C043;
	padding:15px 2px;
	margin:0;
	font-size: 24px;
}

.body p { font:normal 11px  Tahoma, Geneva, sans-serif; color:#6f6f6f; line-height:1.8em; padding:5px 2px; margin:0;}
.body a { color:#e17029; text-decoration:none;}
.body img {
	padding:0;
}
.body a:hover {
	color:#e17029;
	text-decoration: underline;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	text-align: left;
}
.comprar {
	float: left;
	font-size: 11px;
}
.body span {
	color:#6f6f6f;
	font:bold 12px  Tahoma, Geneva, sans-serif;
	font-family: Tahoma, Geneva, sans-serif;
}
.body_resize {
	width:960px;
	margin:10px auto;
	padding:0;
}
/* search */
.search { padding:0; margin:10px 0 0 0;}
.search span { display:block; float:left;}
.search a { display:block; float:left; padding:10px 10px 0 10px; line-height:1.6em; color:#4270a1; font:normal 11px Arial, Helvetica, sans-serif; text-decoration:none;}
.search a:hover { text-decoration:underline;}
.search form { display:block; float:left; padding:5px 0;}
.search form .keywords { float:left; background: url(images/search_bg.gif) top repeat-x; border:0; height:25px; width:215px; padding:0 2px; line-height:15px; margin:0 10px 0 0; font:normal 12px Tahoma, Geneva, sans-serif; color:#000;}
.search form .button { float:left; margin:0; padding:0;}

/*****Serv****/
.What { width:375px; margin:5px 10px; padding:5px 10px; float:left;}
.Serv, .Serv_R {
	width: 230px;
	margin: 5px 10px;
	padding: 1px 10px 15px;
	float: left;
}
/*******deposito****/

.deposito {
	width: 215px;
	margin: 0px 10px;
	padding: 1px 10px 15px;
	float: right;
	
}


.Serv_D {
	width: 380px;
	height: 460px;
	margin: 0px 10px;
	padding: 1px 10px 15px;
	float: left;
}

/**********download*****/

.deposito h2 {
	font:normal 24px  Tahoma, Geneva, sans-serif;
	color:#75C043;
	font-size: 24px;
	font-color
	}
.deposito #img {
float:right;
}

.box{
	font-family:arial;
	font-size:10px;
	color:#ccc;
	margin: 5px 10px;
	padding: 1px 10px 15px;
	float: left;
	width: 227px;
	float: left;
	color: #fff;
}
.boxD {
	font-family: arial;
	font-size: 10px;
	color: #ccc;
	margin: 5px 30px 5px 10px;
	padding: 1px 10px;
	float: left;
	width: 325px;
}
.boxD h2.Serv {
	width: 270px;
}
.boxD .p { 
	font:normal 11px  Tahoma, Geneva, sans-serif; color:#6f6f6f; line-height:1.8em; padding:5px 2px; margin:0;
}
.boxD a:hover {
	font-size: inherit;
	font-weight: bold;
	text-decoration:none;
	
}
.boxR {
	width:230px;
}
/********end*******/

.Serv ul { padding:0; margin:0; list-style:none;}
.Serv li { background:url(images/services_bg_ul_li.gif) left no-repeat; padding: 5px 20px; border-bottom:1px solid #e3e3e3; margin:0;}
.Serv li a { color:#e17029; text-decoration:none;  font:normal 11px  Tahoma, Geneva, sans-serif; line-height:1.8em;}
.Serv li a:hover { text-decoration:underline;}

/*****left_size****/
.left_size {
	width:628px;
	margin:5px 10px;
	padding:1px 10px;
	float:left;
	border-right: 1px solid #dfdfdf;
}
.left_size a { float:right;}
.left_size img {
	float: right;
	margin: 15px 10px;
	padding: 0;
}

.left_sizeCenter {
	width:610px;
	margin:0px 5px;
	padding:0px 5px;
	float:left;
}
.left_sizeCenterSmall {
	border-right: 1px solid #dfdfdf;
	width: 405px;
	margin: 5px 10px 5px 0px;
	padding: 0px 5px;
	float: left;
}

.body_resize {
	width:960px;
	margin:10px auto;
	padding:0;
}
/*****Paquetes page****/
.left_size2 {
	width:178px;
	margin:5px;
	padding:5px 10px;
	float:left;
	border-right: 1px solid #dfdfdf;
}
.right_size2 {
	width:281px;
	margin:5px 5px;
	padding:5px 10px;
	float:left;
	/* [disabled]border-right: thin ridge #dfdfdf; */
}
.left_size2 a { float:right;}
.left_size2 img { float:left; margin:15px 10px; padding:0;}

.2colWrap {
	width:660px;
	margin:5px 5px;
	padding:5px 10px;
	float:left;
	border-right: thin ridge #dfdfdf;
}

/***********Sub**********/
.Sub { width:215px; margin:5px 10px; padding:5px 10px; float:left;}
.Sub ul { padding:0; margin:0; list-style:none;}
.Sub li { background:url(images/Sub_ul_li.gif) left no-repeat; padding: 5px 20px;  margin:0;}
.Sub li a { color:#2f2f2f; text-decoration:none;  font:normal 11px  Tahoma, Geneva, sans-serif; line-height:1.8em;}
.Sub li a:hover {color:#e17029; text-decoration:underline;}
/********** contact form **********/
#contactform { margin:0; padding:5px 10px;}
#contactform * { color:#222222;}
#contactform ol { margin:0; padding:0; list-style:none;}
#contactform li { margin:0; padding:0; background:none; border:none; display:block;}
#contactform li.buttons { margin:5px 0 5px 0;}
#contactform label { margin:0; width:120px; display:block; padding:10px 0; color:#666666; font: bold 11px  Tahoma, Geneva, sans-serif; text-transform:capitalize; float:left;}
#contactform label span { color:#ff0000;}
#contactform input.text { width:440px; border:1px solid #dcdcdc; margin:10px 0; padding:5px 2px; height:16px; background:#f5f5f5; float:left;}
#contactform textarea { width:440px; border:1px solid #dcdcdc; margin:10px 0; padding:2px; background:#f5f5f5; float:left;}
#contactform li.buttons input { padding:3px 0; margin:0 0 0 110px; border:0; color:#FFF; float:left;}
p.response { text-align:center; color:#666666; font: normal 11px  Georgia, "Times New Roman", Times, serif; line-height:1.8em; width:auto;}

/*******************************FBG************************/
.FBG { background:url(images/FBG_bg.gif); border-top:1px solid #fff; }
.FBG h2 { font:normal 24px Arial, Helvetica, sans-serif; color:#ffffff; padding:5px 0 5px 40px; }
.FBG p { font:normal 12px Arial, Helvetica, sans-serif; color:#a3a3a3; line-height:1.8em; }
.FBG_resize { width:1000px; margin:0 auto; padding:0; }
/*****Testimonials*****/
.Testimonials { width:290px; margin:15px 10px; padding:0 10px; float:left; }
.Testimonials h2 {
	background:url(images/h2_test.gif) left no-repeat;
	text-align: left;
}
.Testimonials a { float:right; font:bold 11px Tahoma, Geneva, sans-serif; color:#fff; text-decoration:none; }
/**********Company********/
.Company {
	width:290px;
	margin:15px 10px;
	padding:0 10px;
	float:left;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #3a3a3a;
	border-left-color: #3a3a3a;
}
.Company h2 { background: url(images/h2_company.gif) left no-repeat; }
.Company .data { margin:2px 0; padding:0; background:url(images/bg_data.gif) no-repeat left; width:74px; height:21px; float:left; text-align:center; font:bold 13px Tahoma, Geneva, sans-serif; color:#727272; }
/********Con******/
.Con { width:290px; margin:15px 10px; padding:0 10px; float: right; }
.Con a { font:normal 11px Arial, Helvetica, sans-serif; color:#097a9a; text-decoration:none; }
.Con h2 { background: url(images/h2_contact.gif) left no-repeat; }
.text_left { text-align:right;}

p.clr, .clr { clear:both; padding:0; margin:0; background:none;}
li.bg, .bg { clear:both; border-top:3px solid #dfdfdf; padding:0; margin:5px 0; background:none; line-height:0;}
.bg1 { clear:both; border-top:1px solid #dfdfdf; padding:0; margin:5px 0; background:none; line-height:0;}
.bgR {
	clear:both;
	border-right: 1px solid #dfdfdf;
	padding:0;
	margin:5px 0;
	background:none;
	line-height:0;
	
}
/********** footer **********/
.footer { background: url(images/bg_footer.gif); padding:0; height:58px; margin:0; }
.footer p { font:normal 11px Arial, Helvetica, sans-serif; color:#b0b0b0; padding:20px 0 0 0; margin:0; text-align:center; }
.footer a { color:#b0b0b0; text-decoration:none; }
p.clr,
.clr { clear:both; padding:0; margin:0; background:none; }
li.bg,
.bg { clear:both; border-top:1px solid #e2e2e2; padding:0; margin:5px 0; background:none; }

/********** footer ends **********/

#slider {
	margin:0 42px;
	padding:0;
	list-style:none;
}
#slider ul, #slider li {
	margin: 0;
	padding: 0;
	list-style: none;
}
/* 
    define width and height of list item (slide)
    entire slider area will adjust according to the parameters provided here
*/
#slider li {
	width:880px;
	height:272px;
	overflow:hidden;
}
p#controls {
	margin:0;
	position:relative;
}
#prevBtn, #nextBtn {
	display:block;
	margin:0;
	overflow:hidden;
	width:41px;
	height:41px;
	position:absolute;
	left:-20px;
	top:-162px;
}
#nextBtn {
	left:940px;
}
#prevBtn a {
	display:block;
	width:41px;
	height:41px;
	background:url(images/l_arrow.gif) no-repeat 0 0;
}
#nextBtn a {
	display:block;
	width:41px;
	height:41px;
	background:url(images/r_arrow.gif) no-repeat 0 0;
}
body #flashContent {
	background-image: url(images/flashBg.png);
	background-repeat: repeat-x;
	
}

/****** sidebar Right *********/
body .box{
	font-family:arial;
	font-size:10px;
	color:#ccc;
	margin: 5px 10px;
	padding: 1px 10px 15px;
	float: left;
}
.box .boxBody .show#downloads ul li 
a {color:#ccc;text-decoration:none;}
 .box .boxBody .show#downloads ul li a:hover {color:#ccc;text-decoration:underline}

#tabMenu {margin:0;padding:0 0 0 15px;list-style:none;}
#tabMenu li {
	float:left;
	height:32px;
	width:39px;
	cursor:pointer;
	cursor:hand
}
.box li.downloads {background:url(images/tabDown.png) no-repeat 0 -32px;}
.box li.faq {background:url(images/tabComment.png) no-repeat 0 -32px; color:#ccc;}
.box li.otherProducts {background:url(images/tabFolder.png) no-repeat 0 -32px;}
.box li.cart {background:url(images/tabCart.png) no-repeat 0 -32px;}
.box li.posts {background:url(images/tabStar.png) no-repeat 0 -32px;}

.box li.mouseover {background-position:0 0;}

.box li.mouseout {background-position:0 -32px;}

.box li.selected {background-position:0 0;}

.box li a, .box li a:hover{
	color:#ccc;
	text-decoration:none;
	font-family: Tahoma, Geneva, sans-serif;
}
.boxTop {background:url(images/boxTop.png) no-repeat;height:11px;clear:both}

.boxTop {margin-bottom:-2px;}

.boxBody {background-color:#282828;}

.boxBottom {background:url(images/boxBottom.png) no-repeat;height:11px;}


.boxBody div {display:none;}

.boxBody div.show {display:block;}

.boxBody #otherProducts a {display:block;}


.boxBody div ul {margin:0 10px 0 25px;padding:0;width:190px;list-style-image:url(images/arrow.gif)}
*html 
.boxBody div ul {margin-left:10px;padding-left:15px;}

.boxBody div li {
	border-bottom:1px dotted #8e8e8e;
	padding:4px 0;
	cursor:hand;
	cursor:pointer;
	font-size: 11px;
	font-family: Tahoma, Geneva, sans-serif;
}
.boxBody div ul li.last {border-bottom:none}
.boxBody div li span {
	font-size:9px;
	color:#69B9E5;
}



/* SpryCollapsiblePanel.css - version 0.5 - Spry Pre-Release 1.6.1 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

/* This is the selector for the main CollapsiblePanel container. For our
 * default style, the CollapsiblePanel is responsible for drawing the borders
 * around the widget.
 *
 * If you want to constrain the width of the CollapsiblePanel widget, set a width on
 * the CollapsiblePanel container. By default, our CollapsiblePanel expands horizontally to fill
 * up available space.
 *
 * The name of the class ("CollapsiblePanel") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style the
 * CollapsiblePanel container.
 */
.CollapsiblePanel {
	margin: 0px;
	padding: 0px;
	border-left: solid 1px #CCC;
	border-right: solid 1px #999;
	border-top: solid 1px #999;
	border-bottom: solid 1px #CCC;
}

/* This is the selector for the CollapsiblePanelTab. This container houses
 * the title for the panel. This is also the container that the user clicks
 * on to open or close the panel.
 *
 * The name of the class ("CollapsiblePanelTab") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style an
 * CollapsiblePanel panel tab container.
 */
.CollapsiblePanelTab {
	border-bottom: solid 1px #CCC;
	margin: 0px;
	padding: 2px;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
	font-size: 0.5em;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #FFF;
	background: #2D2D2D;
}

/* This is the selector for a CollapsiblePanel's Content area. It's important to note that
 * you should never put any padding on the content area element if you plan to
 * use the CollapsiblePanel's open/close animations. Placing a non-zero padding on the content
 * element can cause the CollapsiblePanel to abruptly grow in height while the panels animate.
 *
 * The name of the class ("CollapsiblePanelContent") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style a
 * CollapsiblePanel content container.
 */
.CollapsiblePanelContent {
	margin: 0px;
	padding: 0px;
}

/* An anchor tag can be used inside of a CollapsiblePanelTab so that the
 * keyboard focus ring appears *inside* the tab instead of around the tab.
 * This is an example of how to make the text within the anchor tag look
 * like non-anchor (normal) text.
 */
.CollapsiblePanelTab a {
	color: black;
	text-decoration: none;
}

/* This is an example of how to change the appearance of the panel tab that is
 * currently open. The class "CollapsiblePanelOpen" is programatically added and removed
 * from panels as the user clicks on the tabs within the CollapsiblePanel.
 */
.CollapsiblePanelOpen .CollapsiblePanelTab {
	background: #75C043;
}

/* This is an example of how to change the appearance of the panel tab when the
 * CollapsiblePanel is closed. The "CollapsiblePanelClosed" class is programatically added and removed
 * whenever the CollapsiblePanel is closed.
 */

.CollapsiblePanelClosed .CollapsiblePanelTab {
	background: #2D2D2D;
}

/* This is an example of how to change the appearance of the panel tab as the
 * mouse hovers over it. The class "CollapsiblePanelTabHover" is programatically added
 * and removed from panel tab containers as the mouse enters and exits the tab container.
 */
.CollapsiblePanelTabHover,  .CollapsiblePanelOpen .CollapsiblePanelTabHover {
	background: #9F081E;
	height: 25px;
	font-size: 0.9em;
	padding-top: 0.5em;
}

/* This is an example of how to change the appearance of all the panel tabs when the
 * CollapsiblePanel has focus. The "CollapsiblePanelFocused" class is programatically added and removed
 * whenever the CollapsiblePanel gains or loses keyboard focus.
 */
.CollapsiblePanelFocused .CollapsiblePanelTab {
	background: #303030;
}
.downImg {
	height: 185px;
	width: 190px;
	float: left;
}
.Serv a img{
	color:none;
	text-decoration:none;

	
}
.Serv a:hover {
	color:none;
}
.social img {
	padding: 2px 3px 0 0;
	margin: 2px 3px 0 0;
	}
	
body a img{
	border: none;	
}