﻿

@import url('/css/globalComun.css');

/*Estilo General*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,nav ul,nav li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menuhoriz,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;border:0;font-size:100%; vertical-align:baseline;}
article, aside, details, figcaption, figure,footer, header, hgroup, menuhoriz, nav, section, {display: block; font-family:"Barlow", sans-serif}

blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}

/* start editing from here */
a{text-decoration:none;}
.txt-rt{text-align:right;}/* text align right */
.txt-lt{text-align:left;}/* text align left */
.txt-center{text-align:center;}/* text align center */
.float-rt{float:right;}/* float right */
.float-lt{float:left;}/* float left */
.clear{clear:both;}/* clear float */
.pos-relative{position:relative;}/* Position Relative */
.pos-absolute{position:absolute;}/* Position Absolute */
.vertical-base{	vertical-align:baseline;}/* vertical align baseline */
.vertical-top{	vertical-align:top;}/* vertical align top */
.underline{	padding-bottom:5px;	border-bottom: 1px solid #eee; margin:0 0 20px 0;}/* Add 5px bottom padding and a underline */
nav.vertical ul li{	display:block;}/* vertical menu */
nav.horizontal ul li{	display: inline-block;}/* horizontal menu */
img{max-width:100%;}
/*end reset*/



html{ height:100%}
body{
	font-family:"Barlow", sans-serif; height:100%;font-size:0.9em; background-color: #e7e7e7; color:#323232;
    background-image:url('/HBATennis/img/banner-contacto.jpg'); background-position:center; 
    background-repeat:no-repeat; background-attachment:fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.fondoNoticias{
    background-image:url('/HBATennis/img/fondo-noticias.jpg'); background-position:center right; background-repeat:no-repeat; background-attachment:fixed; -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover; background-size: cover;text-align:center; padding-top:4%; padding-bottom:3%; background-position:center; background-color:transparent; display:block; overflow:hidden; color:White
}
.video-responsive
{
    position: relative;
    padding-bottom: 56.2%; /* 16/9 ratio */
    padding-top: 0px; /* IE6 workaround*/
    height: 0;
    overflow: hidden;

}





/*IDIOMA*/

.containerIdioma{
    text-align:left!important; float:right;position: fixed; z-index: 101; right:15px; top:130px
}

* {
  margin: 0;
  padding: 0;
}
*,
*:after,
*:before {
  box-sizing: border-box;
}

.selected-item {
  margin: 20px 0;
  text-align: center;
}
.selected-item p {
  font-size: 15px;
}
.selected-item p span {
  font-weight: bold;
}
/* dropdown list */
.dropdown {

  width: 80px;
  position: relative;
  perspective: 800px;
}
.dropdown.active .selLabel:after {
  content: '\25B2';
}
.dropdown.active .dropdown-list li:nth-child(1) {
  transform: translateY(100%);
}
.dropdown.active .dropdown-list li:nth-child(2) {
  transform: translateY(200%);
}
.dropdown.active .dropdown-list li:nth-child(3) {
  transform: translateY(300%);
}
.dropdown.active .dropdown-list li:nth-child(4) {
  transform: translateY(400%);
}
.dropdown.active .dropdown-list li:nth-child(5) {
  transform: translateY(500%);
}
.dropdown.active .dropdown-list li:nth-child(6) {
  transform: translateY(600%);
}
.dropdown.active .dropdown-list li:nth-child(7) {
  transform: translateY(700%);
}
.dropdown.active .dropdown-list li:nth-child(8) {
  transform: translateY(800%);
}
.dropdown.active .dropdown-list li:nth-child(9) {
  transform: translateY(900%);
}
.dropdown > span {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  width: 100%;
  height: 40px;
  line-height: 40px;
  color: #fff;
  font-size: 18px;
  letter-spacing: 2px;
  background:#1aba22;
  display: block;
  padding: 0 0px 0 10px;
  position: relative;
  z-index: 9999;
  cursor: pointer;
  transform-style: preserve-3d;
  transform-origin: 50% 0%;
  transition: transform 300ms;
  -webkit-backface-visibility: hidden;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; 
}
.dropdown > span:after {
  content: '\25BC';
  position: absolute;
  right: 0px;
  top: 15%;
  text-align: center;
  font-size: 12px;
  padding: 10px;
  height: 70%;
  line-height: 10px;
  border-left: 1px solid White;
}
.dropdown > span:active {
  transform: rotateX(45deg);
}
.dropdown > span:active:after {
  content: '\25B2';
}
.dropdown-list {
  position: absolute;
  top: 0px;
  width: 100%;
}
.dropdown-list li {
  display: block;
  list-style: none;
  left: 0;
  opacity: 1;
  transition: transform 300ms ease;
  position: absolute;
  top: 0;
  width: 100%;
}

.dropdown-list li a:link, .dropdown-list li a:visited {
    display: block; padding-left:10px; color:White;
        transition: 0.5s ease;
		-o-transition: 0.5s ease;
		-moz-transition: 0.5s ease;
		-webkit-transition: 0.5s ease;
}
.dropdown-list li a:hover {
    background-color:white; color:Black
}


.dropdown-list li:nth-child(1) {
  background-color: #1abc9c;
  z-index: 10;
  transform: translateY(0);
}
.dropdown-list li:nth-child(2) {
  background-color: #3498db;
  z-index: 9;
  transform: translateY(3%);
}
.dropdown-list li:nth-child(3) {
  background-color: #9b59b6;
  z-index: 8;
  transform: translateY(6%);
}
.dropdown-list li:nth-child(4) {
  background-color: #63d3cf;
  z-index: 7;
  transform: translateY(9%);
}
.dropdown-list li:nth-child(5) {
  background-color: #f15656;
  z-index: 6;
  transform: translateY(12%);
}
.dropdown-list li:nth-child(6) {
  background-color: #dac61b;
  z-index: 5;
  transform: translateY(15%);
}
.dropdown-list li:nth-child(7) {
  background-color: #4a72b2;
  z-index: 4;
  transform: translateY(18%);
}
.dropdown-list li:nth-child(8) {
  background-color: #e186e0;
  z-index: 3;
  transform: translateY(21%);
}
.dropdown-list li:nth-child(9) {
  background-color: #e67e22;
  z-index: 2;
  transform: translateY(24%);
}
.dropdown-list li span {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  -webkit-backface-visibility: hidden;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  width: 100%;
  font-size: 15px;
  font-weight:700;
  line-height: 40px;
  padding: 0 0px;
  display: block;
  color: #fff;
  cursor: pointer;
  letter-spacing: 2px;
}




.wrap{

	margin:0 auto;
	transition:all .2s linear;
	-moz-transition:all .2s linear;/* firefox */
	-webkit-transition:all .2s linear; /* safari and chrome */
	-o-transition:all .2s linear; /* opera */
	-ms-transition:all .2s linear;
}
.footer{
	 width:100%; margin:0px auto;
     background:  rgba(0,0,0,0.8); backdrop-filter: blur(5px);
	 -moz-transition:all .2s linear;/* firefox */
	 -webkit-transition:all .2s linear; /* safari and chrome */
	 -o-transition:all .2s linear; /* opera */
	 -ms-transition:all .2s linear;

}
.wrap_cabecera{
	width:85%;
	margin:0 auto;
	transition:all .2s linear;
	-moz-transition:all .2s linear;/* firefox */
	-webkit-transition:all .2s linear; /* safari and chrome */
	-o-transition:all .2s linear; /* opera */
	-ms-transition:all .2s linear;
}

.Noticias.contenedorContenidoCentralDerecho .Detalle a:link{ color:#ff6700; font-weight:600}
.Noticias.contenedorContenidoCentralDerecho .Detalle a:hover{ color:Gray}
.contenedorContenidoPartidasBloquesInterior a:link{ color:#ff6700; font-weight:600}
.contenedorContenidoPartidasBloquesInterior a:hover{ color:Gray}
.contenedorNoticiasHome a:link{ color:#ff6700; font-weight:600}
.contenedorNoticiasHome a:hover{ color:Gray}


.wrap_pie{
	width:85%;
	margin:0 auto;
	transition:all .2s linear;
	-moz-transition:all .2s linear;/* firefox */
	-webkit-transition:all .2s linear; /* safari and chrome */
	-o-transition:all .2s linear; /* opera */
	-ms-transition:all .2s linear;
}
.contenedorEstiloMenuInterior
{
    width:auto; display:table; float:right;
	transition:all .2s linear;
	-moz-transition:all .2s linear;/* firefox */
	-webkit-transition:all .2s linear; /* safari and chrome */
	-o-transition:all .2s linear; /* opera */
	-ms-transition:all .2s linear;
}

.contenedorCampeonato{
    width:85%; margin:0px auto
}


.contenedorInstagram
{
    width: 23% !important;
    float: left;
    margin-bottom: 0%;
}


#divContenedorPartidas{margin-left:8%; margin-right:8%}

.InfoContacto{width:auto}

.textoTituloPubli
{
    font-size:47px; font-family:"Barlow", sans-serif; font-weight:900; 
    line-height:55px; color:White;
}
.textoTituloPubli3
{
    font-size:35px!important; font-family:"Barlow", sans-serif; font-weight:900!important; 
    line-height:40px!important; color:#ff6700!important;
}
.textoTituloPubli3 span
{
    font-weight:900!important; 
}
.textoTituloPubli2
{
    font-size:21px; font-family:"Barlow", sans-serif; font-weight:500;
    line-height:28px!important; color:White
}
.textoLogo
{
    font-family:'Barlow', sans-serif; font-size:25px; text-transform:uppercase; color:White; font-weight:bold; letter-spacing:0.2
}
.contenedorMenu{
    display:block; margin-bottom:21px; background-color:White;
}
.table{ width:45%; float:left}
.contenedor3Columnas{
    width: 32%; float: left; margin-bottom:2%
}
.contenedor3Columnas a:hover{
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}
.contenedor3Columnas2{
    width: 33%; float: left; margin-bottom:2%
}
.contenedor3Columnas2 a:hover{
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}

.contenedor3Columnas3{
    width: 33.33%; float: left; margin-bottom:0%
}
.contenedor3Columnas3 a:hover{
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}

.contenedor4Columnas{
    width: 23%; float: left; margin-bottom:2%
}
.contenedor4Columnas a:hover{
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}
#cookie-bar
{
    background: rgba(0,0,0,0.8) !important;
	transition:all .2s linear;
	-moz-transition:all .2s linear;/* firefox */
	-webkit-transition:all .2s linear; /* safari and chrome */
	-o-transition:all .2s linear; /* opera */
	-ms-transition:all .2s linear;
	-webkit-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.2) ; -moz-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.2); box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.2);
	
	position:fixed !important;
	bottom:2px !important;
	padding:18px !important;
    right:2px !important;
    max-width:400px !important;
    z-index:10000000;
    border-radius:5px
}

#tableActividades thead tr{background-color: #ff6700 !important; color:White !important}
#tableActividades thead tr th{font-size: 15px !important; font-weight:700 !important}


 .contenedorRedInstagram
 {
    width:65%; float:left;
 }

  .contenedorRedFacebook
 {
    width:35%; float:left;
 }

 .contenedor2ColumnasActividades
 {
    width:50%; float:left;
 }

.video-responsive2 iframe, .video-responsive2 object, .video-responsive2 embed
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.video-responsive2
{
    position: relative;
    padding-bottom: 52%; /* 16/9 ratio */
    padding-top: 20%; /* IE6 workaround*/
    height: 0;
    overflow: hidden;
}
.video-responsive3 {
    margin-top:-5%; margin-bottom:-210px
}



#flexiselDemo1, #flexiselDemo2, #flexiselDemo3 {
	display: none;
}
.nbs-flexisel-container {
	position: relative;
	max-width: 100%;
}
.nbs-flexisel-ul {
	position: relative;
	width: 9999px;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	text-align: center;
}
.nbs-flexisel-inner {
	overflow: hidden;
	width:100%;
	margin: 0 auto;
}
.nbs-flexisel-item {
	float: left;
	margin: 0px;
	padding: 0px;
	cursor: pointer;
	position: relative;
	line-height: 0px;
}
.nbs-flexisel-item > img {
	
	positon: relative;
	margin-top: 10px;
	margin-bottom: 10px;
}
/*** Navigation ***/
.nbs-flexisel-nav-left, .nbs-flexisel-nav-right {
	width: 46px;
	height: 100px;
	position: absolute;
	cursor: pointer;
	z-index: 100000;
}
.nbs-flexisel-nav-left {
	left: 0px;
	background: url('/HBATennis/img/arrow-iz.png') no-repeat;
}
.nbs-flexisel-nav-right {
	right: 0px;
	background: url('/HBATennis/img/arrow-dr.png') no-repeat;
}


.hover-bio-wrapper {
 position: relative;
 color: rgba(0,0,0,0);
 width:31.8%; float:left; margin-right:0%; color:White; background:Black; margin-right:10px; margin-bottom:10px
}

figure.hover-bio img{
 display: block; width:100%
}
   
figure.hover-bio {
 position: relative;
 overflow: hidden;
 margin: 0;
 padding: 0;
 display: inline-block;
 line-height: 0; color:White;
 width:100%
}
   
figure.hover-bio::before, figure.hover-bio::after{
 position: absolute;
 background: black;
 opacity: 0.3;
 content: '';
 height: 100%;
 width: 100%;
 display: block;
 top: 0;
 left: 0;
 -moz-transform: translate3d(0, -100%, 0);
 -webkit-transform: translate3d(0, -100%, 0);
 transform: translate3d(0, -100%, 0);
 -moz-transition: all 0.8s;
 -webkit-transition: all 0.8s;
 transition: all 0.8s;
}

figure.hover-bio figcaption{
 position: absolute;
 display: block;
 line-height: 1.7em;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 text-align: center;
 padding: 10px;
 z-index: 100;
 width: 100%;
 max-height: 100%;
 overflow: hidden;
 top: 50%;
 left: 0;
 -moz-transform: translate3d(-100%, -50%, 0);
 -webkit-transform: translate3d(-100%, -50%, 0);
 transform: translate3d(-100%, -50%, 0);
 opacity: 0;
 -moz-transition: all 0.8s;
 -webkit-transition: all 0.8s;
 transition: all 0.8s;
}
   
figure.hover-bio img{
 -moz-transform: translate3d(0, 0, 0);
 -webkit-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0);
 -moz-transition: all 0.8s;
 -webkit-transition: all 0.8s;
 transition: all 0.8s;
 opacity: 0.8;
}
   
