@CHARSET "ISO-8859-1";

/* Reset CSS

 * --------------------------------------- */

body,div,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,

form,fieldset,input,textarea,p,blockquote,th,td {

    padding: 0;

    margin: 0;

}

a{

	text-decoration:none;

}

table {

    border-spacing: 0;

}

fieldset,img {

    border: 0;

}

address,caption,cite,code,dfn,em,strong,th,var {

    font-weight: normal;

    font-style: normal;

}

strong{

	font-weight: bold;

}

ol,ul {

    /*list-style: none;*/

    margin:0;

   /* padding:0;*/

}

caption,th {

    text-align: left;



}

q:before,q:after {

    content:'';

}

abbr,acronym { border: 0;

}





/* Custom CSS

 * --------------------------------------- */

body{

	font-family: 'open sans';

	color: #fff;

	color: rgba(0,0,0,0.5);

}

.wrap{

	margin-left: auto;

	margin-right: auto;

	width: 960px;

	position: relative;

}



/*.intro p{

	width: 50%;

	margin: 0 auto;

	font-size: 1.5em;

}



#menu li {

	display:inline-block;

	margin: 10px;

	color: #000;

	background:#fff;

	background: rgba(255,255,255, 0.5);

	-webkit-border-radius: 10px;

            border-radius: 10px;

}

#menu li.active{

	background:#666;

	background: rgba(0,0,0, 0.5);

	color: #fff;

}

#menu li a{

	text-decoration:none;

	color: #000;

}

#menu li.active a:hover{

	color: #000;

}

#menu li:hover{

	background: rgba(255,255,255, 0.8);

}

#menu li a,

#menu li.active a{

	padding: 9px 18px;

	display:block;

}

#menu li.active a{

	color: #fff;

}

#menu{

	position:fixed;

	top:0;

	left:0;

	height: 40px;

	z-index: 70;

	width: 100%;

	padding: 0;

	margin:0;

}

.twitter-share-button{

	position: fixed;

	z-index: 99;

	right: 149px;

	top: 9px;

}

#download{

	margin: 10px 0 0 0;

	padding: 15px 10px;

	color: #fff;

	text-shadow: 0 -1px 0 rgba(0,0,0,0.25);

	background-color: #49afcd;

	background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4);

	background-image: -ms-linear-gradient(top, #5bc0de, #2f96b4);

	background-image: -webkit-gradient(linear,0 0,0 100%,from( #5bc0de),to( #2f96b4));

	background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4);

	background-image: -o-linear-gradient(top, #5bc0de, #2f96b4);

	background-image: linear-gradient(top, #5bc0de, #2f96b4);

	background-repeat: repeat-x;

	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#2f96b4', GradientType=0);

	border-color: #2f96b4 #2f96b4 #1f6377;

	border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);

	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);



	-webkit-border-radius: 6px;

	-moz-border-radius: 6px;

	border-radius: 6px;

	vertical-align: middle;

	cursor: pointer;

	display: inline-block;

	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);

	-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);

	box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);

}

#download a{

	text-decoration:none;

	color:#fff;

}

#download:hover{

	text-shadow: 0 -1px 0 rgba(0,0,0,.25);

	background-color: #2F96B4;

	background-position: 0 -15px;

	-webkit-transition: background-position .1s linear;

	-moz-transition: background-position .1s linear;

	-ms-transition: background-position .1s linear;

	-o-transition: background-position .1s linear;

	transition: background-position .1s linear;

}

#infoMenu{

	height: 20px;

	color: #f2f2f2;

	position:fixed;

	z-index:70;

	bottom:0;

	width:100%;

	text-align:right;

	font-size:0.9em;

	padding:8px 0 8px 0;

}

#infoMenu ul{

	padding: 0 40px;

}

#infoMenu li a{

	display: block;

	margin: 0 22px 0 0;

	color: #333;

}

#infoMenu li a:hover{

	text-decoration:underline;

}

#infoMenu li{

	display:inline-block;

	position:relative;

}

#examplesList{

	display:none;

	background: #fff;

	-webkit-border-radius: 6px;

	-moz-border-radius: 6px;

	border-radius: 6px;

	padding: 20px;

	float: left;

	position: absolute;

	bottom: 29px;

	right: 0;

	width:638px;

	text-align:left;

}*/

#examplesList ul{

	padding:0;

}

#examplesList ul li{

	display:block;

	margin: 5px 0;

}

#examplesList ul li a{

	color: #BDBDBD;

	margin:0;

}

#examplesList ul li a:hover{

	color: #f2f2f2;

}

#examplesList .column{

	float: left;

	margin: 0 20px 0 0;

}

#examplesList h3{

	color: #f2f2f2;

	font-size: 1.2em;

	margin: 0 0 15px 0;

	border-bottom: 1px solid rgba(0, 0, 0, 0.4);

	-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);

	-moz-box-shadow: 0 1px 0 rgba(255,255,255,0.1);

	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);

	padding: 0 0 5px 0;

}



.club_bg{

	background: url(imgs/fragipeny_bg_main.jpg) no-repeat top center ;

	  background-size:cover;

}



#club_wrapper{

	width:85%;

	margin:100px auto 0px !important;

	padding:0;

}



#club_wrapper .text{

	width:40%;

	margin:0;

	padding:10px;

	float:left;

	overflow:hidden;

}



#club_wrapper h1{

	 font-size:40px;

       font-weight:bolder;

       letter-spacing:-1px; 

       color:rgba(75, 180, 123, 1); 

       text-transform:uppercase;

       margin-bottom:0px; 

}



#club_wrapper h3{

       font-size:25px;

       font-weight:600;

       text-transform:uppercase;

       margin-top:0px; 

       color:rgba(192, 208, 109, 1);     

  }



