/*
==  DETAILS  ============================================================

    Version: 1.0

    Designer: Javier Ciocci 
    Designer URI: http://www.ciotech.ca/
    
    Developer: Javier Ciocci 
    Developer URI: http://www.ciotech.ca/

    Author: Javier Ciocci 
    Author URI:  http://www.ciotech.ca/

    License: GNU General Public License version 3.0
    License URI: http://www.gnu.org/licenses/gpl-3.0.html

===============================================================================
*/

/*---------------------------------------------------------------------------*/
/*  GLOBAL */
/*---------------------------------------------------------------------------*/

html 
{
	overflow-x: hidden;
	overflow-y: scroll;
	height: 100%;
}

body 
{
	background: #fbfbfb ;
	height: 100%;
	margin:0 0 0 0;
	height:100%;
	background-color:#fff;
	font-family: 'Open Sans', sans-serif;
	font-size:13px;
	line-height: 1.6;
	color: #555;
	margin:0px;
	
}


h1, h2, h3, h4, h5, h6 { 
	font-family: 'Open Sans', sans-serif;
	/*font-family: 'Signika'*/
}

/* links */
a 			{ text-decoration: none; color: #444; }
a:hover 	{ text-decoration: none; color: #83BA01; }
a:link 		{ -webkit-tap-highlight-color: #83BA01; }
::selection { background: #444; color: #83BA01; }


/*---------------------------------------------------------------------------*/
/*  LAYOUT  */
/*---------------------------------------------------------------------------*/

#wrapper 
{ 
	min-height: 100%;
	height: auto !important;
	height: 100%;
}

/*---------------------------------------------------------------------------*/
/*  STYLES  */
/*---------------------------------------------------------------------------*/
#header 
{
	width: 100%;
	margin: 0 auto ;
	color: #777;
	position: relative;
	display:block;
	/*background: #e7e7e7 url('../images/bg-page-noise.jpg');*/
	background: #e7e7e7 url('../images/bg-transparent-a.png');
	background-position:center;
	background-repeat:no-repeat;
	
	/*
	background-color:rgba(255, 255, 255, 0); 
	background-image: -moz-radial-gradient(50% 38%, ellipse farthest-corner, rgba(255, 255, 255, 0), #e6e6e6 50%); 
	background-image: -webkit-radial-gradient(50% 38%, ellipse farthest-corner, rgba(255, 255, 255, 0), #e6e6e6 50%); 
	background-image: -o-radial-gradient(50% 38%, ellipse farthest-corner, rgba(255, 255, 255, 0), #e6e6e6 50%); 
	background-image: -ms-radial-gradient(50% 38%, ellipse farthest-corner, rgba(255, 255, 255, 0), #e6e6e6 50%); 
	background-image: radial-gradient(50% 38%, ellipse farthest-corner, rgba(255, 255, 255, 0), #e6e6e6 50%);
*/
}
#footer 
{


	background: #e7e7e7 url('../images/bg-transparent-a.png');
	background-position:center;
	background-repeat:no-repeat;

}

#footer-top-conteiner
{
	background: #ccc url('../images/bg-transparent-a.png');
	background-repeat:no-repeat;
	background-position:bottom;
}





.box {
	width:980px;	
}

.float {
	margin:0 auto;
}


.Title {
	font-family: 'Oswald';
	font-size:36px;
	color:#666;
	text-shadow:1px 1px 0px #fff;
	text-align:right;
	line-height: 1.2;
	margin-top:50px;
}

.SubTitle {
	font-family: 'Oswald';
	font-size:22px;
	color:#83BA01;
	text-shadow:1px 1px 0px #fff;
	text-align:right;
}

.TextTitle {
	font: 300 16px/1.6 "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	letter-spacing: .01em;
}

.ColorGreen {
	color:#83BA01;	
}

/*---------------------------------------------------------------------------*/
/*  MAGINES  */
/*---------------------------------------------------------------------------*/
.MarginLeft {
	margin-left:10px;
}
.MarginRight{
	margin-right:10px;
}


/*---------------------------------------------------------------------------*/
/*  PADDINGS  */
/*---------------------------------------------------------------------------*/
.PaddingLeft {
	padding-left:10px;
}
.PaddingRight {
	padding-right:10px;
}
.PaddingTop {
	padding-top:10px;
}
.PaddingBottom {
	padding-bottom:10px;
}

.PaddingTop_20 {
	padding-top:20px;
}
.PaddingBottom_20 {
	padding-bottom:20px;
}



/*---------------------------------------------------------------------------*/
/*  BACKGROUNDS COLOR  */
/*---------------------------------------------------------------------------*/
.BgColor57616A {
	background-color:#57616A;
}
.BgColorD8DBE0 {
	background-color:#D8DBE0;
}
.BgColorF0F0F0 {
	background-color:#f0f0f0;
}
.BgColorCCCCCC {
	background-color:#CCCCCC;
}
.BgColorDDDDDD{
	background-color:#0D0D0D;
}
.BgColorF5F5F5{
	background-color:#F5F5F5;
}


/*---------------------------------------------------------------------------*/
/*  BOX SHADOW  */
/*---------------------------------------------------------------------------*/

.BoxShadow {
	box-shadow			:#CCCCCC 0 0 5px;
	-moz-box-shadow		:#CCCCCC 0 0 5px;
	-webkit-box-shadow	:#CCCCCC 0 0 5px;
}



/*---------------------------------------------------------------------------*/
/*  BOX LINE  */
/*---------------------------------------------------------------------------*/

.BoxBorderTop {
	border-top:1px #F1F1F1 solid;
}

.BoxBorderBottom {
	border-bottom:1px #F1F1F1 solid;
}


/*---------------------------------------------------------------------------*/
/*  FONT family  */
/*---------------------------------------------------------------------------*/

.FontFamilySignika {
	font-family: 'Signika'
}




.FontOswald {
	font-family: 'Oswald'
}

/*---------------------------------------------------------------------------*/
/*  FONT COLORS  */
/*---------------------------------------------------------------------------*/
.txtColor0D0D0D 
{
color:#0D0D0D;
}

.txtColorFFF 
{
color:#FFFFFF;
}
.txtColor333 
{
color:#333;
}
.txtColor999
{
color:#999;
}
/*---------------------------------------------------------------------------*/
/*  FONT SHADOWS  */
/*---------------------------------------------------------------------------*/
.txtShadowFFF 
{
text-shadow:1px 1px 0px #fff;
}
.txtShadow000 
{
text-shadow:1px 1px 0px #000;
}

/*---------------------------------------------------------------------------*/
/*  FONT SIEZE  */
/*---------------------------------------------------------------------------*/
.bold {
	font-weight:bold;	
}
.FontSize10
{
	font-size:10px;
}
.FontSize11
{
	font-size:11px;
}
.FontSize12
{
	font-size:12px;
}
.FontSize13
{
	font-size:13px;
}


.FontSize14
{
	font-size:14px;
}

.FontSize15
{
	font-size:15px;
}
.FontSize16
{
	font-size:16px;
}
.FontSize17
{
	font-size:17px;
}

.FontSize18
{
	font-size:18px;
}



.FontUppercase {
	text-transform:uppercase;
}

.FontDecorationNone{
text-decoration:none;
} 


.video
{
	margin: auto 0;
	height:130px;
	width:180px;
	padding:1px;
	border:1px solid #f1f1f1;
}

.input {
	border:solid 1px #CCC;
	background-color:#f0f0f0;
	padding:5px;
}


 .input:focus {
	border:solid 1px #000;
}

.TopDegradeBar 
{
	background-image:url(../images/bg-main-top.jpg);
	background-repeat:repeat-x;
	height:18px;
}

.BottomDegradeBar
{
	background-image:url(../images/bg-main-bottom.jpg);
	background-position: top !important;
	background-repeat:repeat-x; 
	height:18px;

}





.buy_button
{
	margin: 10px;
	width:100px;
	padding:7px;
	border:1px solid #f1f1f1;
	background-color:#83BA01;
	text-align:center;
	-moz-border-radius: 5px;
	border-radius: 5px;
	float:center;
	
	font-family: 'Oswald';
	font-size:18px;
	color:#FFF;
	text-shadow:1px 1px 0px #000;
	letter-spacing: .01em;
	cursor: hand;
	
}


.buy_button:hover
{
	color:#FC0;
	cursor: hand;
}



.buy_btn
{
	margin: 10px;
	width:100px;
	padding:7px;
	border:1px solid #f1f1f1;
	background-color:#83BA01;
	text-align:center;
	-moz-border-radius: 5px;
	border-radius: 5px;
	float:right;
}


.buy
{
	font-family: 'Oswald';
	font-size:18px;
	color:#FFF;
	text-shadow:1px 1px 0px #000;
	letter-spacing: .01em;

}


.buy:hover
{
	color:#FC0;
}

	
	



.button {
	margin-top:5px;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #827882), color-stop(1, #3b3b3b) );
	background:-moz-linear-gradient( center top, #827882 5%, #3b3b3b 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#827882', endColorstr='#3b3b3b');
	background-color:#827882;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:0px solid #dcdcdc;
	display:inline-block;
	color:#e8e1e8;
	font-size:12px;
	font-weight:normal;
	padding:5px;
	
}.button:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #3b3b3b), color-stop(1, #827882) );
	background:-moz-linear-gradient( center top, #3b3b3b 5%, #827882 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3b3b3b', endColorstr='#827882');
	background-color:#3b3b3b;
}.button:active {
	position:relative;
}


/* CLIENT PAGE */

.Xtitle {
	font-family: 'Oswald';
	font-size:32px;
	color:#666;
	text-shadow:1px 1px 0px #fff;
	text-align:center;
	line-height: 1.2;
	margin-top:10px;
}

.XsubtitleG {
	margin-top:10px;
	font-family: 'Oswald';
	font-size:22px;
	color:#83BA01;
	text-shadow:1px 1px 0px #fff;
	text-align:center;
}
.XsubtitleB {
	margin-top:10px;
	font-family: 'Oswald';
	font-size:22px;
	color:#666;
	text-shadow:1px 1px 0px #fff;
	text-align:center;
}

.Xbox {
	border:1px solid #CCC;
	background-color:#f4f4f4;
	width:480px;
	margin:0 auto;
	padding:5px;
}