figure.hover-bio figcaption{
 top: 30%;
 opacity: 1;
 -moz-transform: translate3d(0, 0, 0);
 -webkit-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0);
}
   
figure.hover-bio:hover img {
 opacity: 0.1;
}
   
figure.hover-bio:hover figcaption{
 color: #fff;
 opacity: .9;
 -moz-transform: translate3d(0, -30%, 0);
 -webkit-transform: translate3d(0, -30%, 0);
 transform: translate3d(0, -30%, 0);
 -moz-transition: all 0.8s;
 -webkit-transition: all 0.8s;
 transition: all 0.8s;
}




.Detalle ul li{font-weight:400; font-size:17px}



.contenedor2Columnas
 {
    width:45%; float:left
 }
.contenedor2Columnas2
 {
    width:48%; float:left
 }

.contenedor2Columnas2 a:link img
{
    transition: width 1.5s, height 1.5s, transform 1.5s !important;
    -moz-transition: width 1.5s, height 1.5s, -moz-transform 1.5s !important;
    -webkit-transition: width 1.5s, height 1.5s, -webkit-transform 1.5s !important;
    -o-transition: width 1.5s, height 1.5s,-o-transform 1.5s !important;
}
.contenedor2Columnas2 a:hover img
{
    transform: scale(1.3) !important;
    -moz-transform: scale(1.3) !important; /* Firefox */
    -webkit-transform: scale(1.3) !important; /* Chrome - Safari */
    -o-transform: scale(1.3) !important; /* Opera */
}
 .contenedor2Columnas3
 {
    width:33%; float:left
 }
  .contenedor2Columnas3b
 {
    width:66%; float:left
 }
 
 
.header{
 
	 width:100%; display:table; position:fixed; z-index:2000; 
}
.header_top2{
	margin-bottom:0px; background-position:center; background-repeat:no-repeat; background: rgba(0,0,0,1); backdrop-filter: blur(5px);
	transition: 0.5s ease;
	-o-transition: 0.5s ease;
	-moz-transition: 0.5s ease;
	-webkit-transition: 0.5s ease;-webkit-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.2) ; -moz-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.2); box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.2)
}
.header_top{
	margin-bottom:0px; background-position:center; background-repeat:no-repeat; background: rgba(0,0,0,0.3); backdrop-filter: blur(5px);
	transition: 0.5s ease;
	-o-transition: 0.5s ease;
	-moz-transition: 0.5s ease;
	-webkit-transition: 0.5s ease;-webkit-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.2) ; -moz-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.2); box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.2)
}
.header_top_fixed{
	background: rgba(0,0,0,0.7); backdrop-filter: blur(5px);
}

.contenedorEstiloMenu
{
    display:table; float:right; margin-top:0%
}

.logo{
	float:left;
	margin-top:0.7%; margin-bottom:0.3%
}
.estiloUsuarios
{
    margin-right:6px;  float:right;
}



.googleMaps
{
    height:304px; width:65%; float: right
}

.contenedorBanderas
{
   margin-top:0%; display:block; overflow:hidden; margin-bottom:0%; float:right
}
.telefono
{
    display:block; overflow:hidden; width:100%; text-align:right; padding-top:1%; padding-bottom:1%
}

.telefono span
{
    font-size:16px; color:Black; font-family:"Barlow", sans-serif !important; font-weight: 500
}

.botonHome:link, .botonHome:visited{
		font-family: "Barlow", sans-serif; background-color:#ff6700; font-weight:500;
		border: 0px; vertical-align: middle; color:White; cursor:pointer; 
	    font-size:15px; padding:13px;
		display:inline-block;
		transition: 0.5s ease;
		-o-transition: 0.5s ease;
		-moz-transition: 0.5s ease;
		-webkit-transition: 0.5s ease;
		text-transform: uppercase;  
	    cursor:pointer;
	    -webkit-appearance:none; border-radius: 0px  
}
.botonHome:hover{
    background:White;
    color: #ff6700; 
}


.botonHome4:link, .botonHome4:visited{
		font-family: "Barlow", sans-serif; background-color:#ff6700; font-weight:500; text-align:center; display:block;
		border: 0px; vertical-align: middle; color:White!important; cursor:pointer; 
	    font-size:15px; padding:20px 13px 20px 13px; height:10px; margin-bottom:10px;
		transition: 0.5s ease;
		-o-transition: 0.5s ease;
		-moz-transition: 0.5s ease;
		-webkit-transition: 0.5s ease;
		text-transform: uppercase;  
	    cursor:pointer;
	    -webkit-appearance:none;
}
.botonHome4:hover{
    background:White;
    color: #ff6700!important; 
}




.botonHome3:link, .botonHome3:visited{
		font-family: "Barlow", sans-serif; background-color:White; font-weight:500;
		border: 0px; vertical-align: middle; color:#ff6700; cursor:pointer; 
	    font-size:15px; padding-left:13px; padding-right:13px; padding-top:13px; padding-bottom:13px;
		display:inline-block;
		transition: 0.5s ease;
		-o-transition: 0.5s ease;
		-moz-transition: 0.5s ease;
		-webkit-transition: 0.5s ease;
		text-transform: uppercase;  
	    cursor:pointer;
	    -webkit-appearance:none;  border-radius: 0px  
}
.botonHome3:hover{
    background:#ff6700;
    color: White; 
}

.botonHome2:link, .botonHome2:visited{
		font-family: "Barlow", sans-serif;
		border: 0px; vertical-align: middle; color:#ff6700; cursor:pointer; 
	    font-size:15px; padding-left:15px; padding-right:15px; padding-top:15px; padding-bottom:15px;
		display:inline-block; font-weight:500;
		transition: 0.5s ease;
		-o-transition: 0.5s ease;
		-moz-transition: 0.5s ease;
		-webkit-transition: 0.5s ease;
		text-transform: uppercase;  
	    cursor:pointer;
	    -webkit-appearance:none;  background: rgba(255,255,255,1); border-radius: 0px  
}
.botonHome2:hover{
    background:rgba(255,255,255,0.5);
    color:#ff6700;
}
.botonFacebook{
	border-style: none !important;
    border-color: inherit !important;
    border-width: 0px !important;
    padding: 13px 25px 13px 25px;
    background-color:#3a5795 !important; vertical-align: middle !important; color:white !important; cursor:pointer !important;
	font-size:15px !important; font-weight: 500 !important; margin-left:3px;
	display:inline-block !important;
    transition: 0.5s ease;
	-o-transition: 0.5s ease;
	-moz-transition: 0.5s ease;
	-webkit-transition: 0.5s ease;
	text-transform: uppercase;  
	cursor:pointer;
	-webkit-appearance:none;
	border-radius:25px; margin-bottom:3px;
}
.botonFacebook:hover{
    background:#222 !important;
    color:#FFF !important; border-radius:0px
}
.botonFacebook:visited{
    color:#FFF;
}

/********* MENU PRINCIPAL ************/
#pull{display:none}
.toggleMenu 
{
   display:none
}
.menuhoriz  
{
    display:inline; margin:0px; padding:0px; font-family:"Barlow", sans-serif; font-size:15px; text-transform:uppercase
     
}
.menuhoriz ul {
    list-style: none;
    width: 9em;  margin:0px; padding:0px;
}
.menuhoriz a {
    padding: 14px 0px 14px 15px;
    color: White;
 
}
.menuhoriz ul li ul li a{
    padding-left:14px;
}

span{
    font-weight:600;
}
.menuhoriz a:visited {
    padding: 15px 13px;
    color:White
    
}
.menuhoriz a:hover {
	color:#ff6700;
}
.menuhoriz li {
    position: relative;
}
.menuhoriz ul li li a:hover
{
    color:#ff6700; background-color:White
}
.menuhoriz > li {
    float: left; font-weight:600
}
.menuhoriz > li > .parent {

}
.menuhoriz > li > a {
    display: block; 
}
.menuhoriz li  ul {
    position: absolute; float:left;
    left: -9999px; margin:0px; padding:0px; width:218px;
}
.menuhoriz > li.hover > ul {
    left: 0; margin:0px; padding:0px; margin-left:0px;
}
.menuhoriz li li.hover > ul {
    left: 100%;
    top: 0;margin-left:0px;
}
.menuhoriz li li a {
    display: block; width:218px; font-size:15px;
    background: #ff6700; 
    position: relative;
    z-index:100; color: White;
    margin-left:0px;
}
.menuhoriz li li li a {
    background:#ff6700; 
    z-index:200; color: White; 
}
.menuhoriz li li a:visited {
    color: White;
}
.menuhoriz li li li a:visited  {
    color: White;
}
.menuhoriz li li li a:hover {
    color:#ff6700; background-color:White
}


.clearfix {
    display:none
}
.clearfix:before,
.clearfix:after {
    content: " "; 
    display: table; 
}
.clearfix:after {
    clear: both;
}
.clearfix ul {
   display:none; list-style:none
}
.clearfix a {
    padding: 15px 13px;
    color: Black; display:none; list-style:none
}
.clearfix a:hover {
	background-color:#e9e9e9
}
.clearfix li {
    position: relative; list-style:none
}
.clearfix > li {
    float: left; list-style:none
}
.clearfix > li > .parent {
 list-style :none; 
}
.clearfix > li > a {
    display: block;
}
.clearfix li ul {
    position: absolute;
    left: -9999px; list-style:none
}

.clearfix li li ul {
    position: absolute;
    left: -9999px; list-style:none
}


