@charset "utf-8";
/* CSS Document */

/* -----------------------------------------------------------
	Reset
----------------------------------------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

a { outline:none; }

sup{ font-size:60%;}

blockquote
{ margin:20px auto; background:#fff;
border-top:4px solid #666; font-size:20px;
border-bottom:4px solid #666; padding:20px;
}

/*-----------------------------------------------------------*/

html,body{
	margin:0;
	padding:0
}
body{
	text-align:center;
	margin:0 auto;
	background-color:#e0e4e4;
	font-family:Arial,"Helvetica Neue",Helvetica,sans-serif;
	color:#333333;
	font-size:12px;
}
h1{ margin:0; font-size:20px; color:#E5720C; }
h2{ margin:0; font-size:20px; color:#E5720C; }
.wrap{ width:910px; }
#header{
	margin:0 auto;
	height:150px;
	text-align:left;
	background:url(../images/bg_header.jpg) no-repeat 0 80px;
}
#header	.logo{
			width:478px;
			height:46px;
			background:url(../images/logo.png);
			text-indent:-9999px;
			display:block;
			position:relative;
			top:15px;
			left:30px;
			float:left;
		}
#header	ul#login{
			width:227px; 
			height:27px; 
			float:right; 
			position:relative; 
			top:30px;
			right:4px;
		}
			ul#login li { float: left; list-style: none; }
			ul#login li a {
				position:absolute;
				text-indent: -9999px;
				border: none !important;
				height: 27px;
				top: 0px;
			}
			ul#login li.one a {left: 0; width:126px; background: url(../images/top_right.png) 0 0 no-repeat;}
			ul#login li.two a {left:126px; width:101px; background: url(../images/top_right.png) -126px 0 no-repeat;}
			
			ul#login li.one a:hover {background-position:0 -27px;}
			ul#login li.two a:hover {background-position:-126px -27px;}		
		
/*** Menu Navegacion Principal ***/
ul#navigation {
	position:relative;
	height:35px;
	width:634px;
	top:110px;
	.top:85px;
	left:30px;
	margin:0;
	padding:0;
	background: url(../images/nav.png) 0 0 no-repeat;
}
ul#navigation li {
	float: left;
	list-style: none;
}
ul#navigation li a {
	position:absolute;
	text-indent: -9999px;
	text-decoration: none;
	border: none !important;
	height: 35px;
	top: 0px;
}
ul#navigation li#nav-home a {
	left: 0;
	width:42px;
	background: url(../images/nav.png) 0 0 no-repeat;
}
ul#navigation li#nav-about a {
	left: 78px;
	width:60px;
	background: url(../images/nav.png) -78px 0 no-repeat;
}
ul#navigation li#nav-products a {
	left: 174px;
	width:62px;
	background: url(../images/nav.png) -174px 0 no-repeat;
}
ul#navigation li#nav-partners a {
	left: 272px;
	width:58px;
	background: url(../images/nav.png) -272px 0 no-repeat;
}
ul#navigation li#nav-reseller a {
	left: 366px;
	width:61px;
	background: url(../images/nav.png) -366px 0 no-repeat;
}
ul#navigation li#nav-career a {
	left: 466px;
	width:61px;
	background: url(../images/nav.png) -463px 0 no-repeat;
}
ul#navigation li#nav-contact a {
	left: 563px;
	width:75px;
	background: url(../images/nav.png) -563px 0 no-repeat;
}


ul#navigation li#nav-home a:hover  		{ background-position: 0 -35px;}
ul#navigation li#nav-about a:hover  		{ background-position: -78px -35px;}
ul#navigation li#nav-products a:hover  	{ background-position: -174px -35px;}
ul#navigation li#nav-partners a:hover  	{ background-position: -272px -35px;}
ul#navigation li#nav-reseller a:hover  	{ background-position: -366px -35px;}
ul#navigation li#nav-career a:hover  	{ background-position: -463px -35px;}
ul#navigation li#nav-contact a:hover  		{ background-position: -563px -35px;}

ul#navigation li#nav-home a.active  		{ background-position: 0 -70px;}
ul#navigation li#nav-about a.active  	{ background-position: -78px -70px;}
ul#navigation li#nav-products a.active  	{ background-position: -174px -70px;}
ul#navigation li#nav-partners a.active  	{ background-position: -272px -70px;}
ul#navigation li#nav-reseller a.active  	{ background-position: -366px -70px;}
ul#navigation li#nav-career a.active  	{ background-position: -463px -70px;}
ul#navigation li#nav-contact a.active  	{ background-position: -563px -70px;}
		
		a#store{
			width:115px; 
			height:27px; 
			float:right; 
			position:relative; 
			top:75px;
			.top:50px;
			right:28px;
			background:url(../images/store.png);
			text-indent:-9999px;
			display:block;
		}
		a#store:hover{ background-position: 0 -27px;}
		

			