#club_wrapper p{

	 font-size:16px;

       color:rgba(0, 0, 0, 1);

}



#club_wrapper .images_club{

	width:50% !important;

	height:500px;

	margin:0;

	padding:10px;

	float:right;

	overflow:hidden;

}





.grand_bg{

	background: url(imgs/plots_bg.png) no-repeat top center ;

	  background-size:cover;

}



#grand_wrapper{

	width:80%;

	margin:100px auto 0px !important;

	padding:0;

}



#grand_wrapper .text{

	width:40%;

	margin:0;

	padding:10px;

	float:left;

	overflow:hidden;

}



#grand_wrapper h1{

	 font-size:40px;

       font-weight:bolder;

       letter-spacing:-1px; 

       color:rgba(75, 180, 123, 1); 

       text-transform:uppercase;

       margin-bottom:0px; 

}



#grand_wrapper h3{

       font-size:25px;

       font-weight:600;

       text-transform:uppercase;

       margin-top:0px; 

       color:rgba(192, 208, 109, 1);     

  }



#grand_wrapper p{

	 font-size:16px;

       color:rgba(0, 0, 0, 1);

}



#grand_wrapper .images_grand{

	width:50% !important;

	height:500px;

	margin:0;

	padding:10px;

	float:right;

	overflow:hidden;

}





.animated { 

    -webkit-animation-duration: 1s; 

    animation-duration: 1s; 

    -webkit-animation-fill-mode: both; 

    animation-fill-mode: both; 

} 





@-webkit-keyframes fadeInUp12 { 

    0% { 

        opacity: 0; 

        -webkit-transform: translateY(20px); 

    } 

    100% { 

        opacity: 1; 

        -webkit-transform: translateY(0); 

    } 

} 



@keyframes fadeInUp12{ 

    0% { 

        opacity: 0; 

        transform: translateY(20px); 

    } 

    100% { 

        opacity: 1; 

        transform: translateY(0); 

    } 

} 



.fadeInUp12{

	animation-play-state: paused;

  -webkit-animation-play-state: paused;

  -webkit-animation-delay: 1s; /* Chrome, Safari, Opera */

    animation-delay: 1s;

    -webkit-animation-name: fadeInUp; 

    animation-name: fadeInUp; 

}



#club_wrapper:hover .fadeInUp12{ 

animation-play-state: running;

-webkit-animation-play-state: running;

	

}



#contact_wrapper{

	width:80%;

	margin:5% auto 0%;

	padding:0px;

	text-align:left;

	overflow:hidden;

}

#contact_wrapper h1{

	width:100%;

	margin:0;

	padding:0;

	font-size:40px;

    font-weight:bolder;

    letter-spacing:-1px; 

    color:rgba(75, 180, 123, 1); 

    text-transform:uppercase;

}



#contact_wrapper h3{

	font-size:25px;

       font-weight:600;

       text-transform:uppercase;

       margin-top:0px; 

       color:rgba(192, 208, 109, 1);

	   margin-bottom:10px;

}



#contact_wrapper p{

	font-size:16px;

       color:rgba(0, 0, 0, 1);

}



#contact{

	width:100%;

	margin:25px 0px 0px 0px;

	padding:30px 10px 10px 40px;

	background:rgba(255, 255, 255, 0.7);

	overflow:hidden;

}

.box_cont{

	width:33%;

	margin:0;

	padding:0;

	float:left;

}



.box_cont h4{

	font-size:20px;

       font-weight:600;

       text-transform:uppercase;

       margin-top:0px; 

       color:rgba(0, 0, 0, 1);

	   margin-bottom:0px;

}



.box_cont h5{

	font-size:18px;

       font-weight:400;

       margin-top:0px; 

       color:rgba(0, 0, 0, 1);

	   margin-bottom:0px;

}



.mail_form{

	font-size: 100%;

	width: 100%;

	float: left;

	margin: 0px 0px 0px 0px;

	text-align: left;

	font-family: 'gothic', sans-serif;

}



.mail_form form input[type="text"],

input[type="email"]

{

	display: block;

	width: 95% !important;

	color:#000;

	margin-bottom: 1%;

	padding: 2%;

	background: none repeat scroll 0% 0% rgba(244, 244, 244, 0.2);

	outline: medium none;

	border: 1px solid #666;

	-moz-box-sizing: border-box;

	font-family: 'gothic', sans-serif;

	font-size:15px;

}



#contact form input[type="submit"] {

    padding: 2%;

    background: none repeat scroll 0% 0% rgba(0,0,0,0.9);

    border: medium none;

    font-size:18px;

	font-weight:400;

    text-transform: uppercase;

	float:left;

	color:#fff;

	font-family: 'gothic', sans-serif;

}





.mail_form form select {

   display: block;

	width: 80%;

	color:#333;

	margin-bottom: 20px;

	padding: 10px;

	background: none repeat scroll 0% 0% rgba(244, 244, 244, 0.2);

	outline: medium none;

	border: 1px solid #666;

	-moz-box-sizing: border-box;

	font-family: 'gothic', sans-serif;

}



.mail_form form textarea {

    display: block;

    width: 90%;

	height: 50px;

    margin-bottom: 1%;

	font-family: 'gothic', sans-serif;

    padding: 2%;

    background: none repeat scroll 0% 0% rgba(244, 244, 244, 0.2);

    border: 1px solid #666;

	color:#000;

	font-size:15px;

}

.contact_bg{

	background: url(imgs/contact_bg.jpg) no-repeat top center ;

	  background-size:cover;

}



.contact_short{
	margin:0;
	padding:0;
}



.contact_short a{

	text-decoration:none;

	padding:0% 4% 0% 4%;

	background:#000 !important;

	color:#fff;

}