body{margin:0px;}
#menu_principal{    
	width: 100%;
    position: fixed;
    top: 8%;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 25px;
    color: #fff;
    background: #3333338f;
	z-index:99999999;
	}
#menu_principal ul{margin: 0px; list-style-type:none; position: relative; display: flex; justify-content: center}
#menu_principal ul li{padding: 25px 15px 25px 15px;}
.menu_text:hover{background: #7a3143;}
#menu_principal ul li a{color:#fff; text-decoration:none; transition: all 200ms linear;}
#img_header{
  -webkit-filter: blur(5px);
  filter: blur(5px);	
background-image: url(../img/fachadaimg.jpg); width: 100%; height: -webkit-fill-available; position: absolute; top: 0px; z-index: -1;    background-repeat: no-repeat;    background-size: cover;    background-position: top;}
#primer_rectangulo{width: 60%;
    /* background: #000; */
    /* height: 400px; */
    position: absolute;
    top: 42%;
    margin-left: -187px;
    border-top: 180px solid #00937d;
    border-left: 0px solid transparent;
    border-right: 120px solid transparent
	}
#segundo_rectangulo{width: 50.5%;
    /* background: #000; */
    /* height: 50px; */
    /* transform: matrix3d(1, 0, 0, 0, -0.5, 0.5, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); */
    position: absolute;
    top: 61%;
    margin-left: -48px;
    border-top: 41px solid #7a3143;
    border-left: 0px solid transparent;
    border-right: 40px solid transparent;}
#tercero_rectangulo{width: 50.5%;
    /* background: #000; */
    /* height: 50px; */
    /* transform: matrix3d(1, 0, 0, 0, -0.5, 0.5, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); */
    position: absolute;
    top: 65.5%;
    margin-left: -88px;
    border-top: 41px solid #7a3143;
    border-left: 0px solid transparent;
    border-right: 40px solid transparent;}
#primer_texto{
	font-family: 'Roboto Condensed', sans-serif;
	z-index: 6;
	white-space: nowrap;
	letter-spacing: -2px;
	text-transform: uppercase;
	visibility: inherit;
	transition: none 0s ease 0s;
	text-align: inherit;
	line-height: 188px;
	border-width: 0px;
	margin: 0px;
	padding: 0px;
	font-weight: bolder;
	font-size: 78px;
	min-height: 0px;
	min-width: 0px;
	max-height: none;
	max-width: none;
	opacity: 1;transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);/* transform-origin: 50% 50% 0px; */
	color: transparent !important;
    background: #882643 url(../img/dot.png) repeat;
    /* background: #c9d600 url(../images/pattern_title.png) repeat; */
    background-position: 40% 50%;
    -webkit-background-clip: text;
	margin-left: 50px;
    top: 34%;
    position: absolute;}
#segundo_texto{
	font-family: 'Roboto Condensed', sans-serif;
	z-index: 6;
	white-space: nowrap;
	letter-spacing: -2px;
	text-transform: uppercase;
	visibility: inherit;
	transition: none 0s ease 0s;
	text-align: inherit;
	line-height: 188px;
	border-width: 0px;
	margin: 0px;
	padding: 0px;
	font-weight: bolder;
	font-size: 78px;
	min-height: 0px;
	min-width: 0px;
	max-height: none;
	max-width: none;
	opacity: 1;transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);/* transform-origin: 50% 50% 0px; */
	color: transparent !important;
    background: #fff url(../img/dot.png) repeat;
    /* background: #c9d600 url(../images/pattern_title.png) repeat; */
    background-position: 40% 50%;
    -webkit-background-clip: text;
	margin-left: 50px;
    top: 44%;
    position: absolute;}
#tercero_texto{
	font-family: 'Roboto Condensed', sans-serif;
	z-index: 6;
	white-space: nowrap;
	letter-spacing: -2px;
	text-transform: uppercase;
	visibility: inherit;
	transition: none 0s ease 0s;
	text-align: inherit;
	line-height: 188px;
	border-width: 0px;
	margin: 0px;
	padding: 0px;
	font-weight: bolder;
	font-size: 78px;
	min-height: 0px;
	min-width: 0px;
	max-height: none;
	max-width: none;
	opacity: 1;transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);/* transform-origin: 50% 50% 0px; */
	color: transparent !important;
    background: #00d0b1 url(../img/dot.png) repeat;
    /* background: #c9d600 url(../images/pattern_title.png) repeat; */
    background-position: 40% 50%;
    -webkit-background-clip: text;
	margin-left: 50px;
    top: 56%;
    position: absolute;}
#presentacion{position: inherit; height: -webkit-fill-available;}
#directorio{position: inherit; height: auto;}
#horarios{position: inherit; height: auto;}
#logo_menu{position: absolute; width: 200px; top: -96px;margin-left: -400px;}
#l_o{
	width: 70%;
    height: 0px;
    border-right: 60px solid transparent;
    border-left: 60px solid transparent;
    border-top: 200px solid #00937d;
    margin-left: -80px;
    z-index: 5;
    position: relative;}
#lfranja{
	width: 40%;
    height: 200px;
    position: absolute;
    background: #7a3142;
    right: 0px;
    z-index: 0;
	margin-top: -200px;
	}