#banner{
	margin:0 auto;
	height:255px;
	background:url(../images/bg_banner1.jpg) no-repeat;
}

#centralize{
	margin:0 auto;
	padding:0;
}
	
	#content{
	margin:0 auto;
	float:left;
	text-align:left;
	background:#ffffff url(../images/bg_body.jpg) repeat-y;
	}
	#content-all{
			float:left; 
			padding:50px 30px 0 30px; margin-bottom:20px;
			_padding-left:25px;
			width:850px;
			background:url(../images/shadow_body.jpg) top center no-repeat;
			_background-position:top 5px;
		}
		
		#content-all-products{
			float:left; 
			padding:50px 30px 0 30px; margin-bottom:20px;
			_padding-left:25px;
			width:250px;
			background:#fff; border:1px solid #ccc;line-height:20px;
			-moz-box-shadow: 0 0 5px #ccc; 
	-webkit-box-shadow: 0 0 5px #ccc;
	box-shadow: 0 0 5px #ccc;
   -webkit-border-radius:.6em;
	-moz-border-radius:.6em;
	border-radius:.6em;
		}
		
		#left-nav{
			float:left; 
			padding:50px 30px 0 30px;
			_padding-left:25px;
			width:850px;
			background:url(../images/shadow_body.jpg) top center no-repeat;
			_background-position:top 5px;
		}
		
		#content-section{
			width:610px;
			float:left;
			line-height:19px;
			padding:0 0 30px 30px;
			background:url(../images/sidebars.gif) no-repeat;
		}
		#content-section h1,#content-all h1{
		margin-bottom:10px; margin-top:-20px; color:#E5720C;}
		#content-all h2,#content-all h2{ color:#fff; font-size:18px; border-bottom:1px solid #696e6f; margin:10px 0 20px 0; background:#919c9e; padding:10px 20px;}
		#content-all h3{ font-size:18px; margin:10px 0;}
		#content-section ol,#content-section ul,#content-all ol,#content-all ul
		{ margin:0 0 10px 30px;}
		#content-section p,#content-all p{
			margin-bottom:10px; line-height:20px;
		}
		#left-nav-width{
			width:210px;
			float:left;
			padding:0;
		}
		#location{ margin-bottom:20px;}
		#location h3
		{ color:#666; font-size:16px; margin-bottom:10px;}
		#location p{ background:#fff; border:1px solid #ccc; padding:10px; line-height:20px;
			-moz-box-shadow: 0 0 5px #ccc; 
	-webkit-box-shadow: 0 0 5px #ccc;
	box-shadow: 0 0 5px #ccc;
   -webkit-border-radius:.6em;
	-moz-border-radius:.6em;
	border-radius:.6em;
		}
#location span{ border-top:1px solid #ccc; height:10px; width:100%;}
		
		a.launch{
			width:114px;
			height:20px;
			display:block;
			background:url(../images/launch.png) no-repeat;
			text-indent:-9999px;
			margin-top:15px;
		}
		a.launch:hover{
			background-position:0 -20px !important;
		}
		
		a.more{
			width:114px;
			height:20px;
			display:block;
			background:url(../images/more.png) no-repeat;
			text-indent:-9999px;
			margin-top:15px;
		}
		a.more:hover{
			background-position:0 -20px !important;
		}
		.titles{
			font-size:18px;
			color:#333;
			height:25px;
			border-bottom:1px solid #E9E9E9;
			width:100%;
			margin-top:20px;
		}

		a.learn-more{ color:#E5720C; }
		a.learn-more:hover{ text-decoration:none;}



/*---------------------------------------------------------------
		Footer
----------------------------------------------------------------*/
		#footer{
		color:#999;
		background: url(../images/footer.jpg);
		text-align:left;
		margin:0 auto;
		position: relative;
		clear:both;
		height:48px;
		} 
		#footer p{	margin:0;}
		#footer a{	color:#666; text-decoration:none;}
		#footer a:hover{ border-bottom:none; color:#333;}
		
		#footer ul.links{float:left; width:500px; margin:13px 0 0 30px; _margin-left:15px;}
		
		#footer ul.links li{ display:inline; border-left:1px solid #666; padding:0 10px;}
		#footer ul.links li.first{border-left:none;}
		
		#copyright{width:300px;margin:0 auto 20px auto; padding:4px;}
