@charset "utf-8";
/*General Layout*/
/*Info about Css Sticky Footer: www.cssstickyfooter.com*/

*:focus {outline: none;}

/*Css Sticky footer*/
html, body {height: 100%;}

body {
	font-family: 'Source Sans Pro', Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #666666;
	margin: 0;
	padding: 0;
    background-color:#EEEEEE;
    /*background-image: url(../images/mosaico_fondo.png);
	background-repeat: repeat;*/
}

/*Opera Fix for Css sticky footer*/
body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;
}

#main {
	/*Css sticky footer*/
	overflow:auto;
	padding-bottom: 55px; /* must be same height as the footer */
}  

/* ~~ Element/tag selectors ~~ */
ul, ol, dl { /* Due to variations between browsers, it's best practices to zero padding and margin on lists.*/
	padding: 0;
	margin: 0;
}
h1, h2, h3, h4, h5, h6{
	margin-top: 0;
	padding-right: 15px;
	padding-left: 15px;
	margin-bottom: 5px;
}

p{
	margin-top: 0;
}

h1{
	font-family: 'Source Sans Pro', Verdana, Arial, Helvetica, sans-serif;
	font-weight:200;
	font-size: 40pt;
}
h2{
	font-family: 'Source Sans Pro', Verdana, Arial, Helvetica, sans-serif;
	font-weight:300;
	font-size: 20pt;
}

h3{
	font-family: 'Source Sans Pro', Verdana, Arial, Helvetica, sans-serif;
	font-weight:300;
	font-size: 14pt;
}


hr { 
	height: 1px;
    border: 0;
	outline: 0;
	border-top: 1px solid #09C;
    margin-bottom: 5px;
	margin-left: 1em;
	margin-right: 1em;
	padding: 0;
}

iframe{
   border: 0;
}


/* ~~ The nav bar ~~ */
.navbar{
	position: absolute;
	margin-top: 120px;
	width:100%;
	height:70px;
	background: #444444;
	font-size:16pt;
	font-weight:300;
	
}

.menu{
	min-width:600px;
	margin-top: 20px;
}

.menu a:hover, .menu a:active, .menu a:focus{
	color:#EEEEEE;
	text-decoration: none;
}

/*Links styles*/
a img { /* this selector removes the default blue border displayed in some browsers around an image when it is surrounded by a link */
	border: none;
}

/* ~~ this container surrounds all other divs giving them their percentage-based width ~~ */
.wrap {
	width: 990px;
	margin: 0 auto;
	background:#FFFFFF;
	
	box-shadow:  0px 0px 12px 12px #CCCCCC;
    -moz-box-shadow:  0px 0px 12px 12px #CCCCCC;
	-webkit-box-shadow:  0px 0px 12px 12px #CCCCCC;
	
	/*Css sticky footer*/
	min-height: 100%;
}

/* ~~ The Header ~~ */
.header{
	padding-left:24px;
	padding-right:24px;
	padding-bottom:10px;	
	text-align: center;
	height:90px;
}

.tiny{
	font-family: 'Source Sans Pro', Verdana, Arial, Helvetica, sans-serif;
	font-weight:300;
	font-size: 20pt;
}

.header img{
	margin-left: 5%;
	margin-right:5%;
	padding-top: 20px;
	padding-bottom: 20px;
}

/* ~~ The Content ~~ */
.content{
	padding-left:24px;
	padding-right:24px;
	line-height: 15pt;
	font-family: 'Source Sans Pro', Verdana, Arial, Helvetica, sans-serif;
	font-weight:400;	
	font-size: 12pt;
}
.content a, .content a:link, .content a:visited, .content a:focus, .content a:active{
	color:#666666;	
	text-decoration: none;
}

.content ul{ 
	list-style: none;
	margin-left: 10px;
}

.content ul li{
	padding-bottom: 1em;
}

.content p{
	padding-left: 1em;
	padding-right: 1em;
}

/* ~~ The footer ~~ */
.footer {
	font-size:10pt;
	color:#EEEEEE;
	background: #444444;
	text-align:center;
	width:990px;
	/*CSS sticky Footer*/
	margin: -55px auto 0; /* negative value of footer height and centered*/	
	position: relative;
	height: 55px;
	clear:both;
} 

.footer p{
	letter-spacing: -0.4pt;
	margin-bottom: 0;
	line-height: 2em; 	
}

.footer a, .footer a:link, .footer a:visited, .footer a:focus, .footer a:active, .navbar a, .navbar a:link, .navbar a:visited, .navbar a:focus, .navbar a:active, .content a:hover{
	color:#999999;	
	text-decoration: none;
}
.footer a:hover, .navbar a:hover{
	color:#EEEEEE;	
	text-decoration: none;
}

.site_tree{
	padding-top: 2px;
}



/*Miscellaneos Colors*/
.blue{
	color:#09C;
}

.light_grey{
	color:#EEEEEE;
}

.grey{
	color:#999999;
}

img{
	margin:0;
	padding:0;
	border: 1px #333399;
}

/* ~~ miscellaneous float/clear classes ~~ */
.fltrt { 
	float: right;
	margin-left: 8px;
}
.fltlft { 
	float: left;
	margin-right: 8px;
}
.clearfloat {
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

.right_column{
	float: right;
}

.left_column{
	float: left;
}


/*Divs around the body*/
.demo{
    margin-top: 110px;
}
.about, .download, .contact, .vertical{
	float: left;
	height: 160px;
	margin-bottom: 20px;
	margin-top: 5px;
}
.about, .download, .contact{
	width: 312px;
}
.vertical{
	margin-left: 1px;
	margin-right: 1px;
	width: 1px;
	background: #09C;
}