@charset "utf-8";
/* 
CSS Main Document
Autor: Romny Cristopher - www.dotspixelstudio.com
*/

body {
	background:url(../images/bg_50x50.jpg) repeat;
}

header {
	background:url(../images/topBg_1920x326.png) top center no-repeat;
	width:100%;
	height:410px;
	position:relative;
	padding:20px 0 0 0;
	min-width:955px;
	
}

#headerWrap {
	min-width:760px;
	width:760px;
	margin:0 auto;
	position:relative;
}

#twitter {
	background:url(../images/twitterBg_794x37.png) top left no-repeat;
	width:794px;
	height:37px;
	padding:5px 0 0 0;
	position:absolute;
	left:-25px;
	z-index:5;
}

#twitter a{ color:#F06; text-decoration:none; }
#twitter a:hover { text-decoration:underline; }

#latest_tweet {
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	font-size:11px;
	margin:2px 0 0 15px;
	float:left;
}

#twitterLink { color:#00c2f3 !important; text-decoration:none; float:left; padding:0 0 0 10px; font-size:14px }
#twitterLink:hover { color:#FFF !important; text-decoration:none; float:left; padding:0 0 0 10px; font-size:14px }

#logoContact {
	height:140px;
	width:760px;
	position:relative;
	float:left;
}

#logo {
	width:369px;
	height:119px;
	position:absolute;
	top:20px;
	left:-40px;
}

#mailnphone {
	position:relative;
	width:200px;
	height:40px;
	float:right;
	margin:100px 0 0 0;	
}

#mailLink {
	width:35px;
	height:35px;
	background:#323232 url(../images/mailLinkImg_21x14.png) center center no-repeat;
	display:block;
	position:absolute;
	right:0px;
	top:0px;
	
	-webkit-border-radius:25px;
	-moz-border-radius:25px;
	border-radius:25px;
	
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	transition: all .3s ease;
}

#mailLink:hover {
	background:#009ddb url(../images/mailLinkImg_21x14.png) center center no-repeat;
}

#phoneLink {
	width:35px;
	height:35px;
	background:#323232 url(../images/newPhoneLink_102x16.png) 6px 10px no-repeat;
	display:block;
	position:absolute;
	right:38px;
	top:0px;
	overflow:hidden;
	
	-webkit-border-radius:25px;
	-moz-border-radius:25px;
	border-radius:25px;
	
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	transition: all .5s ease;
	
	
}

#phoneLink:hover {
	width:135px;
	height:35px;
	background:#009ddb url(../images/newPhoneLink_102x16.png) 6px 10px no-repeat;
}

#frase {
	margin:8px 0 0 0;
	float:left;
	position:relative;
}

/***

MAIN

***/
#main {
	width:760px;
	margin:0 auto;
}

/*** PROYECTOS ***/
#proyectos {
	margin: 35px 0 0 0;
	height:400px;
}

#proyectos p {
	font-size:12px;
	color:#555;
}

#proyectosIndividuales {
	width:690px;
	margin:30px auto 0px;
	position:relative;
}

.proyecto {
	width:208px;
	height:180px;
	float:left;
	margin-left:33px;
}

.proyecto:first-child {
	margin:0px;
}

.proyecto p {
	text-align:center;
	color:#0085cf !important;
	font-size:14px !important;
}

.proyecto span {
	display:block;
	color:#555;
}

.proyecto a {
	height:138px;
	display:block;
}

.proyecto a img {
	opacity:.5;
	-webkit-transition: all .8s ease;
	-moz-transition: all .8s ease;
	transition: all .8s ease;
	
	-webkit-transform: translate(0, 0);
	-moz-transform: translate(0, 0);
	transform: translate(0, 0);
	
	z-index:10;
	position:absolute;
}

.proyecto a:hover img {
	-webkit-transform: translate(0, 45px);
	-moz-transform: translate(0, 45px);
	transform: translate(0, 45px);
	opacity:1;
}

.proyecto p {
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	transition: all .5s ease;
}

.proyecto:hover p {
	-webkit-transform:translate(0,-150px);
	-moz-transform:translate(0,-150px);
	transform:translate(0,-150px);
}

/*** SERVICIOS ***/
#servicios {
	background:url(../images/serviciosBg_56x326.jpg) top left repeat-x;
	width:100%;
	height:326px;
	position:relative;
}

#serviciosWrap {
	width:760px;
	height:326px;
	margin:0 auto;
}

#serviciosWrap img {
	margin:40px 0 0 0;
}

/*** formularioSocial ***/
#formularioSocial {
	width:760px;
	margin:0 auto;
	position:relative;
	
}

#formulario {
	background:url(../images/divisor_761x1.png) bottom left no-repeat;
	width:760px;
	height:90px;
}

#formulario img{
	float:left;
	margin:20px 0 0 170px;
}

#descargarBtn {
	background:url(../images/propuestaBtn_138x103.png)0px 0px no-repeat;
	width:138px;
	height:34px;
	top:30px;
	display:block;
	position:absolute;	
}

#descargarBtn:hover { 	background:url(../images/propuestaBtn_138x103.png)0px -34px  no-repeat; }

#descargarBtn:active { background:url(../images/propuestaBtn_138x103.png)0px -69px no-repeat; }

#social {
	width:716px;
	height:150px;
	margin:20px auto 0;
	position:relative;
}

#twitt {
	background:url(../images/twitter_149x40.png) 0px 0px no-repeat;
	width:149px;
	height:20px;
	display:block;
	position:absolute;
	top:50px;
	left:170px;
}

#twitt:hover { background:url(../images/twitter_149x40.png) 0px -20px no-repeat; }

#face {
	background:url(../images/face_197x39.png) 0px 0px no-repeat;
	width:197px;
	height:19px;
	display:block;
	position:absolute;
	top:50px;
	left:350px;
}

#face:hover { background:url(../images/face_197x39.png) 0px -20px no-repeat; }


/***

FOOTER

***/
footer {
	width:100%;
	height:32px;
	background:url(../images/footer_68x32.png) top left repeat-x;
}

#footerWrap {
	width:760px;
	margin:0 auto;
	padding:8px 0 0 0;
}

#footerWrap p{
	color:#FFF;
	font-size:14px;
}