.clearfix > ul li.hover > ul {
    left: 0;
}
.clearfix li li.hover ul {

}
.clearfix li li a {
    display: block; width:165px;

    position: relative;
    z-index:100;
    border-bottom: 1px solid #d1d1d1;
}
.clearfix li li li a {
    left:65px;
    z-index:200;
    border-bottom: 1px solid #d1d1d1;
}
.clearfix li li li a:hover {

}

/********* FÍN MENU PRINCIPAL ************/

.TextoVideoFondo
{
    width:100%; position:absolute; z-index:1; display:block; text-align:center; margin-top:7%; margin-bottom:7%
}


#main {
    text-align: left !important;
}


/********* Main ************/
.main{
	padding-bottom:0px;
}

.contenedorGeneralTodo
{
   padding-top:0px
}
.contenedorGeneralTodo2
{
   padding-top:135px;
}


.content{
	float:left;
	width:54%;
	margin:0 2%;
}
.divIz{
	float:left;
	width:21%; margin-right:2%; margin-left:1%
}

.divDr{
	float: right;
	width:21%; margin-left:2%; margin-right:1%
}

.contenedorContenidoDerechoIndex{
    float:Right;
	width:27.3%;
}

.fancybox:link, .fancybox:visited{
		border: 0px; background-color:Black; vertical-align: middle; color:white; cursor:pointer;
	    font-family:"Barlow", Arial, sans-serif; font-size:20px; font-weight: lighter; padding-left:17px; padding-right:17px; padding-top:13px; padding-bottom:12px;
		display:inline-block;
		transition: 0.5s ease;
		-o-transition: 0.5s ease;
		-moz-transition: 0.5s ease;
		-webkit-transition: 0.5s ease;
		text-transform: uppercase;  
	    cursor:pointer;
	    -webkit-appearance:none;
}
.fancybox:hover{
    background: White;
    color: Black;
}

.contenedorBannerHome
{
    float:left; width:32%; margin-bottom:25px; text-align:center; padding-bottom:10px;
}
.contenedorBannerHome a:hover {
   	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
}
.contenedorHomePubli
{
    width: 100%; position:absolute; z-index:201; color:White; display:block; overflow:hidden; text-align:center; bottom:40%; font-size:18px;
}

/********* BANNERS NOTICIAS ************/
.contenedorNoticiasHome
{
    margin-bottom:25px; text-align:left;
    background: rgba(255,255,255,0.9); margin: 15px;
   -webkit-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.2) ; -moz-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.2); box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.2)
}

.contenedorNoticiasContenidoTitulo
{ 
    color:#ff6700; font-size:23px; line-height:24px; display:block; overflow:hidden; margin-bottom:0px; margin-top:10px; font-family:"Barlow", sans-serif;
    padding-bottom:5px; font-weight:700; text-transform:uppercase
}
.contenedorNoticiasContenidoDescripcion
{
    color:#323232; font-size:13px; line-height:19px; height:75px; display:block; overflow:hidden; margin-bottom:8px
}

.contenedorNoticiasContenidoFecha
{
    color: White; font-size: 15px; line-height:19px; background-color:#ff6700;
    display:table; font-family:"Barlow", sans-serif; padding:4px
}
.contenedorNoticiasContenido
{
    display:block; overflow:hidden; margin-left:10px; margin-right:10px;
}

.contenedorNoticiasContenidoImagen
{
    height:250px; display:block; overflow:hidden; background-color:White;
}
/********* FIN BANNERS NOTICIAS **********/



.contenedorContenido{
    display:block; overflow: hidden;
}
.contenedorContenidoCentralIndex{ float:left; width:70.5%;}

.divContenedor{
    margin-right: 0px; margin:0px auto; padding:10px;
    font-family:"Barlow", sans-serif; font-size: 15px; color:#202020; margin-bottom:5px; text-align:center; background-color:White;
}

.divContenedor .NumReserva{
    background:#3e3e3e; font-size:18px; font-weight:bold; padding:4px; color:White
}

/************* Sidebar - Right ***********/
.services h3{
	color:#FFF;
	font-size:1.2em;
	text-transform:uppercase;
	padding:8px 0;
	text-align:center;
	background:#EE5010;
}
.menuvertical{
	display:block;
	list-style: none; padding-left:0px; margin-top:0px; margin-bottom:0px
}
.menuvertical li a{
	display:block;
	background:url(/HBATennis/img/arrow.png) no-repeat 10px 9px;
	color:Black;
	font-size: 15px;
	border-bottom:1px solid #d1d1d1;
	padding:8px 0 8px 25px;
}
.menuvertical li a:hover{
	background:#a7a7a7 url(/HBATennis/img/arrow-hover.png) no-repeat 10px 9px;
	color:#FFF;
}

.divIz_left_bottom{
	margin-top:15px;
}

.contenedorContenidoDerechoIndex_left_bottom{
	margin-top:15px;
}

.projects h3{
	color:#FFF;
	font-size:1.2em;
	text-transform:uppercase;
	padding:8px 0;
	text-align:center;
	background:#EE5010;
}
.project_img{
	margin-top:5px;
	background:#FFF;
	padding:15px;
}
.projects img{
	max-width:100%;
	display:block;
	width:100%;
	margin-bottom:6px;
}
/********* Content ***********/
.content_bottom{
 margin-top:0px;
}

.content_bottom h3{
	font-size:0.85em;
	color:#EE5010;
	padding:5px 0;
	line-height:1.6em;
}
.content_bottom p{
	color:#323232;
    padding: 0px 0;
    line-height: 24px;
    font-weight: 500;
    margin-top: 0px;
    margin-bottom: 18px;

}

.Detalle,content_bottom ul li{
	color:#323232;
	padding:5px 0;
	line-height:24px;
	font-size:17px
}

.feature_list{
	padding-top:22px;
}
.feature_list li{
	color:#888;
	font-size:0.85em;
	padding:8px 0 8px 15px;
	background:url(/HBATennis/img/list-img.png) no-repeat 0;
}
/************** Sidebar - Right *************/
.sidebar_right_top h3{
	color:#FFF;
	font-size:1.2em;
	text-transform:uppercase;
	padding:8px 0;
	text-align:center;
	background:#EE5010;
}
.latestnews{
	background:#FFF;
	padding:15px;
	margin-bottom:10px;
	margin-top:5px;
}
.latestnews_desc{
	padding:10px 0px;
	border-bottom: 1px solid #ECECEC;
}
.latestnews_desc h4{
	color:#555;
	font-size:1em;
}
.latestnews_desc p{
	color: #969494;
	font-size:0.85em;
	padding:5px 0;
	line-height:1.8em;
}
.latestnews_desc span a{
	font-size:0.8em;
	text-transform:uppercase;
	display:block;
	text-align:right;
	color:#777;
	text-decoration:underline;
}
.latestnews_desc span a:hover{
	color:#EE5010;
	text-decoration:none;
}
.view-all{
   padding-top:5px;	
}
.view-all a {
	color:#EE5010;
	font-size:0.85em;
	background:url(/HBATennis/img/arrow.png) no-repeat 0;
	padding-left:15px;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	-ms-transition: all .5s;
	transition: all .5s;
	text-align: right;
}
.view-all a:hover{
	color:#555;
}
/******** Member-Login ********/
.contenedorContenidoDerechoIndex_right_bottom h3{
	color:#FFF;
	font-size:1.2em;
	text-transform:uppercase;
	padding:8px 0;
	text-align:center;
	background:#EE5010;
}
.login_form{
	padding:15px;
	background:#FFF;
	margin-top:5px;
}
.login_form h3{
	color: #EE5010;
	font-size: 1.2em;
	text-transform: uppercase;
	padding-bottom: 15px;
}
.login_form div{
	padding:5px 0;
}
.login_form span{
	display:block;
	font-size:0.85em;
	color:#6A6A6A;
	padding-bottom:5px;
	text-transform:uppercase;
}
.login_form input[type="text"]{
	font-size:1em;
	color:#3A3A3A;
	border:1px solid #CCC;
	background:#cecece;
	padding:6px;
	width:94%;
	outline:none;
}
.login_form input[type="password"]{
	font-size:1em;
	color:#3A3A3A;
	border:1px solid #CCC;
	background:#cecece;
	padding:6px;
	width:94%;
    outline:none;
}
.mybutton{
	    background:#EE5010;
		padding:8px 15px;
		color: #FFF;
		border:none;
		display:inline-block;
		transition: 0.5s ease;
		-o-transition: 0.5s ease;
		-moz-transition: 0.5s ease;
		-webkit-transition: 0.5s ease;
		text-transform: uppercase;  
	    cursor:pointer;
	    -webkit-appearance:none;
	    float:right;
}
.mybutton:hover{
    background:#222;
    color:#FFF;
}
.login_form span a{
	color:#888;
}
.login_form span a:hover{
	text-decoration:underline;
	color:#555;
}
.login_form h4{
	font-size:1em;
	color:#888;
	padding-top:20px;
}
.login_form a{
	font-size:0.85em;
	color:#EE5010;
}
.login_form a:hover{
	color:#555;
	text-decoration:underline;
}

 /*  GRID OF FOUR   ============================================================================= */
.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}
.group:before,
.group:after {
    content:"";
    display:table;
}
.group:after {
    clear:both;
}
.group {
    zoom:1;
}
.col_1_of_4{
	display: block;
	float:left;
	margin: 1% 0 1% 1.6%; font-size:16px; color:White; font-weight:500; line-height:23px
}
.col_1_of_4:first-child { margin-left: 0; } /* all browsers except IE6 and lower */
	
.span_1_of_4 {
	width: 32.1%; min-height:125px;
	padding:1.5%;
}
.span_1_of_4  h3{
	 font-size:20px; padding-bottom:5px; padding-top:5px; font-family:'Barlow', sans-serif;
	 color:White;
	 text-transform:uppercase;
	 margin-bottom:10px; font-weight:700
}
.span_1_of_4  p{
	font-size:0.85em;
	padding:5px 0;
	color:#3f3f3f;
	line-height: 1.8em;
}
.span_1_of_4  p span a{
	color:#EE5010;
}
.span_1_of_4  p span a:hover{
	color:#222;
}
.location li,ul.address li{
	font-size:0.85em;
	color:#6A6A6A;
	display:block;
	padding:7px 0;
}
.Testimonials_desc p span.up{
	padding-right:10px;
}
.Testimonials_desc p span.down{
	padding-left:10px;
}
.Testimonials_desc p span.down img{
	vertical-align:middle;
}
.Testimonials_desc h5{
	font-size:0.85em;
	color:#EE5010;
	text-align:right;
	font-style:italic;
}


 .copy-right {
	text-align:center;
	padding:15px 0;
	background: Black;
 }
 .pie2 { width:100%; height:100%; position:fixed; background-color:Black}
 
 .copy-right p{
	font-size:0.85em;
	color:White;
	padding-top:10px
 }
 .copy-right p a{
	text-decoration:underline;
	color:White;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
 }
 .copy-right p a:hover{
 	color:#dedede;
	text-decoration:none;
 } 
 .copy-right span {
   font-weight:500 !important; font-size:12px; color:White !important
}
 /************ Services **************/
.services_grid{
	float:right;
}

.services_gridInterior{
	float:right;
	width:100%;
   margin:0% 0% 0 2%;
}
.service_desc{
	padding-bottom:18px;
}
.listview_1_of_2{
	display: block;
	float:left;
	margin: 0% 0 0% 1.6%;
}
.listimg{
	display: block;
	float:left;
}
.text{
	display: block;
	float:left;
	margin: 0% 0 0% 3.6%;
}
.listview_1_of_2:first-child { margin-left: 0; } 

.images_1_of_2 {
	width: 46.2%;
	padding:1.5%; 
}
.listimg_2_of_1 {
	width:16.2%;
}
.list_2_of_1 {
	width: 78.2%;
}
.images_1_of_2  img {
	max-width:100%;
	display:block;
}
.list_2_of_1  h4{
	color:#555;
	font-size: 1.4em;
	margin:5px 0;
	text-transform: uppercase;
}
.list_2_of_1  p{
	color: #969494;
	font-size: 0.85em;
	padding:0;
	line-height: 1.8em;	
}
/*********** Marketing ************/
.marketing{
	margin-bottom:14px;
}
.image {
	clear: both;
	padding: 1.5%;
}
.group:before,
.group:after {
    content:"";
    display:table;
}
.group:after {
    clear:both;
}
.group {
    zoom:1;
}
.grid {
	display: block;
	float:left;
	margin: 0% 0 0% 2.6%;
}
.grid:first-child { margin-left: 0; }

