@charset "utf-8";

@font-face {
    font-family: 'geomanistlight';
    src: url('../fonts/geomanist-light-webfont.eot');
    src: url('../fonts/geomanist-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/geomanist-light-webfont.woff2') format('woff2'),
         url('../fonts/geomanist-light-webfont.woff') format('woff'),
         url('../fonts/geomanist-light-webfont.ttf') format('truetype'),
         url('../fonts/geomanist-light-webfont.svg#geomanistlight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'geomanistmedium';
    src: url('../fonts/geomanist-medium-webfont.eot');
    src: url('../fonts/geomanist-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/geomanist-medium-webfont.woff2') format('woff2'),
         url('../fonts/geomanist-medium-webfont.woff') format('woff'),
         url('../fonts/geomanist-medium-webfont.ttf') format('truetype'),
         url('../fonts/geomanist-medium-webfont.svg#geomanistmedium') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'geomanist_regular';
    src: url('../fonts/geomanist-regular-webfont.eot');
    src: url('../fonts/geomanist-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/geomanist-regular-webfont.woff2') format('woff2'),
         url('../fonts/geomanist-regular-webfont.woff') format('woff'),
         url('../fonts/geomanist-regular-webfont.ttf') format('truetype'),
         url('../fonts/geomanist-regular-webfont.svg#geomanist_regularregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
/*---------------------------------------------------------------------------------------
This is a general part. The css style in this part that can be used in any part of pages.
----------------------------------------------------------------------------------------*/
h2, h3, h4 {
	margin-bottom: 15px;
}
p {
	margin: 12px 0;
}
th {
	padding: 6px 12px;
}
td {
	padding: 6px 12px;
}
ul li {
	list-style: none;
	padding-left: 20px;
	margin: 6px 0;
}
ol li {
	list-style: decimal;
	margin: 6px 0;
}
blockquote {
	padding-left: 45px;
	margin: 12px 6px;
}
img {
	padding: 4px;
}
.w272 {
	float: left;
	margin-right: 47px;
	width: 272px;
}
.box {
	margin-bottom: 30px;
}
.box p {
	margin: 12px 0;
}
.boxRight {
	margin-right: 0;
}
.boxBottom {
	margin-bottom: 0;
}
.boxBottom p {
	margin-bottom: 0;
}
.boxBottom blockquote {
	margin-bottom: 0;
}
.importantLink {
	float: left;
	display: block;
	padding: 10px 15px;
    border-radius: 3px;
}
.imgInPLeft {
	float: left;
	margin: 0 10px 10px 0;
}
.imgInPRight {
	float: right;
	margin: 0 0 10px 10px;
}
.paraLink {
	margin: 0;
}
.paraLink span {
	display: block;
	padding: 3px 0;
}
.paraLink a {
	display: block;
	padding: 10px 15px 13px 15px;
}
.vertNav li {
	padding: 0;
	margin: 0;
}
.vertNav li a {
	display: block;
	padding: 8px;
	padding-left: 30px;
	width: 252px;
}
.withSubTitle {
	margin-top: 5px;
}
.imgNav li {
	padding: 0;
	margin: 0;
}
.imgNav li a {
	display: block;
	padding: 8px;
	width: 274px;
}
.imgNav li a img {
	margin: 0;
	margin-right: 10px;
	padding: 0;
}
.clear {
	clear: both;
}
#homeWrapper,
#aboutWrapper,
#portfolioWrapper,
#blogWrapper,
#contactWrapper,
#wrapper {
	width: 910px;
	margin: 0px auto 0 auto;

}
/*---------------------------------------------------------------------------------------
This is a specific part. The css style in this part is belong to specific part of pages.
-----------------------------------------------------------------------------------------*/
#header {


}
#logo {
	float: left;
	width: 200px;
	padding: 47px 0px 66px 82px;
	margin-top: -20px;
}
#logo h2 {
	margin: 0;
}
.jqueryslidemenu{
	float: right;
	margin-top: 35px;
}
/*Top level list items*/
.jqueryslidemenu ul li{
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
	z-index: 99;
}
/*Top level menu link items style*/
.jqueryslidemenu ul li a{
	display: block;
	padding: 5px 15px;
	font-weight: 600;
	/*margin-bottom: 11px;*/
}
.jqueryslidemenu ul li a:last-child{
	padding-right: 0px;
}
.jqueryslidemenu ul li a.firstLevel {
	padding-right: 35px;
}
.jqueryslidemenu ul li a#homeLink{
	padding-left: 0;
}
/*1st sub level menu*/
.jqueryslidemenu ul li ul{
	position: absolute;
	display: block;
	visibility: hidden;
}
/*Sub level menu list items (undo style from Top level List Items)*/
.jqueryslidemenu ul li ul li{
	display: list-item;
	float: none;
}
/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.jqueryslidemenu ul li ul li ul li{
	top: 0;
}
/* Sub level menu links style */
.jqueryslidemenu ul li ul li a{
	width: 180px; /*width of sub menus*/
	padding: 8px;
	margin: 0;
}
#searchForm {
	float: right;
	width: 300px;
	margin-top: 20px;
}
.searchInput{
	position: absolute;
	padding: 5px;
	width: 254px;
	z-index: 1;
}
.loginInput{
	padding: 8px;
	width: 110px;
	z-index: 1;
	border-radius: 3px;
    border: none;
    height: 32px;
    background-color: #f3f3f3;
}
.searchButtom, .loginButton {
	float: right;
	position: relative;
	border: none;
	height: 32px;
	width: 25px;
}
.searchButtom:hover, .loginButton:hover {
	z-index: 2;
}
#main {
	float: left;
	width: 910px;
	padding-top: 40px;
	padding-bottom: 50px;
}
#slideshowContainer {
	position: relative;
	z-index: 97; /* fix ie z-index bug */
}
#next {
	position: absolute;
	right: 15px;
	top: 90px;
	width: 75px;
	height: 94px;
	z-index: 98;
}
#prev {
	position: absolute;
	left: 15px;
	top: 90px;
	width: 75px;
	height: 94px;
	z-index: 98;
}
#slideshow img {
	padding: 0;
}
#mainContent {
	float: left;
	width: 570px;
	margin-right: 50px;
}
#sidebar {
	float: right;
	width: 290px;
}
#knowledge {
	float: left;
	width: 570px;
}
#knowledge ul {
	float: left;
	margin-right: 45px;
}
#philosophy {
	margin-bottom: 0;
}
.testimonial p {
	margin: 0;
	padding-top: 8px;
}
.testimonial .testimonialName {
	padding-top: 5px;
}
.folio {
	position: relative;
	margin-bottom: 25px;
}
.folio p {
	margin: 10px 0;
}
.folio img {
	position: relative;

}
.folioBottom {
	margin-bottom: 0;
}
.folioBottom p {
	margin-bottom: 0;
}
.folio h3 {
	position: absolute;
	width: 262px;
	z-index: 1;
	padding: 6px 10px 10px 10px;
	border-radius: 3px 3px 0 0;
	margin-top: 0px;
}
.blogPost {
	float: left;
	width: 570px;
	margin-bottom: 45px;
}
.blogPost .attributeContainer {
	float: left;
	width: 570px;
}
.blogPost .attribute {
	float: left;
	margin: -5px 0 20px 0;
}
.blogPost .commentNumber {
	float: right;
	margin: -5px 0 20px 0;
}
#pageNumbers {
	float: left;
	width: 560px;
}
#pageNumbers .pageNumber {
	display: block;
	float: left;
	padding: 2px 7px;
	margin-right: 20px;
}
#contactUs {
	float: left;
	width: 570px;
	margin-bottom: 45px;
}
.contactFieldset ul li {
	padding: 0;
	margin-bottom: 0;
}
.contactFieldset ul li .leftLabel {
	float: left;
	width: 55px;
	padding: 2px 4px;
	padding-left: 0;
	margin: 8px;
	margin-left: 0;
}
.contactInput {
	padding: 5px;
	width: 253px;
	margin: 6px 0;
}
.contactTextarea {
	padding: 5px;
	width: 491px;
	margin: 6px 0;
}
.contactSubmit {
	padding: 0px 14px;
/*	margin-left: 67px; */
	margin-top: 4px;
	border: none;
}
#supportHours p {
	padding: 2px 90px 2px 0;
}
#contactInfo ul li {
	display: inline;
	padding: 0;
}
#contactInfo img {
	padding: 0;
	margin-right: 8px;
}
.faqItem {
	margin-bottom: 10px;
}
.faqItem p{
	margin: 0;
}
.bottomFaqItem {
	margin-bottom: 0;
}
#related ol li {
	margin-left: 20px;
}
#comments p {
	padding: 15px 10px;
}
#comments p span {
	padding-left: 45px;
	display: block;
	margin-bottom: 12px;
}
#comments p span img {
	padding: 0;
}
.commentFieldset ul li {
	padding: 0;
	margin-bottom: 0;
}
.commentFieldset ul li label {
	margin-left: 5px;
}
.commentInput {
	padding: 5px;
	width: 253px;
	margin: 6px 0;
}
.commentTextarea {
	padding: 5px;
	width: 558px;
	margin: 6px 0;
}
.commentSubmit {
	padding: 5px 10px;
	margin-top: 4px;
	border: none;
}
#alert, #author {
	float: left;
	width: 550px;
	padding: 10px;
}
#alert p, #author p {
	margin: 0;
	padding-left: 92px;
}
#alert p span, #author p span {
	display: block;
}
#alert img, #author img {
	padding: 0;
	margin-bottom: 0;
}
.gallery {
	float: left;
	margin-right: 40px;
	position: relative;
}
.galleryRight {
	margin-right: 0;
}
.galleryBottom {
	margin-bottom: 0;
}
.gallery .special {
	position: absolute;
	top: 0;
	right: 0;
	border: none;
	padding: 0;
}
#footer {
	padding-top: 15px;
	padding-bottom: 15px;
}
#footer .toTop {
	float: left;
	margin: 0;
}
#copy {
	float: right;
}
#copy a {
	padding-left: 11px;
}

