/*
Plugin: jQuery Parallax
Version 1.1
Author: Ian Lunn
Author URL: http://www.ianlunn.co.uk/
Plugin URL: http://www.ianlunn.co.uk/plugins/jquery-parallax/

License: http://creativecommons.org/licenses/by-sa/3.0/ (Attribution Share Alike). Please attribute work to Ian Lunn simply by leaving these comments in the source code or if you'd prefer, place a link on your website to http://www.ianlunn.co.uk/.
*/

@charset "utf-8";
/* CSS Document */

@font-face {font-family:"Grandesign Light Normal";src:url("font/GRANLN__.eot?") format("eot"),url("font/GRANLN__.woff") format("woff"),url("font/GRANLN__.ttf") format("truetype"),url("font/GRANLN__.svg#GrandesignLightNormal") format("svg");font-weight:normal;font-style:normal;}

textarea {
width:100%;
	font-family: "Grandesign Light Normal";
	line-height: 22pt;
	font-weight:normal;
	font-size:24px;
	font-weight: normal;
	letter-spacing: 0.5pt;



}
input {
width:95%;
	font-family: "Grandesign Light Normal";
		line-height: 22pt;
	font-weight: normal;
	letter-spacing: 0.5pt;
		font-weight:normal;
	font-size:22px;
}

body{
	/*background:url("images/fondogral.jpg") center;
	background-repeat:repeat-y;*/
	min-width: 980px;
	text-align:center;
	background-color:#F26641; 
	overflow-x: hidden;

}
.trans {
    opacity: 0.5;
}



input {
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        border: 0px solid #000000;
        padding: 0 4px 0 4px;
		height:28px
     }
	 textarea {
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        border: 0px solid #000000;
        padding: 0 4px 0 4px;
     }

p{
	margin: 0 0 20px 0;	
}

p, ul{
	font-size-adjust:0.488;
	font-weight:200;
	font-style:normal;
}



h1, #pixels{
	font-size-adjust:0.40;
	font-weight:700;
	font-style:normal;
}

h2{
	font-size-adjust:0.531;
	font-weight:500;
	font-style:normal;
}

#header h1, #pixels{
	color: #48941A;
}

.float-left{
	float: left;	
	margin: 0 0 0 20px;
}

.float-right{
	float: right;
	margin: 0 20px 0 0;
}
.float-rightm{
	float:right;
	0margin: 90px 200px 0 0;
	color:#FFF;
}

.center{
	font-size: 1em;
	text-align: center;
	margin-left: auto ;
  	margin-right: auto ;
}

.linkmenu {
	font-family: "Grandesign Light Normal";
	font-size: 16pt;
	color: #FFF;
	text-align: left;
	text-decoration: none;
	line-height: 22pt;
}

.linkmenu:hover{
	font-family: "Grandesign Light Normal";
	font-size: 16pt;
	color: #F26641;
	text-align: left;
	text-decoration: none;
	font-weight: bold;
}


#intro{
	/*background:url("images/firstBG.jpg") no-repeat center center fixed;*/ 
	
	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
	height:auto;
	min-height: 850px;
	color: white;
	margin: 0 auto;
	padding: 15% 0 0 0;
}


#second{
	background: url("images/secondBG.jpg") 50% 0 no-repeat fixed;
	opacity: 0.5;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	color: white;
	min-height: 100%;
	height: 850px;
	margin: 0 auto;
	overflow: hidden;
	padding: 0;
}

#secondbg{
	background: url("images/circles.png") 50% 0 no-repeat fixed;
	height: 850px;
	margin: 0 auto;
	padding: 0;
	position: absolute;
	width: 100%;
	z-index: 200;
}

#third{
	/*background: url("images/thirdBG.jpg") 50% 0 no-repeat fixed;
	
	
	background: #F26641;*/
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	margin:auto;
	text-align:center;
	height: 100%;
	color: white;
}

#third .bg{
	/*background: url("images/thirdBG.jpg") 50% 0 no-repeat fixed;
	*/-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	margin:auto;
	position: absolute;
	width: 100%;
	z-index: 200;
	top: 2266px;
	height: 71px;
}

#fifth{
	/*background: #626366;
	height: 400px;
	height: 100%;*/
	padding: 0 0 0 0;
	z-index: 200;
}

#sixth{
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-color: #636466;
	/*height: 700px;*/
	width: 100%;
	/*height: 650px;*/
	padding: 0 0 0 0;
	background-attachment: fixed;
	background-image: url(images/sixth.png);
	background-repeat: no-repeat;
	background-position: 50% 0;
		
}
#sixth .bg{
	background:#636466;
	/*height: 100%;
	margin: 100% auto;*/
	padding: 0;
	position: absolute;
	width: 100%;
	z-index: 200;
}

.story{
	margin:auto;
	min-width: 980px;
	overflow: auto;
	text-align:center;
	/*width: 100%;*/
}

.story .float-left, .story .float-right{
	position: relative;
	margin:auto;
}