.images_3_of_1 {
	width:35.2%;
	position:relative;
}
.blog-leftgrids{
	margin-bottom:25px;
}
.blog-desc{
	width: 60.1%;
}
.images_3_of_1  img {
	max-width:100%;
	display:block;
}
.blog-desc  h4 a{
	color:#555;
	font-size:1.2em;
	text-transform:uppercase;
}
.blog-desc  p {
	font-size:0.85em;
	color:#787878;
   line-height:1.8em;
}
/*********** Contact ************/
.contact-form{
	position:relative;
	padding-bottom:30px;
}
.contact-form div{
	padding:5px 0;
}
.contact-form span{
	display:block;
	color: #949494;
	padding-bottom:5px;
	font-size:0.85em;
	text-transform:uppercase;
}
.contact-form input[type="text"],.contact-form textarea{
		    padding:8px;
			display:block;
			width:98%;
			background:none;
			border:1px solid #DDDCDC;
			outline:none;
			color:#555;
			font-size:1em;
			font-family:Arial, Helvetica, sans-serif;
			-webkit-appearance:none;
}
.contact-form textarea{
		resize:none;
		height:120px;		
}
.contact-form input[type="text"]:focus,.contact-form textarea:focus{
	border:1px solid #CAC8C8;
}
.submit_button{
	font-size:1em;
	padding:10px 20px;
	text-shadow:0px 1px 1px rgba(94, 94, 94, 0.9);
	color:#FFF;
	border:none;
	cursor:pointer;
	background:#EE5010;
	text-decoration: none;
	text-transform:uppercase;
	outline: 0;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
    position:absolute;
    right:0;
}
.submit_button:hover{
	text-shadow: 0px 0px 1px #000;
    background:#000; 
}
.contact_info{
	margin-top:30px;
}






/* PRATROCINADORES */

#flexiselDemo1, #flexiselDemo2, #flexiselDemo3 {
	display: none;
}
.nbs-flexisel-container {
	position: relative;
	max-width: 100%;
}
.nbs-flexisel-ul {
	position: relative;
	width: 9999px;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	text-align: center;
}
.nbs-flexisel-inner {
	overflow: hidden;
	width:85%;
	margin: 0 auto;
}
.nbs-flexisel-item {
	float: left;
	margin: 0px;
	padding: 0px;
	cursor: pointer;
	position: relative;
	line-height: 0px;
}
.nbs-flexisel-item > img {
	
	positon: relative;
	margin-top: 10px;
	margin-bottom: 10px;
}
/*** Navigation ***/
.nbs-flexisel-nav-left, .nbs-flexisel-nav-right {

	position: absolute;
	cursor: pointer;
	z-index: 100;
}
.nbs-flexisel-nav-left {
	left: 0px;
   background: url('/HBATennis/img/arrow-iz.png') no-repeat;  
}
.nbs-flexisel-nav-right {
	right: 0px;
	 background: url('/HBATennis/img/arrow-dr.png') no-repeat; 
}







/* SLIDER HOME */


.slider{
	position:relative; 
}
.theme-default .nivoSlider {
	position:relative;
	background:#fff url(/HBATennis/img/loading.gif) no-repeat 50% 50%; 
}
.theme-default .nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
.theme-default .nivoSlider a {
	border:0;
	display:block;
}
.theme-default .nivo-controlNav {
	text-align: center;
    padding-top:10px;
}
.theme-default .nivo-controlNav a {
	display:inline-block;
	width:15px;
	height:15px;
	background:#FFF;
	border-radius:2em;
	text-indent:-9999px;
	border:0;
	margin:0 4px;
}
.theme-default .nivo-controlNav a.active,.theme-default .nivo-controlNav a:hover{
	background:Black;
}
.theme-default .nivo-directionNav a {
	display:block;
	width:40px;
	height:40px;
	background:url(/HBATennis/img/arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
	opacity: 0;
	-webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}
.theme-default:hover .nivo-directionNav a { opacity: 1; }
.theme-default a.nivo-nextNav {
	background-position:0px 0;
	right:15px;
}
.theme-default a.nivo-prevNav {
	left:15px;
	background-position:-40px 0;
}
.theme-default .nivo-controlNav.nivo-thumbs-enabled {
	width: 100%;
}
.theme-default .nivo-controlNav.nivo-thumbs-enabled a {
	width: auto;
	height: auto;
	background: none;
	margin-bottom: 5px;
}
.theme-default .nivo-controlNav.nivo-thumbs-enabled img {
	display: block;
	width: 120px;
	height: auto;
}
/* The Nivo Slider styles */
.nivoSlider {
	position:relative;
	width:100%;
	height:auto;
	overflow: hidden;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
	max-width: none;
}
.nivo-main-image {
	display: block !important;
	position: relative !important; 
	width: 100% !important;
}

/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:6;
	display:none;
	background:white; 
	filter:alpha(opacity=0); 
	opacity:0;
}
/* The slices and boxes in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:5;
	height:100%;
	top:0;
}
.nivo-box {
	display:block;
	position:absolute;
	z-index:5;
	overflow:hidden;
}
.nivo-box img { display:block; }
.nivo-html-caption {
    display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:9;
	cursor:pointer;
}
.nivo-prevNav {
	left:0px;
	background:url(/HBATennis/img/prev.png) no-repeat;
}
.nivo-nextNav {
	right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav {
	position: absolute;
	bottom:25px;
	right: 10px;
	z-index: 9;	
}
.nivo-controlNav a {
	cursor:pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
}
@media all and (max-width:320px) {
	.theme-default .nivo-controlNav a{
		width:10px;
	    height:10px;
	    margin:0 2px;
	}
	.nivo-controlNav {
		bottom:-5px;
	}
	.nivo-directionNav a{
		top:30%;
	}
}



.calendario-eventos .ui-widget{
     width:100%;
}

.contenedoresBanners{
    display:block; overflow:hidden; margin-bottom:21px; background-color:White;
}
.contenedoresBannersPartidas{
    display:block; overflow:hidden; margin-bottom:21px; background-color:White; margin-right:3px;
}
.contenedorTituloMenu{
    font-family: "Barlow", sans-serif; font-size:25px; padding:8px 5px 9px 9px; text-transform:uppercase;
    display:block; overflow:hidden; margin:0px; line-height:28px; 
    background-color: White; 
    color: #696969;
}

.contenedoresBannersTextCenter{
    padding:3%;  display:block; overflow:hidden; text-align:center
    
}
.contenedorGeneralTodo
{

}



.contenedorEstiloMenuIntranet
{
    display:none;
    
}

.contenedorUsuarios
{
   float: right; margin-top: 0.5%; width:79%; margin-bottom: 0.3%;
}

.contenedorUsuarios2
{
    padding-top:10px; padding-bottom:0px; display:block; overflow:hidden; background: rgba(0,74,25,0.8)
}

.contenedorRegistros
{
    width:100%; overflow:hidden; text-align:right; margin-top:2%
}



.SeccionPagina{ background-color:#f2f2f2}


.backgroundWhite{ background-color:White}
.backgroundWhite .contenedorTitulo { background: White !important}
.backgroundWhite h1{ color: #ff6700; }
.backgroundWhite p{ color: Black}
.backgroundWhite ul li{ color: Black}
.backgroundWhite .Detalle { background: White !important; margin-bottom:0px !important;}



.backgroundWhite2{ background-color:White}
.backgroundWhite2 .contenedorTitulo { background: White !important ; max-width:1400px !important; margin:0px auto !important; display:none}
.backgroundWhite2 h1{ color: #ff6700; }
.backgroundWhite2 p{ color: Black}
.backgroundWhite2 ul li{ color: Black}
.backgroundWhite2 .Detalle { background: White !important; margin-bottom:0px !important; max-width:1400px !important; margin:0px auto !important}



.backgroundGrey{ background-color:#e6e6e6}
.backgroundGrey .contenedorTitulo { background: White !important}
.backgroundGrey h1{ color: #ff6700; }
.backgroundGrey p{ color: Black}
.backgroundGrey ul li{ color: Black}
.backgroundGrey .Detalle { background: #e6e6e6 !important; margin-bottom:0px !important;}

.backgroundGrey2{ background-color:#e6e6e6}
.backgroundGrey2 .contenedorTitulo { background: White !important; max-width:1400px !important; margin:0px auto !important; display:none}
.backgroundGrey2 h1{ color: #ff6700; }
.backgroundGrey2 p{ color: Black}
.backgroundGrey2 ul li{ color: Black}
.backgroundGrey2 .Detalle { background: #e6e6e6 !important; margin-bottom:0px !important;max-width:1400px !important; margin:0px auto !important}

.backgroundTransparent .Detalle { background: transparent !important; margin-bottom:0px !important}

.background100Transparent .Detalle { padding-left:0% !important; padding-right:0% !important; background: transparent !important;  margin-bottom:0px !important}

.background100 .Detalle { padding-top:0% !important; padding-bottom:0px !important; padding-left:0% !important; padding-right:0% !important; background: White !important;  margin-bottom:0px !important}
.background100Transparent2 .Detalle {padding-top:0% !important; padding-bottom:0px !important; padding-left:0% !important; padding-right:0% !important; background: transparent !important;  margin-bottom:0px !important}

.backgroundFoto .Detalle {max-width:1024px; margin:0px auto; margin-bottom:0px !important;}
.backgroundFoto {background: White; width:100%}


.backgroundBlack{ background-color:#191919}
.backgroundBlack .contenedorTitulo { background: transparent !important}
.backgroundBlack h1{ color: White}
.backgroundBlack p{ color: White}
.backgroundBlack ul li{ color: White}
.backgroundBlack .Detalle { background: transparent !important; margin-bottom:0px !important}




.backgroundImageClara{ background:url('/HBATennis/img/fondo-video.jpg') no-repeat center center fixed; padding-bottom:3%; padding-top:3%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover}

.columnaFormulario{float:left; width:50%}


.contenedorTitulo{
    display:block; padding-top:0px; color:#666666;
    padding-left:8%; padding-right:8%; padding-top:3%; background-color:White;
}

h1{
         font-size:35px!important; font-family:"Barlow", sans-serif; font-weight:900!important; 
    line-height:40px!important; color:#ff6700!important;

}

h1 span{
        font-size:35px!important; font-family:"Barlow", sans-serif; font-weight:900!important; 
    line-height:40px!important; color:#ff6700!important;
}

h2{
     font-size:18px; color:#383838; font-weight:700; 
     line-height:23px; font-family: "Barlow", sans-serif; text-transform:uppercase

}

p{
    font-family: "Barlow", sans-serif; font-size:17px; color: #323232; line-height:22px; margin-top:5px; margin-bottom:5px; font-weight:400;
}    

.Detalle ol li{font-size:17px;font-weight: 400;}
ol li{font-size:17px; color:#323232}

.contenedorContenidoCentralDerecho{
    display:block; overflow:hidden; width:100%; 
}

.contenedorContenidoDerechoIndex .Detalle{
    font-family:"Barlow", sans-serif; background-color:White;
    margin-bottom:25px; display:block; overflow:hidden; padding-top:2%; padding-bottom:30px; padding-left:8%; padding-right:8%; font-size:17px; line-height:24px
    
}


.contenedorContenidoCentralDerecho .Detalle{
     font-family:"Barlow", sans-serif; background-color:White;
     margin-bottom:25px; display:block; overflow:hidden; padding-top:4%; padding-bottom:4%; padding-left:8%; padding-right:8%; font-size:17px; line-height:24px
}
.contenedorContenidoCentralIndex .Detalle{
     font-family:"Barlow", sans-serif; background-color:White;
     margin-bottom:25px; display:block; overflow:hidden; padding-top:4%; padding-bottom:4%; padding-left:8%; padding-right:8%; font-size:17px; line-height:24px
}

.contenedorContenidoPartidas{
   display:block; overflow:hidden; border-bottom:1px solid #afafaf; padding:2%;
}

.contenedorContenidoPartidas .izquierdo{
    float:left; color:#323232;
}
.contenedorContenidoPartidas .derecho{
    float:right
}
.contenedorContenidoPartidas .imagenes{
    margin-top:8px; float:right; 
}

.contenedorContenidoPartidas .imagen{
    float:left;  margin-right:15px; margin-top:12px
}
.contenedorContenidoPartidas .imagenIndex{
    float:left; 
}


.contenedorContenidoPartidas .texto{
    float:left;  display:block; overflow: hidden; 
}
.contenedorContenidoPartidas .textoIndexNoticias{
    float:left; width:100%
}
.contenedorContenidoPartidas .textoIndexNoticiasRecortadas{
 max-height:300px; overflow:hidden;
}
.contenedorContenidoPartidas .textoIndex{
    float:left; 
}
.contenedorContenidoPartidas .textoCompleto{
    float:left;  
}

.textoIndexNoticiasRecortadasLateral{
   min-height:244px;
}

.textoIndexNoticiasRecortadasLateral span{
    font-size:0.80em; color:#323232; 
}

.contenedorContenidoPartidas .textoIndexNoticiasRecortadasLateral .BloqueTituloNoticia{
    
}




/* TWITTER */
#twitter_update_list {
	text-align:left;
	list-style-type: none; 
	text-decoration: none;
	margin:0px; font-size:10pt; line-height:1.2em
}