#footer ul {
	float: left;
}
#footer ul li {
	display: inline;
	background: none;
}

#footer ul li:first-child {
	padding-left: 0px;
}

#bannerSponsors {
	float: right;
	margin: 4px 0 0px 0;
	color: #FFF;
	font-size: 11px;
}
#bannerSponsors tr {
	border: none;
}
#bannerSponsors td {
	padding: 4px 12px;
}
#bannerSponsors .separator {
	width: 12px;
	padding: 0;
}
#bannerSponsors .logosCell {
	background-color: #FFF;
	border-radius: 3px;
}

#alert {
	background: #e1e1e1;
}
#alert p {
	background: url(../images/sinos_alert_wb.png) left center no-repeat;
}

.races-enrolment-parag {
	margin: 0;
	display: block;
	padding: 10px 15px 13px 15px;
	color: #4f4f4f;
	border-bottom: 1px solid #cccccc;
	background: url(../images/sinos_logo_clearGrey.png) 220px center no-repeat #e5e5e5;

}
.races-enrolment-parag span {
	display: block;
	padding: 3px 0;
	font-size: 12px;
    font-weight: bold;
}
.frontendMessages li {
	background: url("../images/icon_exclamation.png") no-repeat scroll 0 0 transparent;
}

.bold {
	font-weight: bold;
}

