/*css*/
@import "../css/reset.css";
@import "../css/skeleton.css";
@import "../fonts/font-awesome.css";
@import url(//fonts.googleapis.com/css?family=Bitter:400,700,400italic);
@import url(//fonts.googleapis.com/css?family=Oleo+Script+Swash+Caps);

html, body {
   background: #faf8eb url(../../images/bg1.jpg) repeat-y top left;
    /*font: 14px/24px Arial, sans-serif;*/
	font: 14px/24px Bitter, serif;
    color: #9c9c9c;
    min-width:300px;
}

.bg-1 { background: #ffffff; width: 1038px; margin: 0 auto 22px auto;}
.bg-2 { background: #fafafa; border-top: 1px solid #f2f2f2; border-bottom: 1px solid #f2f2f2; margin-top: 0px;padding-top: 20px; padding-bottom: 20px;}

* { -webkit-text-size-adjust: none;}

a { color: inherit; text-decoration: none;}
a:hover { text-decoration: none;}
a[href^="tel:"] {color: inherit;text-decoration:none;}
.a-hov { transition: all 0.4s ease;}
.a-hov:hover { color: #fcdb00;}
.title-3 a:hover { color: #fcdb00;}
.title-5 a:hover { color: #fcdb00;}
.text-2 a:hover { color: #fcdb00;}

ul li a { transition: all 0.4s ease;}

h1, h2, h3, h4, h5, h6 { font-family: 'Bitter', serif; text-transform: uppercase; font-weight: normal;}
h1 { }
h2 { font-size: 35px; line-height: 35px; color: #3e454c; font-weight: normal; padding-top: 75px;}
h3 { font-size: 23px; line-height: 24px; color: #3e454c;}
h4 { font-size: 20px; line-height: 25px; color: #ffd64f; padding-top: 34px; padding-bottom: 15px;}
h5 { }


.title-1 { font-family: 'Bitter', serif; color: #fcdb00; font-size: 40px; line-height: 40px; text-transform: uppercase;} 
.title-2 { font-family: 'Bitter', serif; color: #88780d; font-size: 60px; line-height: 60px; text-transform: uppercase;} 
.title-3 { font-family: 'Bitter', serif; color: #d2d2d2; font-size: 15px; line-height: 25px; text-transform: uppercase;} 
.title-4 { 
    font-family: 'Bitter', serif; 
    color: #fff; 
    font-size: 15px; 
    line-height: 25px; 
    text-transform: uppercase;
    font-size: 35px;
    line-height: 30px;
    background: #fcdb00;
    position: relative;
    text-align: center;

    margin-top: 79px;
    padding-top: 15px;
    padding-bottom: 24px;
    font-weight: normal;
} 
.title-4:before { 
    position: absolute;
    content: "";
    background: url(../images/bg-2.png) 0 0 repeat-x;
    height: 7px;
    top: -7px;
    left: 0;
    right: 0;
}
.title-5 { font-family: 'Bitter', serif; font-size: 25px; line-height: 25px; text-transform: uppercase; color: #3e454c; letter-spacing: -2px;}
.title-6 { font-family: 'Bitter', serif; font-size: 15px; line-height: 15px; text-transform: uppercase; color: #ffd64f; padding-bottom: 17px;}
.title-7 { 
    background: #ebebeb url(../images/ii.png) top left no-repeat;
	width:100%;
	min-height:40px;
    position: relative;
	margin:20px auto
} 
.title-7 span { 
    font-family: 'Bitter', serif; 
    color: #646C6F;  
	font-size: 30px;
    line-height: 40px; 
    /*text-transform: uppercase;*/
    text-align: left;
    padding-left: 60px;
    font-weight: bold;
} 

.title-8 { 
    background: #55C1DB;
	width:100%;
	min-height:60px;
    position: relative;
	margin:10px auto 0 auto;
	text-align:center
} 
.title-8 span.amarillo { 
    font-family: 'Bitter', serif; 
    color: #F7F311;  
	font-size: 40px;
    line-height: 60px; 
    /*text-transform: uppercase;*/
    padding-left: 60px;
    font-weight: bold;
} 
.title-8 span.violeta { 
    font-family: 'Bitter', serif; 
    color: #874C86;  
	font-size: 40px;
    line-height: 60px; 
    font-weight: bold;
} 
.title-ads { 
    background: #FFA200;
	width:100%;
	min-height:20px;
    position: relative;
	margin:10px auto;
	text-align:center;
	padding-top:4px
} 





.text-1 { }
.text-2 { font-family: 'Bitter', serif; font-size: 25px; line-height: 30px; text-transform: uppercase; color: #3e454c;}
.text-3 { font-family: 'Bitter', serif; font-size: 15px; line-height: 16px; color: #c8c193; padding-top: 18px;}

.color-1 { }
.color-2 { }

.title-1 + .title-2 { margin-top: -2px;}
.title-2 + .title-3 { padding-top: 17px;}
.title-3 + .text-2 { margin-top: -4px;}
.title-5 + .title-6 { padding-top: 3px;}
img + .title-5,
.magnifier + .title-5 { padding-top: 17px;}
h2 + .title-5 { padding-top: 37px;}
.title-5.v1 { padding-bottom: 5px;}
p + .title-5 { padding-top: 25px;}
.page-1 h2 { padding-top: 68px;}
h2 + .list { margin-top: 32px;}
.list + h2 { padding-top: 65px;}


.btn {
        display: inline-block;
        text-align: center;
        vertical-align: middle;
        transition: all 0.4s ease;
        font-size: 15px; 
        line-height: 50px;
        height: 50px;
        color: #fff;
        font-family: 'Bitter', serif;
        text-transform: uppercase;
        padding: 0 20px;
        background: #fcdb00;
        margin-top: 22px;
}
.btn:hover { background: #88780d;}
.btn-1 {
        display: inline-block;
        text-align: center;
        vertical-align: middle;
        transition: all 0.4s ease;
        font-size: 15px; 
        line-height: 50px;
        height: 50px;
        color: #fff;
        font-family: 'Bitter', serif;
        text-transform: uppercase;
        padding: 0 20px;
        background: #fcdb00;

        margin-top: 30px;
}
.btn-1:hover { background: #88780d;}

.link { color: #fcdb00; text-decoration: underline; display: inline-block; margin-top: 9px;}

.list li {	
        text-transform: uppercase;
        font-family: 'Bitter', serif;
        font-size: 15px;
        line-height: 25px;
        padding-left: 20px;
        background: url(../images/arrow-1.png) 0 7px no-repeat;
}
.list li + li { margin-top: 0px;}
.list li a { color: #8f9caa;}
.list li a:hover { color: #fcdb00;}


/*auxiliary*/

.img-ind {float: left; margin-right: 16px; margin-top: 7px;}
.wrapper {width: 100%; position: relative;}
.extra-wrap {overflow:hidden;}
.grid_inside { margin: 0 -10px;}
.aligncenter {text-align: center !important;}
.alignleft { text-align: left !important; }
.it {font-style:italic; display: inline-block;}
.fleft {float: left;}
.fright {float: right;}
.h-underline:hover { text-decoration: underline;}
.underline {text-decoration: underline;}
.upp {text-transform: uppercase;}
.transition {transition: all 0.4s ease;}

.clearfix { *zoom: 1;}
.clearfix:before,.clearfix:after {display: table; content: "";line-height: 0;}
.clearfix:after { clear: both;}

.pad-left { padding-left: 10px;}

p { padding-bottom: 15px;}

/************Header************/

h1 { 
    background: #676D70;
    /*background-color:#fca105;*/
    min-height: 60px;
    text-align: left;
	
}
h1 a { display: inline-block; margin-top: 7px;}
h1 a .logo {
    /*font-family: 'Oleo Script Swash Caps', cursive;*/
	font-family: 'Bitter', serif;
    font-size: 40px;
    color: #fff;
    text-transform: none;
    font-weight: normal;
    line-height: 50px;
	margin-left:30px;
}
h1 a .slogan {
    display: inline;
    font-family: 'Bitter', serif;
    font-size: 12px; 
    line-height: 50px;
    text-transform: uppercase;
    color: #ffffff;
    font-weight: normal;
	margin-left:30px;
}

h1 .slogan2 {
    display: inline;
	background: #ffa200 url(../../images/bg-121.png) no-repeat left top;
	width:350px;
    font-family: 'Bitter', serif;
    font-size: 13px; 
    line-height: 60px;
    text-transform: uppercase;
    color: #fff;
    font-weight: bold;
	float:right
	
}

h1 .slogan21 {
    display: inline;
	background: url(../../images/bg-121.png) no-repeat;
	width:35px;
	height:60px
	
}




.slider { padding-top: 24px;}
.camera_pag { text-align: center;}
.camera_wrap { height: 250px;}
.camera_wrap .camera_pag .camera_pag_ul { 
    display: inline-block;
    background: url(../images/bg-3.png) center bottom no-repeat;
    height: 53px;
    background-size: 100% 100%;
    padding: 0 24px;
}

.camera_wrap .camera_pag .camera_pag_ul li {
    margin: 11px 3px 0px;
    background: url(../images/camera_pag.png) right 0 no-repeat;
}
.camera_wrap .camera_pag .camera_pag_ul li.cameracurrent,
.camera_wrap .camera_pag .camera_pag_ul li:hover {
    background: url(../images/camera_pag.png) 0 0 no-repeat;
}
.camera_wrap .camera_pag .camera_pag_ul li span { display: none;}

/************Content***********/

.content { padding-bottom: 19px;}
.page-1 .content { padding-bottom: 0px;}

.block-1 {	text-align: center;}
.block-1 .title-1 { padding-top: 48px;} 
.block-1 .title-3 { width: 64%; margin: 0 auto;}

.block-2-ins { 
    background: #ffffff;
    text-align: center;
    padding-bottom: 19px;
}
.block-2-ins + .block-2-ins { border-top: 1px solid #f2f2f2;}
.block-2-ins .title-3 { color: #b8babd; padding-top: 10px;}
.block-2 { position: relative;}
.block-2:after { 
    position: absolute;
    content: "";
    background: url(../images/bg-4.png) 0 0 repeat-x;
    height: 8px;
    bottom: -7px;
    left: 0;
    right: 0;
}

.b-dropcap { margin-top: 34px;}
.b-dropcap + .b-dropcap { margin-top: 28px;}
.b-dropcap .date {
    font-size: 15px;
    line-height: 15px;
    color: #3e454c;
    text-transform: uppercase;
    font-family: 'Bitter', serif;
    text-align: center;
    background: #fcdb00;
    float: left;
    margin-right: 29px;
    width: 70px;
    letter-spacing: -1px;
    margin-top: 3px;
    position: relative;
}
.b-dropcap .date:hover { background: #ffd64f;}
.b-dropcap .date span {
    display: block;
    color: #fff;
    font-size: 40px;
    line-height: 40px;
    padding-top: 14px;
    padding-bottom: 5px;
}
.b-dropcap .date div {
    font-size: 15px;
    line-height: 15px;
    color: #fff;
    background: #3e454c;
    margin-top: 18px;
    padding-bottom: 11px;
    padding-top: 8px;
}
.b-dropcap .date:after {
    position: absolute;
    content: "";
    height: 14px;
    width: 12px;
    background: url(../images/bg-5.gif) 0 0 no-repeat;
    right: -12px;
    top: 15px;
}
.b-dropcap .date:hover:after {	background: url(../images/bg-5.gif) 0 bottom no-repeat;}

.box-1 {margin-top: 35px;}
.box-1 .title-5 { padding-top: 17px;}
.box-1 .img-circle {
    width: 40px;
    height: 40px;
    background: #ffd64f;
    text-align: center;
    vertical-align: middle;
    line-height: 38px;
    float: right;
    -webkit-border-radius: 500px;
    -moz-border-radius: 500px;
    -ms-border-radius: 500px;
    border-radius: 500px;
    margin-top: 18px;
    display: block;
}
.box-1 .img-circle img { line-height: 40px; vertical-align: middle;}
.box-1 .img-circle:hover { background: #BEB57B;}

.box-2 { margin-top: 60px;}

.block-3 {   margin-top: -21px; }

.box-3 { margin-top: 35px;}
.box-3 + .box-3 { margin-top: 43px;}

.block-2.v1 .block-2-ins { background: #fafafa;}
.block-2.v1:after { background: url(../images/bg-6.png) 0 0 repeat-x; bottom: -8px;}
.block-2.v1 .block-2-ins { padding-bottom: 16px;}

.splitter { margin-top: 76px;}
.splitter li {
    display: inline-block;
    margin-right: 20px;
    font-size: 18px;
    line-height: 20px;
    font-family: 'Bitter', serif;
    text-transform: uppercase;
}
.splitter li a { color: #3e454c;}
.splitter li a.selected,
.splitter li a:hover { color: #fcdb00;}

/*.isotope { margin-top: 0px;}*/
.item .box-2 { margin-top: 45px;padding: 0 10px;}
/*.isotope .isotope-item { margin-top: 0; padding-top: 0; top: 0;}*/

.isotope { margin-top: -9px;}
.isotope .item { 
	
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}

.b-post { margin-top: 39px;}
.b-post + .b-post { margin-top: 60px;}

.box-3 .title-6 { padding-bottom: 7px;}

/************Footer************/

footer { background: #676D70; margin-top: 0px; position: relative;}
footer:before {
    position: absolute;
    content: "";
    /*background: url(../images/foot-bg.png) 0 0 repeat-x;
    height: 8px;
    top: -8px;
    left: 0;*/
    right: 0;
}
.list-services { text-align: left; position: relative; margin-top: 72px;}
.list-services li {	display: inline-block;}

[class*="list-services-"] {
        text-decoration: none;
        display: block;
        height: 35px;
        width: 35px;
        background: url(../../images/social_icons.png) no-repeat;
    transition: all 0.2s ease-out;
        margin: 0px 2px;
        -webkit-border-radius: 500px;
        -moz-border-radius: 500px;
        -ms-border-radius: 500px;
        -o-border-radius: 500px;
        border-radius: 500px;
}
.list-services-1 { background-position: 0px 0px;}
.list-services-2 { background-position: -43px 0px;}
.list-services-3 { background-position: -86px 0px;}
.list-services-3 { background-position: -86px 0px;}
.list-services-4 { background-position: -128px 0px;}
.list-services-1:hover { background-position: 0px bottom;}
.list-services-2:hover { background-position: -43px bottom;}
.list-services-3:hover { background-position: -86px bottom;}
.list-services-4:hover { background-position: -128px bottom;}

.f-list { margin-top: 68px; padding-bottom: 0px;}
.f-list > li {
    font-family: 'Bitter', serif;
    font-size: 15px;
    line-height: 25px;
    text-transform: uppercase;
    padding-left: 23px;
    background: url(../../images/arrow-1.png) 0 7px no-repeat;
}
.f-list > li a {color: #8f9caa;}
.f-list > li a:hover { color: #fff;}

.f-bg-1 { background: #fca105; margin-top: 65px;}

.copyright {
    font-size: 15px;
    line-height: 24px;
    color: #fff;
    font-family: 'Bitter', serif;
    padding: 21px 0 21px;
}
.comp_name { color: #88780d; text-transform: uppercase;}


#toTop {
    display:none;
    text-decoration:none;
    position:fixed;
    cursor:pointer;
    overflow:hidden;
    width: 35px;
    height: 37px;
    border:none;
    z-index:20;
    margin-right: -670px !important;
    right: 50%;
    bottom: 20px;
}
#toTop:after {
    content: "\f01b";
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    font-size: 40px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    color: #fca105;
}

#toTop:hover:after { color: #3e454c;}

#toTop:active, #toTop:focus {outline:none;}


/*touch-touch*/ 
.magnifier {
    position:relative;
    display:block;
    background: #3e454c;
}
.magnifier img {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.magnifier:hover img {	opacity: 0.7;}


.magnifier span {
    background: url(../../images/magnifier.png) center center no-repeat;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: none;
    transition: all .4s ease;
}
.magnifier:hover span {
    display: block;
}





/*==================================RESPONSIVE LAYOUTS===============================================*/


@media only screen and (max-width: 1040px) {
.bg-1 { width: auto;}
}
@media only screen and (max-width: 995px) {
    .camera_wrap { height: 390px;}
    .w1 { width: 50%;}
    footer:before { top: -7px;}
}
@media only screen and (max-width: 767px) {
    .camera_wrap { height: 219px;}
    .title-1 { font-size: 30px; line-height: 35px;}
    .title-2 { font-size: 35px; line-height: 35px;}
    .grid_inside { margin: 0;}
    .splitter li { display: block;}
    .title-5 { font-size: 15px; line-height: 15px; letter-spacing: 0px;}
    .title-4 br { display: none;}
}
@media only screen and (max-width: 480px) {
	.camera_wrap { height: 157px;}
}
@media only screen and (max-width: 320px) {

}

ul#clubes li .sub-club input {
	display:inline;
}

ul#clubes li .sub-club label {
	font-size:10pt;
}

ul#clubes li .sub-club {
	font-size:8pt;
	display:none;
}

.sub-club > div {
	margin:5px 0;
}

.sub-club > div > div {
	display:inline;
}