#twitter_update_list li {
    list-style-type: none; border-bottom:1px dotted #50524d; margin-top:14px; padding-bottom:8px; color:#1d1d1d;
}

#twitter_update_list span {
    color: #1d1d1d; list-style-type: none;
    list-style:none; font-weight:normal;
}

#twitter_update_list span a {
    color: Black; font-weight:normal; text-decoration: underline;
}
#twitter_update_list span a:hover {
    color: Gray; text-decoration:none
    
}



/* GALERÍA DE FOTOS DE LOS EVENTOS */

.contenedorFotosNoticias{
    display:block; overflow:hidden; background-color:#dfdfdf;
}



/* NOTICIAS */

.BloqueTituloNoticia
{
	font-family: "Barlow", sans-serif; font-weight: 500;  margin-bottom:5px; font-size:2em; line-height:1.2em; display:block; overflow:hidden; margin-top:10px
}


.contenedoresBannersText
{
    padding:3%
}

.contenedoresBannersText .BloqueTituloNoticia
{
	font-family: "Barlow", sans-serif; font-size:1.2em; font-weight: 500;
}


.contenedorGaleriaVideos {
    width: 23% !important;
    height: auto !important;
    display: block !important;
    overflow: hidden !important;
    background-color: Black;
    margin: 1% !important;
    float: left;
}
.contenedorGaleriaImagenes{
    float:left; display:block; overflow:hidden; text-align:center; width:126px; margin:5px 10px 5px 10px; height:120px; background-color:#191919 !important
}

.contenedorContenidoPartidasBloques
{
    background-color:White; display:flex; overflow:hidden; width:32.3%; float:left; height:420px; margin-right:1%; margin-bottom:1%; padding-bottom:5px;
    -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.3); box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.3)  
}

.BloqueTituloNoticia a:link,a:visited
{
    color: #ff6700; text-decoration: none; font-weight: 500;font-family:"Barlow", sans-serif; margin-bottom:0px; font-size:23px; line-height:27px; display:block; overflow:hidden; margin-top:0px;
    padding-bottom:5px; text-transform:uppercase; font-weight:700
}

.BloqueTituloNoticia a:visited
{
    color: #ff6700; text-decoration: none;  font-family:"Barlow", sans-serif; text-transform:uppercase; font-weight:700
}

.BloqueTituloNoticia a:hover
{
	color:Gray; text-decoration:none
}

.BloqueFechaNoticia
{
	color:White; font-size:13px; line-height:19px; margin-top:0px; display:table; width:auto; margin-bottom:5px; font-family:"Barlow", sans-serif; padding:4px; background:#ff6700
}
.BloqueCategoria
{
	font-family: "Barlow", sans-serif; font-size:1em;
}

.detalle-noticias .BotonVerMas 
{
    display: inline;
	visibility: visible;	
}




/*Estilo BotónEliminar*/
a.BotonEliminar:link, a.BotonEliminar:visited{
    color:Red; font-family:"Barlow", sans-serif; font-size:11px; padding:5px 0px 5px 17px; text-decoration:none;
    background-image:url('/images/eliminar.png'); background-position:0px center; background-repeat:no-repeat;
    text-decoration:underline; font-style:italic; margin-left:7px
}

a.BotonEliminar:hover{
    color: Gray; text-decoration:none
}




/*Resultados de búsqueda*/

.contenedorResultadosBusquedaExterior{
    float:left; width:49%
}

.contenedorResultadosBusqueda{

    font-family:"Barlow", sans-serif; padding:10px; font-size: 15px; color:#202020; margin-bottom:8px; display:table; width:46%; float:left; margin-right:8px; background-color:#efefef; font-weight:lighter

}
.contenedorResultadosBusqueda .centroDireccion{

   color:Gray
}

.contenedorResultadosBusqueda .img{

    float:left; margin-right:15px; 
}
.contenedorResultadosBusqueda .precio{

    font-size:18px; font-weight:bold; color:#4b9716
}
.contenedorResultadosBusqueda .tituloJugadores{

    font-size:18px; font-weight:bold; color:#4b9716; font-weight:bold; font-size:11px
}
.contenedorResultadosBusqueda .botones{
    display:block; margin-top:10px; margin-bottom:10px; overflow:hidden; text-align:right
}
.contenedorResultadosBusqueda .jugadores{
    float:left; width:69px; text-align:center; font-size:11px; line-height:12px; margin-top:3px; background-color: #c5e4f3; margin-right:2px; height:100px; overflow:hidden; padding:3px
}



/*Menu Navegación*/

.contenedorMenupasosGeneral{
     margin-bottom:25px; margin-top:25px; width:100%;
}
.contenedorMenupasos{
    padding-left:0px; display:table; text-align:center; margin:0px auto;
}

.contenedorMenupasos ul {
     margin:0px; padding:0px; display:table; float:left
}

.menupasos {
list-style: none;
font-family:"Barlow", sans-serif;
text-align:center;
font-size: 12px;
line-height:13px;font-weight: lighter;background-color:#eeeeee;width:170px;
border:1px solid #bababa;float:left; color:#929292;
padding:6px 5px 6px 5px;  text-align:center; margin:0px
}


.menupasosActivo {
list-style: none;
font-family: "Barlow", sans-serif;
text-align:center;
font-size: 12px; line-height:13px; font-weight: lighter; float:left;width:170px;
color:White; padding:6px 5px 8px 5px;  background-color:#79b504; margin:0px
}

/*Estilo Menú Horizontal Listados*/

.menuhorizTablas ul {
    padding: 0px; margin: 0px; list-style: none; font-family: "Barlow", sans-serif;
    text-align:center; font-size: 15px; line-height:13px; float:right; font-weight:bold;
}

.menuhorizTablas ul li {
    display: inline;
} 

.menuhorizTablas ul li a:link, .menuhorizTablas ul li a:visited {
    display: inline; text-decoration: underline; font-family:"Barlow", sans-serif; font-size: 15px; line-height:24px; color:White; border-right:2px solid White;
    background-color: #009680; padding:5px 10px 5px 10px; margin:0px
}

.menuhorizTablas ul li a:hover, #menuhorizTablas ul li a:active{
    background-color: #a8e0d9; cursor: pointer; color:#009680; text-decoration:none
}






/*Estilo Menú Horizontal Pie*/

.menuhorizPie ul {
    padding: 0px; margin: 0px; background-color: transparent;
    list-style: none; float:none
}

.menuhorizPie ul li {
    display: inline; float:none
} 

.menuhorizPie ul li a:link, .menuhorizPie ul li a:visited {
    display: inline; float:none;
    text-decoration: none; 	color:#00ff00; 

}

.menuhorizPie ul li a:hover, .menuhorizPie ul li a:active{
    cursor: pointer; color:#ff6700; text-decoration:none;
}


/*Estilo Botón Ver Más*/

a.BotonVerMas:link, a.BotonVerMas:visited{
    color: #1f221f; font-family:"Barlow", sans-serif; font-size:13px; padding:5px 0px 5px 17px; text-decoration:none; float:right;
    font-weight: 500; background-image:url('/HBATennis/img/icono-ver-mas.png'); background-repeat:no-repeat; background-position:left;
     margin-bottom:1%; margin-top:1%; margin-right:1%
}

a.BotonVerMas:hover{
    color: Gray; text-decoration:none
}

/*Estilo Botón*/

.boton{
	border: 0px; background-color:#6abd11; vertical-align: middle; color:white; cursor:pointer; border-radius:25px;
	font-family:'Barlow', sans-serif; font-size:15px; font-weight: 500; padding:13px 25px 13px 25px; margin-left:3px; margin-bottom:3px;
}

.boton{
		border: 0px; background-color:#6abd11; vertical-align: middle; color:white; cursor:pointer; border-radius:25px;
	    font-family:'Barlow', sans-serif; font-size:15px; font-weight: 500; padding:13px 25px 13px 25px; margin-left:3px; margin-bottom:3px;
		display:inline-block;
		transition: 0.5s ease;
		-o-transition: 0.5s ease;
		-moz-transition: 0.5s ease;
		-webkit-transition: 0.5s ease;
		text-transform: uppercase;  
	    cursor:pointer;
	    -webkit-appearance:none;
}
.boton:hover{
    background:#222; border-radius:0px;
    color:#FFF;
}

.botonCancelar{
		border: 0px; background-color:Red; vertical-align: middle; color:white; cursor:pointer; border-radius:25px;
	    font-family:'Barlow', sans-serif; font-size:15px; font-weight: 500; padding:13px 25px 13px 25px; margin-left:3px; margin-bottom:3px;
		display:inline-block;
		transition: 0.5s ease;
		-o-transition: 0.5s ease;
		-moz-transition: 0.5s ease;
		-webkit-transition: 0.5s ease;
		text-transform: uppercase;  
	    cursor:pointer;
	    -webkit-appearance:none;
}
.botonCancelar:hover{
    background:#222; border-radius:0px;
    color:#FFF;
}

/*Estilo Buscador*/


.filtro_datos{
	font-family:"Barlow", sans-serif, Arial; font-size: 15px; margin-bottom:7px; margin-top:7px; margin-right:10px
}
.filtro{
	font-family:"Barlow", sans-serif; font-size: 15px; background-color: #dfdfdf;
	color: Black; margin-bottom:8px; padding:5px
}

.BotoneraAccionesListado{
    float:left; display:block; overflow:hidden; 
}

.BotoneraCamposBusquedaListado{
    float:left; display:block; overflow:hidden; font-weight:bold; font-size:11px; font-style:italic; color:#606060;
}






/*Estilo Botón Acceso Usuarios*/

a.BotonAccesoUsuario:link, a.BotonAccesoUsuario:visited{
    background-image:url('/HBATennis/img/boton-login.png'); background-repeat:no-repeat; background-position: center left 13px; overflow:hidden; margin-left:0px;
    color:White; font-family:"Barlow", sans-serif; font-size:15px; font-weight: 600; padding-right:0px; padding-top:10px; padding-bottom:10px; padding-left:47px; line-height:43px;
    text-transform:uppercase;  border-radius:150px;
    		transition: 0.5s ease;
		-o-transition: 0.5s ease;
		-moz-transition: 0.5s ease;
		-webkit-transition: 0.5s ease;
}

a.BotonAccesoUsuario:hover{
   color:#00ff00; text-decoration:none; 
}