/*---------------------------------------------------------------
		 Social Links
----------------------------------------------------------------*/		
		ul.social{
		float:right; margin:12px 30px 0 0;
		}
		ul.social span{ float:left; padding-right:12px;}
		ul.social li {float:left; list-style:none;}
		ul.social li a {width:16px; height:16px; display:block; padding:0px; margin-right:8px; border-right:none; text-decoration:none; }
		ul.social li.facebook a {background:url(../images/social.png) no-repeat 0 0;}
		ul.social li.facebook a:hover {background-position: 0 -16px;}
		ul.social li.twitter a {background:url(../images/social.png) no-repeat -16px 0;}
		ul.social li.twitter a:hover {background-position: -16px -16px;}

/*---------------------------------------------------------------
		 Inner pages
----------------------------------------------------------------*/		
#img-banner { width:856px; height:206px; float:left; margin:25px 0 0 27px; _margin-left:14px; position:relative; }
#txt-banner { width:370px; height:96px;  position:absolute; top:75px; left:40px;text-align:left;text-shadow:3px 3px 3px #000; }
#txt-banner h2{font-size:16px; color:#fff; text-transform:uppercase; font-weight:bold; }
#txt-banner p{ color:#fff;margin-top:10px;}


/*-------------------------------------------*/

#product_container{ width:100%;
}

.products_in,.partners,.news_box{
	width:100%; background:#ffffff; position:relative; overflow:auto;
	margin:0 20px 20px 0; line-height:20px; border:1px solid #ccc; padding-bottom:10px;
	-moz-box-shadow: 0 0 5px #ccc; 
	-webkit-box-shadow: 0 0 5px #ccc;
	box-shadow: 0 0 5px #ccc;
   -webkit-border-radius:.6em;
	-moz-border-radius:.6em;
	border-radius:.6em;
}

.products_in:hover{ -moz-box-shadow: none;
	-webkit-box-shadow:none;
	box-shadow:none;}
.products_in img{position:absolute; top:25px; right:10px; width:183px; height:68px; padding:4px; 
 }

.products_in .text{padding:15px; width:360px;border-right:1px solid #ccc;}
.products_in .text h2{
	font-weight:bold; font-size:16px; margin-bottom:10px;
}
.products_in .text p{ margin-top:0;
	border-top:1px solid #ccc; padding-top:5px;
}


.partners h3{font-weight:bold; font-size:16px; border-bottom:1px solid #ccc; padding:0 0 5px 20px; margin:0 20px;color:#E5720C; }
.news_box h2{font-weight:bold; font-size:16px; border-bottom:1px solid #ccc; padding:10px 0; margin:0 20px; color:#3366FF; }
.partners .text,.news_box .text{}
.partners img,.news_box img{float:left; margin:0 20px;}
.partners p,.news_box p{padding:0 20px;}
.date{ position:absolute; right:20px; top:5px; font-size:12px; font-style:normal;color:#3366FF;}

.cssform p{
width: 330px;
clear: left;
margin: 0;
padding: 8px 0;
padding-left: 155px; /*width of left column containing the label elements*/
height: 1%;
}
.cssform p.last{border-bottom:none;}
.cssform label{
font-weight: bold;
float: left;
margin-left: -140px; /*width of left column*/
width: 140px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"],input.text{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px; padding:5px;
}

.cssform select{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px; padding:5px;
}

.cssform textarea{
width: 250px;
height: 150px;
}
.error{ color:#FF0000; padding-top:16px; font-size:11px;}

/* --------- tabbing ----------------- */
ul.tabs { 
	list-style:none; 
	margin:0 !important; 
	padding:0;	
	border-bottom:1px solid #8d8d8d;	
	height:38px;
}
ul.tabs li { 
	float:left;	 
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important; 
}
ul.tabs a { 
	background:#505c63;
	background-position:  0 -182px;	
	font-size:15px; border-left:1px solid #8d8d8d;border-top:1px solid #8d8d8d;	
	display:block; font-weight:bold;
	height: 38px;  
	line-height:38px;
	width: 250px;
	text-align:center;	
	text-decoration:none;
	color:#ffffff;
	padding:0px;
	margin:0px;	
	position:relative;
}

ul.tabs a:active {
	outline:none;	
}
ul.tabs a:hover {
	background:#768792;
	text-shadow:none;
}
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
	background:#ffffff;
	cursor:default !important; 
	color:#27498f !important;
}
ul.tabs a.last, ul.tabs a.last:hover, ul.tabs li.last a {
border-right:1px solid #8d8d8d;
}

.panes .pane {
	display:none;		
}
/* ----------------------------------- Tab Panel Content ------------------------------------- */
.panes div {
	display:none;		
	padding:15px 20px;

	font-size:14px;
	background-color:#fff;
	border:1px solid #8d8d8d;	border-top:0;
}