Index.css

*
{
	margin: 0;
	padding: 0;
	font-family: 'Open Sans', sans-serif;
}

a.active{ background: rgb  (7, 83, 137) ;}

h1
{
	font-size: 25pt;
}

header
{
	background: #17902B;
}

header h1
{
	font-size: 14pt;
	display: inline-table;
	text-align: center;
	color: white;
	text-shadow: 1px 0px 1px black;
}

header p.destacate
{
	letter-spacing: 5px;
}

header .presentation-web
{
	text-align: center;
	padding: 7% 0%;
	border-top: 1px solid rgba(255, 255, 255, 0.21);
}

header .navigation
{
	width: 94%;
	display: inline-block;
	padding: 3%;
	background: rgb(0, 98, 167);
	border-bottom: 1px solid rgba(255, 255, 255, 0.44);
}

header .navigation nav a
{
	border: 1px solid transparent;
	transition: all .8s;
	padding: 3.15% 3.2%;
	margin: 3% 3%;
	color: white;
	text-decoration: none;
        a.active{ background: rgb  (7, 83, 137) ;}
}

header .navigation nav a:hover
{
	background: rgb(7, 83, 137);
	text-shadow: 1px 1px 1px black;
        a.active{ background: rgb  (7, 83, 137) ;}
}

header h1.call-to-action
{
	font-family: Josefin Sans;
	transition: all .5s;
	margin-top: 4%;
	font-weight: 300;
	text-transform: uppercase;
	border: 1px solid white;
	padding: 1.5%;
	cursor: pointer;
}


header p
{
	width: 57%;
	font-size: 14pt;
	color: white;
	margin: 0 auto 3% auto;
}

header h2
{
	margin-top: -4%;
	font-size: 30pt;
	margin-bottom: 2%;
	color: #FFF;
	font-style: italic;
}

header h1.destacate
{
	color: #F9FFFD !important;
	transition: all .6s;
	border: none;
	text-shadow: none;
	background: #000;
	margin-left: 7%;
	box-shadow: inset 0px 64px 1px #035911, 0px 3px 1px #02340A;
}

.destacate:hover
{
	cursor: pointer;
	box-shadow: none;
}

body .icon-nav
{
	text-align: center;
	border-top: 1px solid #000;
	background: #181818;
	padding: 2%;
}

body .icon-nav i
{
	margin: 1% 4%;
	color: white;
	text-shadow: 2px 1px 1px black;
}

body .icon-nav i:hover
{
	opacity: .8;
}

header p
{
	font-family: 'Josefin Sans', Open Sans !important;
}

header hr
{
	border: 1px solid rgba(255, 255, 255, 0.55);
	margin-top: 1%;
	margin-bottom: -2%;
	width: 50%;
	display: inline-table;
}

.fa.x6{
	font-size: 6em;
}

.fa.x5{
	font-size: 5em;
}

.fa.x4{
	font-size: 4em;
}

.fa.x3{
	font-size: 3em;
}

.fa.x2{
	font-size: 2em;
}

.fa.medium{
	font-size: 1.5em;
	text-shadow: 1px 1px 1px black;
}

.fa.border {
	padding-right: .5em;
	border-right: 1px solid rgba(255, 255, 255, 0.68);
}

.fa.red{
	color: #F04;
}

.fa.bluem{
	color: #1191ED;
}

.fa.orange{
	color: orange;
}
body .social-buttons
{
	padding: 1.3%;
	background: black;
	color: white;
	text-align: center;
}

body .social-buttons i
{
	margin: 0% 3%;
}

body .welcome-to
{
	padding: 1.5%;
	background: #FAFAFA;
}

body .welcome-to h1
{
	padding: 1%;
	font-size: 2.5em;
	color: #179062;
	text-align: center;
	font-weight: 300;
	font-style: italic;
}

body .welcome-to h2
{
	text-align: center;
	font-family: 'Josefin Sans', 'Helvetica';
	font-weight: 300;
	color: #6C6C6C;
	letter-spacing: 5px;
	font-size: 2.3em;
	word-spacing: 2%;
}

hr.medium
{
	margin: 2% auto;
	width: 75%;
}

body .table-div
{
	display: inline-table;
	margin: 1% 7%;
}

.table-div img
{
	margin-top: 7%;
	width: 350px;
	height: 250px;
}

.table-div.hacking
{
	margin-left: 12% !important;
}

.table-div.maquetation
{
	margin-top: 5%;
	margin-left: 34.5% !important;
	margin-right: 20%;
	margin-bottom: 5%;
}

i{
	cursor: pointer;
}

i.hfacebook, i.htwitter{
	transition: all .6s;
}

i.hfacebook:hover{
	color: #3b5998;
}

i.htwitter:hover{
	color: #4099FF;
}

body .div-chat h1
{
	margin-top: 5%;
	background: #1B1B1B;
	color: white;
	letter-spacing: 5px;
	font-weight: 300;
	word-spacing: 10px;
	padding: 2.3% 5%;
}


body .center
{
	border-top: 1px solid rgba(255, 255, 255, 0.28);
	background: #1A1919;
	margin: 0 auto;
}

body .center h1
{
	margin: 1%;
	padding: .5%;
}

body .center embed{
	margin: 4% auto;
}