a.BotonRegistro:link, a.BotonRegistro:visited{
    background-image:url('/HBATennis/img/boton-reserva.png'); background-repeat:no-repeat; background-position: center left 18px; overflow:hidden; margin-left:0px;
    color:White; font-family:"Barlow", sans-serif; font-size:15px; font-weight: 600; padding-right:0px; padding-top:10px; padding-bottom:10px; padding-left:52px; line-height:43px;
    text-transform:uppercase;  border-radius:150px;
    		transition: 0.5s ease;
		-o-transition: 0.5s ease;
		-moz-transition: 0.5s ease;
		-webkit-transition: 0.5s ease;
}

a.BotonRegistro:hover{
    color: #00ff00; text-decoration:none;
}

a.BotonUsuario:link, a.BotonUsuario:visited{
    background-image:url('/HBATennis/img/boton-intranet.png'); background-repeat:no-repeat; background-position: center left 18px; overflow:hidden; margin-left:0px;
    color:White; font-family:"Barlow", sans-serif; font-size:15px; font-weight: 600; padding-right:0px; padding-top:10px; padding-bottom:10px; padding-left:52px; line-height:43px;
    text-transform:uppercase;  border-radius:150px;
    		transition: 0.5s ease;
		-o-transition: 0.5s ease;
		-moz-transition: 0.5s ease;
		-webkit-transition: 0.5s ease;
}

a.BotonUsuario:hover{
    color:#00ff00; text-decoration:none;
}





/*Estilo Link Pie*/

a.LinkPie:link,a.LinkPie:visited
{
	color:#00ff00; text-decoration:none; 
}

a.LinkPie:hover
{
	color:#ff6700; text-decoration:none;
}


/*Estilo Link Banner*/

a.LinkBannerHome:link,a.LinkBannerHome:visited
{
	color: Black; text-decoration:none; display:block; overflow:hidden; margin-bottom:2%;
}

a.LinkBannerHome:hover
{
	color: Black; text-decoration:none;
}





/*Estilo Formularios*/

.controlcontainer{
    vertical-align:top; margin-bottom:33px; display:block; color: #333333; overflow:hidden; font-weight:500;
	font-size: 15px; font-family: "Barlow", sans-serif; padding-top:2%; padding-bottom:2%; padding-left:8%; padding-right:8%;
	background-color:White
}

.formulario_fila{
    margin-bottom:0px; float:left; width:100%; padding:8px;
}
.buscar{
    width:460px; margin:0px auto; float:none; display:block; overflow:hidden
}
.formulario_fila .formulario_campo{
    
	color: Black;
	font-size: 15px;
	font-family: 'Barlow', sans-serif;
	float:left;
	width:20%; font-weight: 500;
	padding:12px;
	margin-right:2px;
	margin-top:3px;

}
.formulario_fila .formulario_campo_destacado{
	
	color: #5a524c;
	font-size: 15px;
	font-family: 'Barlow', sans-serif;
	float:left;
	margin-right:5px;
	width: 80%;
	padding:6px 0px 6px 4px;
}

.formulario_fila .formulario_datos{
	font-family: 'Barlow', sans-serif;
	color: Black;
	font-size: 15px;
	padding:3px 0px 3px 0px;
    display:block; overflow:hidden; float:left;
}


.formulario_fila .formulario_datos_destacado{
	font-family: 'Barlow', sans-serif;
	font-size: 10pt;
	float:none;
	display:block;
	background-color: #e2f1f1;
	height:24px;
	border:2px solid #55a6a8;
	padding-left:10px;
	padding-top:2px; display:table
}

.formulario_fila a.formulario_linkaction
{
	font-family: 'Barlow', sans-serif;
	font-size: 15px;
}

.formulario_fila input.formulario_buttonaction
{
	font-family: 'Barlow', sans-serif;
	font-size: 15px;
}


.formulario_fila div.formulario_datos span
{
	font-family: 'Barlow', sans-serif;
	font-size: 15px;
}

.formulario_fila div.formulario_datos input
{
	font-family: 'Barlow', sans-serif;
	font-size: 15px;
	background-color:#cecece; border:0px; padding:12px; border-radius:20px
}
.formulario_fila div.formulario_datos textarea
{
	font-family: 'Barlow', sans-serif;border-radius:20px;
	font-size: 15px; background-color:#cecece; border:0px; padding:12px; width:100%
}

.formulario_fila div.formulario_datos input[type=text]
{
    font-family: 'Barlow', sans-serif;
	font-size: 15px; width:450px; 
}

.formulario_fila select, .formulario_fila select option
{
	font-family: 'Barlow', sans-serif;
	font-size: 15px;
	padding:14px;
	border-radius:20px;
	display: ruby-base
}

.formulario_subtitulo
{
	background-color:#cdbfbf;
	color:white;
	margin-top:5px;
	margin-bottom:10px;
	font-family: 'Barlow', sans-serif;
	font-size: 9pt;
	font-weight:bold;
}

.FormView
{
}

.formulario_bloque
{
	position:relative;
	display:inline-block;
}

.formularios_error
{
	font-family: 'Barlow', sans-serif;
	font-size: 8pt;
	color:Red;
}

.panelajax
{
	z-index: 1;
	overflow:scroll;
}



.titulo_seccion
{
	display:none;
	visibility:hidden;
	background-color:#F9F9F7;
	position:relative;
	display:block;
	float:none;
	margin-bottom:20px;
	font-family: "Barlow", sans-serif;
	font-size: 8pt;
	font-weight: bold;
	height: 20px;
	padding-top: 3;
}


.entradas_seccion
{
	background-color:White;
	position:relative;
	display:block;
	float:none;
	margin-bottom:20px;
	font-family: "Barlow", sans-serif;
	font-size: 8pt;
	font-weight: bold;
	color:Gray;
}

.entradas_seccion a
{
	color:Gray;
}

.entradas_seccion a:visited
{
	color:Gray;
}


.pestañas_seccion
{
	background-color:White;
	position:relative;
	display:block;
	float:none;
	margin-bottom:30px;
	font-family: "Barlow", sans-serif;
	font-size: 8pt;
	font-weight: bold;
	color:Black;
}

.pestañas_seccion a
{
	color:Black;
	text-decoration:none;
}

.pestañas_seccion a:visited
{
	color:Black;
	text-decoration:none;
}

.pestañas_seccion a:hover
{
	color:Black;
	text-decoration:underline;
}


.titulo_seccion_pestañas
{
	background-color:#F9F9F7;
	position:relative;
	display:block;
	float:none;
	margin-bottom:20px;
	font-family: "Barlow", sans-serif;
	font-size: 8pt;
	cursor:hand;
	height: 20px;
	padding-top: 3;
}

.titulo_seccion_pestañas a.pestaña
{
	color:Black;
	font-family: "Barlow", sans-serif;
	font-size: 8pt;
	text-decoration:none;
}

.titulo_seccion_pestañas a.pestaña:hover
{
	color:Black;
	font-family: "Barlow", sans-serif;
	font-size: 8pt;
	text-decoration:underline;
}

.titulo_seccion_pestañas a.selected
{
	font-weight: bold;
	text-decoration:none;
}

.divSocio{
 	text-align:left; padding:5px; display:block; overflow:hidden;
	margin-bottom:0px;
}
.NombreSocio{
	float:left; font-family:"Barlow", sans-serif;  font-size:13px; color: Black; line-height:16px; margin-top:24px; margin-left:5px; width:120px;
}
.Foto{
	float:left; margin-right:3px
}
.codigoSocio{
	color: #323232; font-size:13px; line-height:15px;
}






/*Estilo Listados*/

.gridview{
	width:100%; 
	margin:0px auto; 
	font-family:'Barlow', sans-serif; 
	margin-bottom:15px; margin-top:10px;
	float:left;font-weight: 500;
	font-size: 15px; border-collapse: separate !important; border-spacing: 2px;

}

.gridview tr.gridviewestilofila:hover
{
    background-color:#e6f8da;
    font-weight: 500;
    background-image:none; color: #19485d;
}

.gridview tr.gridviewestilofilaalternativa:hover
{
    background-color:#e6f8da;
    font-weight: 500;
    background-image:none; color: #19485d;
}

.gridviewestilocabecera{
    color: White; font-weight: 500; padding-left:10px; padding-right:10px; padding-top:15px; line-height:18px;  background-color:#ff6700; text-align:left; font-size:15px;
    border-radius:20px; vertical-align:middle
}

.gridviewestilocabecera th{
    padding:20px;
}


.gridview a{
	color: Black;
	font-family: 'Barlow', sans-serif;
	font-size: 15px;
	text-decoration: underline;
}

.gridview a:hover{
	color: #000000;
	text-decoration: none;
}


.gridviewestilocabecera a{
	color: White;
	font-family: 'Barlow', sans-serif;
	font-size: 15px;
	font-weight: 500;
	text-decoration: underline;
}

.gridviewestilocabecera a:hover{
	color: White;
	text-decoration: none;
}

.gridviewestilocabecera span
{
	color: White;
	font-family: 'Barlow', sans-serif;
	font-size: 15px;
	font-weight: 500;
}

.gridviewestilofila{
    color: #202020; font-weight:normal; 
}

.gridviewestilofilaSinInfo{
    color: #666666; font-weight:normal; font-style:italic; padding:5px; width:98.6%;
}


.gridviewestilocontenidofila{
    padding:15px; border-top:0px; font-weight:normal; border-radius: 20px; vertical-align: middle
}
    
.gridviewestilofilaalternativa
{
   padding:15px; border-top:0px; font-weight:normal; 
    background-color: #f6f6f6; color: #202020; border-radius: 20px
}

.gridviewestilopaginador{
	padding-top:20px;
	padding-bottom:20px;
	float:right;
}

.gridviewestilopaginador span span{
    color: #969696;
	font-family: "Barlow", sans-serif;
	font-size: 12px;
    font-weight:bold;
    padding:10px 13px 10px 13px; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; border:1px solid #87909a
}

.gridviewestilopaginador a{
    color: White; height:250px; width:250px;
	font-family: "Barlow", sans-serif;
	font-size: 12px;
	background-color:#87909a;
	font-weight:bold; text-decoration:none;
	padding:6px 11px 6px 11px;
			transition: 0.5s ease;
		-o-transition: 0.5s ease;
		-moz-transition: 0.5s ease;
		-webkit-transition: 0.5s ease;
		text-transform: uppercase;  
	    cursor:pointer;
	    -webkit-appearance:none; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; 
}
.gridviewestilopaginador a:hover{
    color: White;
	font-family: "Barlow", sans-serif;
	font-size: 12px;
	background-color:#4a4f55;
	text-decoration:none;
}

.gridviewestilopaginadorComentario{
	height:10px; padding:0px; padding-top:2px; text-align:right; width:250px;

}

.gridviewestilopaginadorComentario span{
    color: #1893a2;
	font-family: "Barlow", sans-serif;
	font-size: 12px;
	background-color: #d3eaec;
    font-weight:bold;
    padding:2px	5px 2px 5px;
    margin-right:3px
}

.gridviewestilopaginadorComentario a{
    color: White;
	font-family: "Barlow", sans-serif;
	font-size: 12px;
	background-color:#1893a2;
	font-weight:bold;
	padding:2px	5px 2px 5px; margin-right:3px; text-decoration:none;
	
}
.gridviewestilopaginadorComentario a:hover{
    color: White;
	font-family: "Barlow", sans-serif;
	font-size: 12px;
	background-color:#0c4e56;
	text-decoration:none;
}



.gridviewComentario{
	 border:0px; 
	 
}

.gridviewComentario th{
    border:0px
}

.gridviewComentario tr{
    border:0px; 
}

.acordeoncabecera 
{
    color:White; font-weight:normal; text-align:center;padding:3;cursor:pointer;
    height:18px; background-image:url('/images/fondo-boton-marron.jpg');
    background-repeat:repeat-x; background-color:#5b524d; line-height:13px;
}

.acordeoncabecera 
{
    color:White; font-weight:normal; text-align:center;padding:3;cursor:pointer;
    height:18px; background-image:url('/images/fondo-boton-marron.jpg');
    background-repeat:repeat-x; background-color:#5b524d; line-height:13px;
}