.contenedor_central{
	width:1400px;
	display: flex;
    margin-right: auto;
    margin-left: auto;
    position: relative;
	}
#contador{
	width:100%;
	text-align:center;
	margin-top:-125px;
	color:#fff;
	font-family: 'Roboto Condensed', sans-serif;
	font-size:50px;
	font-style:italic;
}
#contador b{font-size:130px; margin-right:10px;}
#left_section{width:100%;}
#left_section img{}
#right_section{width:50%;}
/*#contenido_segmento section{margin-top:50px; }*/
.tit_prim{font-style: italic; color: #7a3141;font-weight:bold;font-family: 'Roboto Condensed', sans-serif; font-size:100px;}
.tit_seg{font-style: italic; color: #00937d;font-weight:bold;font-family: 'Roboto Condensed', sans-serif; font-size:50px;}
.sec_body{font-size:25px; text-align:justify;font-family: 'Roboto Condensed', sans-serif;}
#right_section img{padding:10px; width:100%;}
.sec_xo{width:50%; float:left; background:#7a3141; text-align:center; color:#fff; font-family: 'Roboto Condensed', sans-serif; height:121px;}
.sec_x{width:50%; float:left; background:#00937d; text-align:center; color:#fff; font-family: 'Roboto Condensed', sans-serif; height:121px;}
.mod_slider{cursor:pointer;}
.l_o_o{width:40%!important; border-top: 200px solid #7a3142!important;}
.lfranja_o{width: 40%;
    height: 250px;
    position: absolute;
    background: #7a3142;
    right: 0px;
    z-index: 0;
	margin-top: -250px; width:70%!important; background-image:url(../img/sport_banner2.jpg)!important; background-size: cover!important; background-position: center!important;}
#parentHorizontalTab{padding:10px;}
.resp-tab-content-active{height:650px; }
.tit_prim_po{font-style: italic; color: #7a3141;font-weight:bold;font-family: 'Roboto Condensed', sans-serif; font-size: 50px;}
.tit_seg_po{font-style: italic; color: #00937d;font-weight:bold;font-family: 'Roboto Condensed', sans-serif; font-size:50px;}
.franga_eventos{
	border-right: 60px solid transparent;
    border-left: 60px solid transparent;
    border-top: 100px solid #7a3142;
    position: absolute;
    width: 50%;
    height: 100px;
    margin-left: -80px;}
.resp-tab-active{border-top: 4px solid #00937d !important;}
.resp-tabs-list li{background:#e0d6d6;}
.img_dem{width:24%;}
.titulo_galeria{    /* text-align: center; */
    font-size: 100px;
    color: #fff;
    position: absolute;
    /* z-index: 999999999999; */
    margin-left: 20%;
    top: 30%;
    font-family: 'Roboto Condensed';
    font-style: italic;}
.galaria_lop{height: 700px; overflow: auto;}
.galeria_lop{scrollbar-color: rebeccapurple green;}
/* width */
::-webkit-scrollbar {
  width: 20px;
}

/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey; 
  border-radius: 10px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #7a3142; 
  border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #542430; 
}
#directorio{ 
background-image: url("../img/deporte.jpg");
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: bottom;
    background-size: cover;
	}
#franja_foot{background:#00937d; color:#fff; font-family: 'Roboto Condensed', sans-serif; width:100%; height:65px; padding: 5px 0px;}
.social_nt {float:left; width:33%; text-align:center;}
.social_nt a{color:#fff; text-decoration:none;}
.social_nt img{width:40px;}
#franja_ft{background:#7a3142; height:30px; width:100%;}
#galeria{background: aliceblue;}

@media only screen and (max-width: 1200px) {
	#presentacion{display:none;}
	#franja{display:none;}
	.contenedor_central {width:100%; padding:5px!important;}
	.galaria_lop{height:auto;}
	.letter{display:none;}
	.franga_eventos{display:none;}
	#menu_principal{display:none;}
	.resp-accordion{color:#fff;font-weight:bold;font-family: 'Roboto Condensed', sans-serif; font-size:30px; }
	.resp-tab-content{padding:0px!important;}
	#parentHorizontalTab{padding:0px;}
	.resp-tab-content-active{height:auto;}
	h2.resp-accordion{color:#000;}
	.resp-vtabs .resp-tab-content{height:auto!important; text-align:center;}
	.resp-vtabs .resp-tab-content span{font-size:35px!important; }
	.myplaces-placeInfo{display:none;}
	#directorio{display:none;}
	.social_nt img { width: 30px; margin-bottom: 5px;}
}
@media only screen and (max-width: 768px) {
    ul.resp-tabs-list {
        display: none;
    }

    h2.resp-accordion {
        display: block;
    }

    .resp-vtabs .resp-tab-content {
        border: 1px solid #C1C1C1;
    }

    .resp-vtabs .resp-tabs-container {
        border: none;
        float: none;
        width: 100%;
        min-height: 100px;
        clear: none;
    }

    .resp-accordion-closed {
        display: none !important;
    }

    .resp-vtabs .resp-tab-content:last-child {
        border-bottom: 1px solid #c1c1c1 !important;
		
    }
}