a.button{
	display:block;
	color:#ddd;
	font-weight:bold;
	height:22px;
	line-height:24px;
	text-decoration:none;
	width:70px;
	margin: 0 10px 5px 0;

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
}
a:hover.button{
	color:#ccc;
	background-color: #961313;
}

.buttonAdd {
	background:url("../images/ic_plus.png") no-repeat 6px 3px #444;
	padding: 0 0 0 28px;
}
.buttonRemove {
	background:url("../images/ic_minus.png") no-repeat 6px 3px #666;
	padding: 0 0 0 28px;
}
.buttonPay {
	background:url("../images/glyphicons_226_euro.png") no-repeat 6px 3px #444;
	padding: 0 0 0 28px;
}
.buttonUser {
	background:url("../images/ic_user.png") no-repeat 6px 3px #444;
	padding: 0 0 0 28px;
}
.nopadding, .nopadding td {
	padding: 0;
}
.noborder {
	border: none;
}
.textBottomAlign {
	vertical-align: text-bottom;
}

h4.frontend {
	margin: 30px 0 0 0;
	background-color: #e7e7e7
}
.width110 {
	width: 110px !important;
}
.listTable a:hover {
	text-decoration: underline;
}
.tinyAddLink {
	background:url("../images/plus_light_alt.png") no-repeat 0px 0px transparent;
	padding: 0 0 0 16px;
}
.tinyRemoveLink {
	background:url("../images/minus_light_alt.png") no-repeat 0px 0px transparent;
	padding: 0 0 0 16px;
}
.tinyTrashLink {
	background:url("../images/trash.png") no-repeat 0px 0px transparent;
	padding: 0 0 0 16px;
}