.login 
{    
    margin-right: 0px; width:80%; margin:0px auto; padding:15px; font-family:"Barlow", sans-serif; font-size: 15px; color:#202020;
}


.login .estilobotonlogin
{
  	border: 0px; background-color:#6abd11; vertical-align: middle; color:white; cursor:hand;
	font-family:"Barlow", sans-serif; font-size: 15px; font-weight:bold; color:white; padding:5px;
}

.login .estiloetiquetalogin
{
    
}

.login .estilotextboxlogin
{
      width:320px
}

.login table
{
      width:100%
}

.fondotabla
{
   background-color:#d2d2d2
}




/* MENU DE PESTAÑAS */

.TabbedPanels {
	margin-bottom: 25px;
	padding: 0px;
	float: left;
	clear: none;
	width: 100%
}

.TabbedPanelsTabGroup {
	margin: 0px;
	padding: 0px;
}

.TabbedPanelsTab {
	position: relative;
	top: 0px;
	float: left;
	padding:15px;
	font: bold 1em; background-color: #ff6700; 
	-webkit-border-top-right-radius: 15px; -moz-border-top-right-radius: 15px; border-top-right-radius: 15px;
    -webkit-border-top-left-radius: 15px; -moz-border-top-left-radius: 15px; border-top-left-radius: 15px;
	color: #333333;
	list-style: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	cursor: pointer;
}

.TabbedPanelsTabHover 
{
    background-color:Black
}

.TabbedPanelsTabSelected {
	border-bottom: 0px solid #EEE;
}

.TabbedPanelsTab a {
	color: White;
	text-decoration:underline; font-weight:500;
}

.TabbedPanelsTab a:hover{
	color: White;
	text-decoration: none;
}
.TabbedPanelsTab a:selected{
	color: #cdcdcd;
	text-decoration: none;
}

.TabbedPanelsContentGroup {
	clear: both;
	border-left: solid 0px #CCC;
	border-bottom: solid 0px #CCC;
	border-top: solid 0px #3a0651;
	border-right: solid 0px #999; 
}

.TabbedPanelsContent {
	padding: 10px 10px 6px 10px; background-color: #f2f2f2; color:#333333; font-family:"Barlow", sans-serif; font-size: 15px; display:block; overflow:hidden; border-top:1px solid #e5e5e5; 
}

.TabbedPanelsContentVisible {
}

.VTabbedPanels .TabbedPanelsTabGroup {
	float: left;
	width: 10em;
	height: 20em;
	background-color: #EEE;
	position: relative;
	border-top: solid 0px #999;
	border-right: solid 0px #999;
	border-left: solid 0px #CCC;
	border-bottom: solid 0px #CCC;
}

.VTabbedPanels .TabbedPanelsTab {
	float: none;
	margin: 0px;
	border-top: none;
	border-left: none;
	border-right: none;
}

.VTabbedPanels .TabbedPanelsTabSelected {
	background-color: #EEE;
	border-bottom: solid 1px #999;
}

.VTabbedPanels .TabbedPanelsContentGroup {
	clear: none;
	float: left;
	padding: 0px;
	width: 30em;
	height: 20em;
}





.textoAlternativo{
    color: #323232
}

.textoAlternativo2{
    color: #323232
}


/*Estilo TextoLink*/

a.TextoLink:link,a.TextoLink:visited
{
	color: #ff6700;
	font-family: "Barlow", sans-serif;
	font-size: 17px; line-height:24px; font-weight:500;text-decoration:none;
}

a.TextoLink:hover
{
	color: Gray;	
}

a.TextoLinkBlanco:link,a.TextoLinkBlanco:visited
{
	color: #ff6700;
	font-family: "Barlow", sans-serif;
	font-size: 17px!important; line-height:24px;
	font-weight:400;
}

a.TextoLinkBlanco:hover
{
	color: Gray;
}


a.TextoLinkRojo:link,a.TextoLinkRojo:visited
{
	color: Red;
	font-family: "Barlow", sans-serif;
	font-size: 17px;
	font-weight:normal; text-decoration: underline;
}

a.TextoLinkRojo:hover
{
	color: Gray;
}


a.TextoLinkTitulo:link,a.TextoLinkTitulo:visited
{
    font-family: "Barlow", sans-serif; font-size:17px; line-height:24px; margin-top:5px; margin-bottom:5px; text-decoration: underline; color: Black
}

a.TextoLinkTitulo:hover
{
	color: Gray; text-decoration:none
}





#flechas{
    margin-top:3px; margin-right:5px
}		
		
.flecha.izq
{
    width:28px; height:28px; display:block; float:left; background-image:url('/images/iz.png'); margin-right:4px
}

.flecha.der
{
    width:28px; height:28px; display:block; float:left; background-image:url('/images/dr.png');

}
.flecha.izqCuadro
{
    width:28px; height:28px; display:block; float:left; background-image:url('/images/iz-black.png'); margin-right:4px
}

.flecha.derCuadro
{
    width:28px; height:28px; display:block; float:left; background-image:url('/images/dr-black.png');

}


.contenedorTable{
    background: White; display:block; overflow:hidden; margin-bottom:20px; padding:5px;
}

.tableCampeonato{
	font-weight: 500; text-align:left
}
.thCampeonato{
	background-color: #f2f2f2;
    font-weight: 500;
    padding: 10px;
    vertical-align: middle;
    font-size: 15px
}

.thCampeonatoCabecera
{
	font-weight: 500; font-size:15px; background-color:#ff6700; padding:15px; color:White; vertical-align:middle
}

thPie
{
    font-size: 15px; color:Gray
}






.ContenedorCuadroReservas
{
    width:900px; height:686px; overflow: hidden; margin:0px auto;
}

.ContenedorCuadroReservas .ContenedorCuadroReservas2
{
    position: relative; overflow:hidden; height:686px;
}

.ContenedorCuadroReservas .contenedorReservaHora
{
    width:120px; height:30px; text-align:center; 
    
}

.ContenedorCuadroReservas .contenedorCabecera
{
     height:30px; text-align:center; background-color: Black;  color:White; border-left:1px solid White;width:120px; line-height:13px
}

.ContenedorCuadroReservas .contenedorReservaHora2
{
    width:40px;

}

.ContenedorCuadroReservas .tdCuadroReservas
{
vertical-align:top
}

.ContenedorCuadroReservas .tdCuadroReservas.pista
{
   height:40px; text-align:center; 
}

.ContenedorCuadroReservas .divOcupado{
    position: absolute; width: 120px; background-color: #f2cece; text-align:center; border-left:1px solid White; border-top:1px solid White
}

.ContenedorCuadroReservas .divLibre{
    position: absolute; width: 120px; text-align:center; border-left:1px solid White; border-top:1px solid White; background-color: #def2ce
}



/**** DISEÑOS ADAPTATIVOS *****/
@media only screen and (max-width: 1366px) and (min-width: 1280px) {
	.wrap{

	}
	.wrap_cabecera{
		width:95%;
	}
	.wrap_pie{
		width:95%;
	}
    .footer{
	 width:100%;
    }
    .contenedorEstiloMenuInterior
    {
        width:100%;
    }
    .contenedorCampeonato{
        width:95%; margin:0px auto
    }


	
}




@media all and (max-width:1500px) {
    /* NOTICIAS BLOQUE */
    .contenedorContenidoPartidasBloques
    {
       margin-right:1.5%; margin-bottom:1.5%; width:48.5%;
    }
    .imagenBloques{
       height:200px;
    }
    .divBlanco{
       width:31%;
    }
    /* FIN NOTICIAS BLOQUE */

}

@media only screen and (max-width: 1280px) and (min-width: 1024px) {
	.wrap{

	}
	.wrap_cabecera{
		width:95%;
	}
	.wrap_pie{
		width:95%;
	}
    .contenedorCampeonato{
        width:95%; margin:0px auto
    } 
    .footer{
	 width:100%;
    }
	.contenedorEstiloMenuInterior
    {
        width:100%;
    }

    .googleMaps
    {
        height:304px; width:100%; float: none
    }
    .InfoContacto
    {
       float:none; width:100%; text-align:center    
    }

}

@media all and (max-width: 1124px) {
    .contenedorHomePubli
    {
         bottom:38%; 
    }
}


@media all and (max-width: 1150px) {
    .contenedor4Columnas{
        width: 48%; float: left; margin-bottom:2%
    }
    .contenedorGaleriaVideos
    {
        width: 48% !important;
    }

}

@media all and (max-width: 1024px) {

            
    .contenedorBanderas
    {
        margin-top:0px; margin-bottom:0px
    }

	.contenedorLogosHome
    {
        top:2%; left:2%
    }
    .contenedorLogosHome2
    {
        top:2%;  right:2%
    }
	.wrap {

	}
	.wrap_cabecera{
		width:98%;
	}
	.wrap_pie{
		width:98%;
	}
	.contenedorCampeonato{
        width:98%; margin:0px auto
    }
    .contenedorEstiloMenuInterior
    {
        width:100%;
    }
    .contenedorEstiloMenu
    {
        width:100%;
    }

    .header_top {
        background: Black
    }
    .header
    {
        float:none; display:block; overflow:hidden; position:  inherit; width:100%; background:  Black
    }

    .contenedorGeneralTodo{ margin-left:0px; padding-top:0px}
    .contenedorGeneralTodo2{ margin-left:0px; padding-top:25px}
    #cookie-bar
    {
        background: rgba(0,0,0,0.8) !important;
	    transition:all .2s linear;
	    -moz-transition:all .2s linear;/* firefox */
	    -webkit-transition:all .2s linear; /* safari and chrome */
	    -o-transition:all .2s linear; /* opera */
	    -ms-transition:all .2s linear;
	    -webkit-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.2) ; -moz-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.2); box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.2);
	
	    position: inherit !important;
	    bottom:0px !important;
	    padding:0px !important;
        right:0px !important;
        max-width:100% !important;
        z-index:10000000;
        border-radius:0px;
        width:100%
    }
    .footer{
	 width:100%;
    }
    
    

    
    .contenedorNoticiasContenidoImagen
    {
        height:140px
    }


    .googleMaps
    {
        height:304px; width:100%; float: none
    }
    .InfoContacto
    {
       float:none; width:100%; text-align:center    
    }
    .span_1_of_4{
		min-height:175px
	}
    .contenedorNoticiasContenidoImagen
    {
        height:180px
    }

    .contenedorEstiloMenu{display:table; background-color:White;-webkit-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.2) ; -moz-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.2); box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.2)}
    
    .contenedorEstiloMenu_fixed
    {
        display:block; position: inherit; 
    
    }
     
     /********* MENÚ RESPONSABLE ************/
        .menuhoriz{display:none}
        
        .toggleMenu {
		    display:block; color: White !important; background-color:#ff6700;
		    padding: 13px 13px; font-family:"Barlow", sans-serif; font-size:15px; font-weight:600;
		    background-image:url('/HBATennis/img/nav-icon.png'); background-position:right 15px center; background-repeat:no-repeat;
	    }

	    
	    .clearfix { float:none; margin-top:0px; border-top:0px;  list-style:none; font-family:"Barlow", sans-serif; font-size: 15px; font-weight:600; text-transform:uppercase}

	    .clearfix a {
		    padding: 12px 12px; display:block; color: Black; background-color: #f1f1f1;
	    }
	    .active {
            display: block;
        }
        .clearfix > li {
            float: none; list-style:none; 
        }
	    .clearfix li a:hover {
		    background-color: #ff6700; list-style:none; color:White
	    }
	    .clearfix li li a {
		    display: block; width:auto; 
		    background: #e2e2e2;
		    position: relative;
		    z-index:100; border-bottom:0px;padding-left:30px; list-style:none
		
	    }

	    .clearfix li li li a {
		    background-color:#d0d0d0; left:0px;
		    z-index:200;
		   border-bottom:0px; padding-left:40px; 
	    }
	    
	    
	    .clearfix li li li li a {
		    background-color:#bebdbe; left:0px;
		    z-index:200;
		    border-bottom:0px; padding-left:50px
	    }
	    
        .clearfix > li > .parent {
        list-style:none;
        }
        .clearfix li li .parent {
         list-style:none;
        }
        
        .clearfix ul a {
         border-bottom:1px solid #c9c9c9;
        }
        .clearfix ul li a {
         border-bottom:1px solid #c9c9c9;
        }
        .clearfix ul li li a {
         border-bottom:1px solid #c9c9c9;
        }
        .clearfix ul li li li a {
         border-bottom:1px solid #c9c9c9;
        }
        
        .clearfix li .parent {
             background-image:url('/HBATennis/img/downArrow.png'); background-position:right 15px center; background-repeat:no-repeat;
        }
        
         .clearfix li {
             list-style:none; 
        }
         .clearfix li ul {
             list-style:none
        }
        
        .clearfix ul {
            display: block; list-style:none; margin-left:0px; padding-left:0px;  list-style:none;
        }
       .clearfix > li.hover > ul , .clearfix li li.hover > ul {
            position: static;
        }
        .clearfix > ul li.hover > ul
        {
             position: static;
        }
        
        
        .clearfixIntranet {
	        display:block; float:right;font-family:"Barlow", sans-serif;
	        height: 40px;
	        width: 100%;
	        font-size: 11pt;
	        position: relative;
	        z-index: 9998;
	        margin-top:5px; margin-bottom:5px
        }
        .clearfixIntranet ul {
	        padding: 0;
	        margin: 0 auto;
	        display: none;
	        background: #efefef;
        }
        .clearfixIntranet li {
	        display: block;
        }
        .clearfixIntranet a {
	        color: #555555;
	        font-size: 15px;
	        text-transform:uppercase;
	        display: block;
	        width:100%;
	        text-indent: 10px;
	        text-align: left;
	        text-decoration: none;
	        line-height: 40px;
	        -webkit-transition: all 0.3s ease-out;
	        -moz-transition: all 0.3s ease-out;
	        -ms-transition: all 0.3s ease-out;
	        -o-transition: all 0.3s ease-out;
	        transition: all 0.3s ease-out;
        }
        .clearfixIntranet ul > li > ul li {
          background-color: White; margin-left:20px; margin-right:10px
        }
        .clearfixIntranet li a {
	        border-bottom: 1px solid rgba(89, 89, 89, 0.20);
	        box-sizing:border-box;
	        -moz-box-sizing:border-box;
	        -webkit-box-sizing:border-box;
        }
        .clearfixIntranet li:last-child a {
	        border-right: 0;
        }
        .clearfixIntranet a:hover,.clearfixIntranet a:active {
	        background: Black;
	        color:#ffffff;
        }
        .clearfixIntranet a#pullIntranet {
	        font-size: 15px;
	        display: block;
	        width: 100%;
	        position: relative;
	        color: White;
            background-color: #ff6700; font-weight:500 
        }
        .clearfixIntranet a#pullIntranet:after {
	        background:url('/HBATennis/img/nav-icon.png')no-repeat;
	        width: 30px;
	        content:"";
	        width: 30px;
	        height: 30px;
	        display: inline-block;
	        position: absolute;
	        right: 15px;
	        top: 10px;
        }

        /********* FÍN MENÚ RESPONSABLE ************/	
     
    	.contenedorUsuarios
        {
           width:55%; 
        }
        .hover-bio-wrapper {
             width: 48.0%; float:left; 
        }


  }

