*{
	margin:0;
	padding:0;
	}
body{
	}
h1{
	font: 2.5em 'Montserrat', sans-serif;
	color:#1d4a8f;
	margin:45px 0 15px 0;
	text-transform: uppercase;
	}
.ppal{
	font: 2.5em 'Montserrat', sans-serif;
	text-transform: uppercase;
	color:#FFF;
	}
.ppal span{
	color: #1d4a8f;
	}
.line{
	border-bottom:1px solid #DDDDDD;
	width:70px;
	margin-bottom: 25px;
	}
h2{
	font:1.5em 'Alegreya Sans SC', sans-serif;
	color:#327ff4;
	margin:5px 0;
	}
p, .columna ul li{
	font:0.9em 'Open Sans', sans-serif;
	color:#333;
	}	
a, a:visited{
	text-decoration:none;
	color:#327ff4;
	}
p a{
	font:1.2em 'Open Sans', sans-serif;
	color:#327ff4;
	font-weight:600;
	}
#wrapper{
	width:100%;
	height:auto;
	position:relative;
	}
.container{
	width:960px;
	margin:0 auto;
	}
.columna{
	width:472px;
	text-align:justify;
	margin-bottom: 50px;
	}
.columna ul li{
	list-style-type:none;
	}
#header{
	background:#252b36;
	border-bottom: 2px solid #4a566b;
	}
#logo{
	margin-top:11.5px;
	}
.superior{
	width:960px;
	margin:0 auto;
	padding:15px 0;
	}
.superior span{
	font:0.9em 'Open Sans', sans-serif;
	color:#CCC;
	}
#pins{
	text-align:right;
	}
#nav ul li{
	font:1em 'Alegreya Sans SC', sans-serif;
	margin:5px 0 0 15px;
	float:left;
	text-decoration:none;	
	text-transform:uppercase;
	color: #4a566b;
	}
#nav ul li a{
	color:#4a566b;
	}
#nav ul li.active a, #nav li a:hover{
	color:#94acd6;	
	}
.main_inner{
	width:960px;
	}
.websites{
	width:960px;
	margin:0;
	}
.website_main{
	width:960px;
	margin:30px 0;
	}
#vertical, #horizontal {
	margin:0px;
	width:960px;
	}
#vertical div, #horizontal div {
	float:left;
	width:300px;
	height:178px;
	position:relative;
	overflow:hidden;
	margin: 8px;
	border: 2px solid #DFDFDF;
	}
#vertical img, #horizontal img {
	position:absolute;
	}	
#footer{
	width:100%;
	border-top:#DDDDDD solid 1px;
	text-align:right;
	font: 0.9em 'Open Sans', sans-serif;
	color:#3F3F3F;
	padding:15px 0;
	position:relative;
	}
#iMac{
	width:549px;
	height:433px;
	position:relative;
	z-index:100;
	}	
.project-buttons{
	position:relative;
	margin-top:-50px;
	height:50px;
	width:535px;
	z-index:200;
	}
.antSig{
	height:42px;
	width:100%;
	margin-bottom: 30px;
	}
.project-buttons table{
	float:left;
	padding:0;
	margin:0;
	}
.project-buttons td{
	height:16px;
	width:16px;
	background:url(../img/slide%20dot2.png);
	cursor:pointer;
	}
.project-buttons td:hover{
	background:url(../img/slide%20dot1.png);
	}
.project-buttons td.current{
	background:url(../img/slide%20dot1.png);
	}
.projectimage{
	position:absolute;
	left:0;
	top:0;
	}
table img {
	border:0;
	/* allow javascript moves the img position*/
	position:absolute;
	}
#controles img{
	margin-left:15px;
	}
.descripcion{
	width:380px;
	position:relative;
	}
.btnFB{
	border:none;
	overflow:hidden;
	width:120px;
	height:21px;
	}
form{
	width:960px;
	}
form .campo{
	clear:both;
	margin-bottom:8px;
	}
form label{
	width:220px;
	display:block;
	font:1em 'Open Sans', sans-serif;
	color:#1d4a8f;
	}
form input{
	width:250px;
	height:35px;
	float:left;
	font:1.1em Georgia, "Times New Roman", Times, serif;
	padding:3px 5px;
	border: 1px solid #e4e6eb;	
	background: #fff;
	color: #a6a7ab;
	}
form textarea{
	width:470px;
	height:182px;
	font:1.1em Georgia, "Times New Roman", Times, serif;
	padding:3px 5px;
	overflow:hidden;
	outline:none;
	resize:none;
	border: 1px solid #e4e6eb;	
	background: #fff;
	color: #a6a7ab;
	}
form input:hover, form textarea:hover{
	border:#1d4a8f 1px solid;
	}
form #btnEnviar{
	cursor:pointer;
	border-top: none;
	border-left: none;
	border-right: none;
	color:#FFF;
	float: right;
	}

#errorNombre, #errorMail, #errorMensaje{
	opacity: 0;
	display:block;
	width:210px;
	height:40px;
	}
.errorNombre{
	background:url(../img/errorNombre.png) no-repeat center center;
	}
.errorMail{
	background:url(../img/errorMail.png) no-repeat center center;
	}
.errorMensaje{
	background:url(../img/errorMensaje.png) no-repeat center center;
	}
.left{
	float:left;
	}
.right{
	float:right;
	}
.clear{
	clear:both;
	}
.overflow{
	overflow:auto;
	}
.btnSigAnt{
	display: inline-block;
	text-transform:uppercase;
	color:#FFF !important;
	padding:5px 10px;
	font: .9em 'Alegreya Sans SC', sans-serif;
	}
#sig{
	background:#0ed085;
	border-bottom: 5px solid #0BB171;
	float:right;
	}
#ant{
	float:left;
	background:#0ed085;
	border-bottom: 5px solid #0BB171;
	}
#sig:hover, #ant:hover{
	background:#35D396;
	border-bottom: 5px solid #22A371;
	}
#blur{
	background:#327ff4;
	/*background:url(../img/blur.jpg) no-repeat;*/
	background-size:cover;
	width:100%;
	height:600px;
	}
#blur p{
	color: #DDDDDD;
	}
.web, #btnEnviar{
	display:inline-block;
	padding:8px;
	background:#0ed085;
	margin-bottom:20px;
	border-bottom: 5px solid #0BB171;
	}
.web a{
	color:#FFF !important;
}
.web:hover, #btnEnviar:hover, .apretado{
	background:#35D396 !important;
	border-bottom: 5px solid #22A371 !important;
	}
.apretado{
	cursor:progress !important;
	}