.sponsor ul li {

	float: left;
	list-style: none;
	background: none;
	width: 16%;
	text-align: center;
}

.sponsor ul li img {
	max-height: 70px;
	width: auto;
}




/*
Fade content bs-carousel with hero headers
Code snippet by maridlcrmn (Follow me on Twitter @maridlcrmn) for Bootsnipp.com
Image credits: unsplash.com
*/

/********************************/
/*       Fade Bs-carousel       */
/********************************/
.fade-carousel {
    position: relative;
    height: 60vh;
}
.fade-carousel .carousel-inner .item {
    height: 60vh;
}
.fade-carousel .carousel-indicators > li {
    margin: 0 2px;
    background-color: #f39c12;
    border-color: #f39c12;
    opacity: .7;
}
.fade-carousel .carousel-indicators > li.active {
  width: 10px;
  height: 10px;
  opacity: 1;
}

/********************************/
/*          Hero Headers        */
/********************************/
.hero {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 3;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    text-shadow: 1px 1px 0 rgba(0,0,0,.75);
      -webkit-transform: translate3d(-50%,-50%,0);
         -moz-transform: translate3d(-50%,-50%,0);
          -ms-transform: translate3d(-50%,-50%,0);
           -o-transform: translate3d(-50%,-50%,0);
              transform: translate3d(-50%,-50%,0);
}
.hero h1 {
    font-size: 4em;
    font-weight: bold;
    margin: 0;
    padding: 0;
    color: #fff;
}

.hero h3 {
    font-size: 2em;
    font-weight: normal;
    margin-top: 30px;
    color: #fff;
}

.fade-carousel .carousel-inner .item .hero {
    opacity: 0;
    -webkit-transition: 2s all ease-in-out .1s;
       -moz-transition: 2s all ease-in-out .1s;
        -ms-transition: 2s all ease-in-out .1s;
         -o-transition: 2s all ease-in-out .1s;
            transition: 2s all ease-in-out .1s;
}
.fade-carousel .carousel-inner .item.active .hero {
    opacity: 1;
    -webkit-transition: 2s all ease-in-out .1s;
       -moz-transition: 2s all ease-in-out .1s;
        -ms-transition: 2s all ease-in-out .1s;
         -o-transition: 2s all ease-in-out .1s;
            transition: 2s all ease-in-out .1s;
}

/********************************/
/*            Overlay           */
/********************************/
.overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
    background-color: #080d15;
    opacity: .5;
}

/********************************/
/*          Custom Buttons      */
/********************************/
.btn.btn-lg {padding: 20px 40px;}
.btn.btn-hero {
    color: #fff;
    background-color: #D5210F;
    border-color: #D5210F;
    outline: none;
    margin: 20px auto;
}

.btn.btn-hero:hover,
.btn.btn-hero:focus {
	background-color: #961313;
    border-color: #961313;
    color: #fff;
}

/********************************/
/*       Slides backgrounds     */
/********************************/
.fade-carousel .slides .slide-1,
.fade-carousel .slides .slide-2,
.fade-carousel .slides .slide-3,
.fade-carousel .slides .slide-4,
.fade-carousel .slides .slide-5  {
  height: 60vh;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

.temp-general .fade-carousel .intern .item.slides .slide-1 {
	height: 20vh;
}
.fade-carousel .intern.carousel-inner .item {
	height: 20vh;
}

.temp-general .fade-carousel  {
	height: 20vh;
}

.fade-carousel .slides .slide-1 {
  background-image: url(../images/imgEntrada1.jpg);
}
.fade-carousel .slides .slide-2 {
  background-image: url(../images/imgEntrada2.jpg);
}
.fade-carousel .slides .slide-3 {
  background-image: url(../images/imgEntrada3.jpg);
}
.fade-carousel .slides .slide-4 {
  background-image: url(../images/imgEntrada4.jpg);
}
.fade-carousel .slides .slide-5 {
  background-image: url(../images/imgEntrada5.jpg);
}

/********************************/
/*          Media Queries       */
/********************************/
@media screen and (min-width: 980px){
    .hero { width: 980px; }
}
@media screen and (max-width: 640px){
    .hero h1 { font-size: 4em; }
}