@media all and (max-width:900px) {
    .contenedorInstagram {
        width: 30% !importantcursos;
    
    }
}

@media all and (max-width:800px) {

     .contenedorRedInstagram
      {
        width:50%; float:left;
      }

     .contenedorRedFacebook
     {
       width:50%; float:left;
     }
    .contenedorInstagram {
        width:95%!important; float:none;
    }
    .contenedor2ColumnasActividades
     {
        width:100%; float:none; 
     }
    .TextoVideoFondo
    {
        width:100%; position: inherit; z-index:1; display:block; text-align:center;
    }

    .columnaFormulario{float:none; width:100%}
    

    .contenedorLogosHome
    {
        top:2%; left:3%
    }
    .contenedorLogosHome
    {
        top:2%; right:3%
    }
	    /* NOTICIAS BLOQUE */
    .contenedorContenidoPartidasBloques
    {
       height:430px; margin-right:0%; margin-bottom:5%; width:100%; overflow:hidden
    }
    .imagenBloques{
       height:210px;
    }
    .divBlanco{
       width:65%;
    }

    /* FIN NOTICIAS BLOQUE */
	

    .contenedorCampeonato{
        width:98%; margin:0px auto
    } 
    .wrap_cabecera{
		width:100%;
	}
	.wrap_pie{
		width:98%;
	}
    .footer{
		width:100%;
	}


	.menuhoriz li a{
		font-size:0.75em;
		padding:25px 8px;
	}
	.table{ width:100%; float:none}
    .contenedor3Columnas{
        width: 100%; margin-right: 0%; float: none; margin-bottom:3%
    }
    .contenedor3Columnas2{
        width: 100%; margin-right: 0%; float: none; margin-bottom:3%
    }
    .contenedor3Columnas3{
        width: 100%; 
    }
    .contenedor4Columnas{
        width: 100%; float: none; margin-bottom:3%
    }
    .contenedor2Columnas
     {
        width:100%;  
     }
    .contenedor2Columnas2
     {
        width:100%; 
     }
     .contenedor2Columnas3
     {
        width:100%; 
     }
      .contenedor2Columnas3b
     {
        width:100%;
     }
	.content{
		width:44%;
	}
	.content_bottom{
		
	}
	.contenedorContenidoDerechoIndex{
		width:26%;
	}
	
	.divIz{
		width:26%;
	}
	.divDr{
		width:26%;
	}
	.services_grid{
		width:100%;
	}
	.services_gridInterior{
	    width:100%;
    }
	.contact-form input[type="text"], .contact-form textarea{
		width:93%;
	}
    
    .imageNoticia
    {
       width:100%
    }
    
    .formulario_fila .formulario_campo{
    
	    width:100%; float:none

    }
    .formulario_fila .formulario_datos{
	
	    width: 100%;

    }

}


@media all and (max-width:645px) 
{
     .contenedorRedInstagram
     {
        width:100%; float:none;
     }

      .contenedorRedFacebook
     {
        width:100%; float:none;
     }
     .contenedorInstagram {
        width:46%!important; float:left;
    }
    .hover-bio-wrapper {
         width: 100%; float:none;margin-right:0px 
    }

	.contenedorUsuarios2
    {
      background-color:#ff6700; display:block; overflow:hidden
    }
        .logo{margin-top:15px; margin-bottom:15px}

    	    .header_top{
	           padding-top:0px; display:block; overflow:hidden; background:  Black
            }
            .logo{
		        float:none;
		        width:auto;
		        text-align:center;
		        display:block; overflow:hidden; margin-left:0px; margin:0px auto; padding-top:10px; padding-bottom:10px;  padding-right:15px;  padding-left:15px
	        }
           .telefono
            {
                display:block; overflow:hidden; width:100%; text-align:center; 
            }

    		.contenedorUsuarios
            {
               display:block; text-align:center; overflow:hidden; width:100%; float:none; margin:0px auto; margin-top:5px;
            }

            .estiloUsuarios
            {
                float: none; margin:0px auto; text-align:center
            }
            .contenedorBanderas
            {
                margin-top:0px; margin-bottom:10px; float:none
            }
            .contenedorRegistros
            {
                float:right; width:auto; margin-top:0%;
            }      
    
            .containerIdioma{
                top:200px
            }
    
	    .contenedorBannerHomeGeneral
        {
           margin-top:4%;
        }

            /*Estilo Botón Acceso Usuarios*/

        a.BotonAccesoUsuario:link, a.BotonAccesoUsuario:visited{
            font-size:15px; 
        }

        /*Estilo Botón Registro*/
        a.BotonRegistro:link, a.BotonRegistro:visited{
            font-size:15px; 
        }

        /*Estilo Botón Usuario*/

        a.BotonUsuario:link, a.BotonUsuario:visited{
            font-size:15px; 
        }
        .video-responsive2
    {

            padding-top: 30%; /* IE6 workaround*/

    }
}

@media all and (max-width:640px) {

    .contenedorEstiloMenuIntranet
    {
        width:100%; display:table;
        background-color:#ff6700;
    
    }
    
	.menuvertical{
	    display:none;
	}

    
    .contenedorResultadosBusquedaExterior{
       width:100%; float:none
    }


	.menuhoriz li a{
		padding:25px 5px;
	}

	.divIz
	{
	    float:none;
		width:100%;
	   display:none
	}
	.divDr
	{
	   float:none;
	   width:100%;
	   display:none
	}
	.contenedorContenidoDerechoIndex{
		float:none;
		width:100%;
	}
	
	.contenedorContenidoCentralIndex{ float:none; width:100%; display:block; overflow:hidden}
	.contenedorContenido{
        padding-left:0px; width:100%;
    }
	.content{
		float:none;
		width:100%;
		margin:10px 0;
	}
	.col_1_of_4{
		margin:0;
	}
	.span_1_of_4{
		width:95%;
		padding:3%; min-height:100%
	}
	.services_grid{
		float:none;
		width:100%;
		margin:0 0 0px 0;
	}
	.services_gridInterior{
	    float:none;
	    width:100%;
       margin:0 0% 0px 0%;
    }
	.blog-desc h4 a{
		font-size:1em;
	}
	.marketing{
		margin-bottom:0;
	}
	.estiloUsuarios
    {
      
    }
    .contenedorBannerHome
    {
        width:100%;
    }

     .contenedorNoticiasContenidoImagen
    {
         height:130px
    }
    
    	.textoLogo
    {
        font-size:22px;
    }
}

@media all and (max-width:545px) 
{

.video-responsive3 {
    margin-top:0%; margin-bottom:0px
}

	.logo img
	{
	    
		
	}
	
	.textoLogo
    {
        font-size:18px;
    }


}

@media all and (max-width:480px) {
     .contenedorGaleriaVideos
    {
        width: 100% !important;
    }
    
    .video-responsive2
    {

        padding-top: 20%; /* IE6 workaround*/

    }
	.contenedorLogosHome img
    {
       width:80px
    }
	.contenedorLogosHome2 img
    {
       width:80px
     }
        
	.contenedorEstiloMenuInterior
    {
        width:100%;
    }


	.textoLogo
    {
        font-size: 15px;
    }

	.menuhoriz{
		float:none;
	}
	.menuhoriz li a{
		padding:10px 18px;
	}

	.services h3,.projects h3,.divIz_right_bottom h3{
		font-size:1em;
		padding:6px 0;
	}
	.services h3,.projects h3,.contenedorContenidoDerechoIndex_right_bottom h3{
		font-size:1em;
		padding:6px 0;
	}
	.feature_list{
		padding-top:0;
	}
	.listview_1_of_2{
		margin:0 0 10px 0;
	}
	.images_1_of_2{
		width:100%;
		padding:0%;
	}
	.images_3_of_1,.blog-desc{
		width:100%;
	}
	.grid{
		margin:10px 0 0 0;
	}
	.contact_info{
		margin-top:10px;
	}
	.estiloUsuarios
    {
        padding:0px
    }
    
 }


@media all and (max-width:420px) {
    .textoTituloPubli
    {
        font-size:25px; line-height:33px
    }
    .textoTituloPubli3
    {
        font-size:25px!important; line-height:28px!important
    }
    h1{
        font-size:25px!important; line-height:28px!important
    }
    .textoTituloPubli2
    {
        font-size:18px; line-height:20px!important
    }

    .contenedorHomePubli
    {
         bottom:40%; 
    }

}
 
@media all and (max-width:320px) {
    
    
    
	.wrap{

	}
    .contenedorEstiloMenuInterior
    {
        width:100%;
    }
	.menuhoriz li a {
		font-size:0.7em;
		padding: 6px 4.2px;
	}
		.estiloUsuarios
    {
        padding:0px
    }
    
    
    
}