.slide {
	width: 100%;
}

#nav li a {
	display: block;
	width: 10px;
	height: 10px;
	border-radius: 10px;
	background-color: white;
	border: solid 2px white;
}

#nav li a.current {
	background-color: orange;
}


/* Menu   */

.face a { 
   background-image: url("images/facebook_off.png"); 
    display:block;
 height:44px;
width:44px;
} 

.face a:hover { 
   background-image: url("images/facebook_on.png"); 
}

.linkedin a { 
   background-image: url("images/link_off.png"); 
    display:block;
 height:44px;
width:44px;
} 

.linkedin a:hover { 
   background-image: url("images/link_on.png"); 
}

.gplus a { 
   background-image: url("images/gplus_off.png"); 
    display:block;
 height:44px;
width:44px;
} 

.gplus a:hover { 
   background-image: url("images/gplus_on.png"); 
}

.flikr a { 
   background-image: url("images/flik_off.png"); 
    display:block;
 height:44px;
width:44px;
} 

.flikr a:hover { 
   background-image: url("images/flik_on.png"); 
}

.instagram a { 
   background-image: url("images/instagram_off.png"); 
    display:block;
 height:44px;
width:44px;
} 

.instagram a:hover { 
   background-image: url("images/instagram_on.png"); 
}

.pinterest a { 
   background-image: url("images/pin_off.png"); 
    display:block;
 height:44px;
width:44px;
} 

.pinterest a:hover { 
   background-image: url("images/pin_on.png"); 
}

input.submit
{
border: 0px;
background-color: transparent;
background-image: url("images/enviar_off.png"); 
background-repeat:no-repeat;
height:59px;
width:59px;
font-size:0px;
}
input.submit:hover
{
background-image: url("images/enviar_on.png"); 

}



/* Nav
*****************************************************************/

nav#primary {
	list-style:none;
	z-index: 999;
	position: fixed;
	top: 50%;
	right: 16px;
	margin-top: -40px;
}
nav#primary{   list-style:none;
       }
nav#primary li {
	list-style:none;
	position: relative;
	height: 58px;
}
nav#primary a {
	display: block;
	width: 58px;
	height: 58px;
	text-indent: -9999px;
}

#mintro { background: transparent url('images/home_off.png')  no-repeat;}
#msecond { background: transparent url('images/social_off.png')  no-repeat;}
#mthirth { background: transparent url('images/portfolio_off.png')  no-repeat;}
#mforth { background: transparent url('images/socios_off.png')  no-repeat;}
#mfifth { background: transparent url('images/contact_off.png')  no-repeat;}

/*
nav#primary a:hover, nav#primary a.active {
	background: transparent url('images/home_on.png')  no-repeat;
}*/
#mintro:hover { background: transparent url('images/home_on.png')  no-repeat;}
#msecond:hover { background: transparent url('images/social_on.png')  no-repeat;}
#mthirth:hover { background: transparent url('images/portfolio_on.png')  no-repeat;}
#mforth:hover { background: transparent url('images/socios_on.png')  no-repeat;}
#mfifth:hover { background: transparent url('images/contact_on.png')  no-repeat;}

#mintro a:active { background: transparent url('images/home_on.png') no-repeat;}
#msecond a:active { background: transparent url('images/second_on.png')  no-repeat;}

nav#primary h1 {
	position: absolute;
	font-family: "Grandesign Light Normal";
	right: 49px;
	top: 11px;
	display: none;
	padding: 4px 25px 4px 7px;;
	color: #fff;
	white-space: nowrap;
	background: transparent url('images/nav-arrow.png') 100% 50% no-repeat;
	
	}
nav.next-prev {
	margin: 27px 0 0 0;
	}
	a.prev,
	a.next {
		display: block;
		width: 15px;
		height: 11px;
		text-indent: -9999px;
		}
	a.prev {
		margin: 0 auto 5px auto;
		background: transparent url('../img/scroll-arrow-up.png') 0 0 no-repeat;
		}
		a.prev:hover {
			background: transparent url('../img/scroll-arrow-up.png') 0 -11px no-repeat;
			}
	a.next {
		margin: 5px auto 0 auto;
		background: transparent url('../img/scroll-arrow-down.png') -1px 0 no-repeat;
		}
		a.next:hover {
			background: transparent url('../img/scroll-arrow-down.png') -1px -11px no-repeat;
			}
			
/* Parallax
*****************************************************************/



/* midground (clouds) */
#circulos-back {
	z-index: -1;
	position: fixed;
	top: 0;
	width: 400px;
	}
	
/* background (clouds) */
#circulos-front{
	z-index: 1;
	position: fixed;
	top: 0;
	width: 400px;
	}

	.txt_dir {
	font-size: 13pt;
	font-weight: normal;
	color: #FFF;
	letter-spacing: 0.5pt;
	font-family: "Grandesign Light Normal";
	line-height: 14pt;
	text-decoration: none;
	text-align: left;
}