@media (orientation: portrait){
	html{	
		background-image: url('img/bg.jpg');
		background-color:#81a1ca;
		margin: 0;
		padding: 0;
		font: 11px Helvetica;
	}
	h1 {
	  display: block;
	  font-size: 2em;
	  margin-top: 0.67em;
	  margin-bottom: 0.67em;
	  margin-left: 0;
	  margin-right: 0;
	  font-weight: bold;
	}
	h2 {
	  display: block;
	  font-size: 1.5em;
	  margin-top: 0.83em;
	  margin-bottom: 0.83em;
	  margin-left: 0;
	  margin-right: 0;
	  font-weight: bold;
	}
	h3 {
	  display: block;
	  font-size: 1.17em;
	  margin-top: 1em;
	  margin-bottom: 1em;
	  margin-left: 0;
	  margin-right: 0;
	  font-weight: bold;
	}
	b{
		  font-weight: bold;
	}
	.body{
		
		height:100%;
		width:100%;
		margin: 0;
		padding: 0;
		font: Verdana;
	}

	.divHeader{
		display: inline-block;
		height: 10%;
		width: 100%;
		margin: 0px;
		padding:0px;
		color: white;
	}

	.divMiddleTop{
		display: inline-block;
		height: 10%;
		width: 100%;
		margin: 0px;
		padding:0px;
		color: white;
	}

	.divMiddleBottom{
		display: inline-block;
		height: 70%;
		width: 100%;
		margin: 0px;
		padding:0px;
		color: white;
	}

	.divFooter{
		display: inline-block;
		height: 10%;
		width: 100%;
		margin: 0px;
		padding:0px;
		color: #666;
		font: 12px Helvetica;
		float:center;
	}
	.divTitulo{
		display: block;
		float: left;
		font: italic 20px Georgia, serif;
		
		margin: 0px;
	}
	hr{
		width:96%;
		border-color:#666;
	}

	.vr{
		display:block;
		float:left;
		border-left:1px solid #666;
		border-right:1px solid #333;
		height:40px;
		width:0px;
		margin: 0px 4px;
		margin-top:8px;
	}
	.hideMobile{
		display:none;
	}
	


	.topbar-mail{
		display:block;
		text-align:center;
		float:left;
		padding-top:14px;
		background:url('img/topbar-mail.png') no-repeat center top;
		background-size:10px 10px;
		margin-top:4px;
		height: 30px;
		padding-bottom:6px;
	}

	.topbar-info{
		display:block;
		text-align:center;
		float:left;
		padding-top:14px;
		background:url('img/topbar-info.png') no-repeat center top;
		background-size:10px 10px;
		margin-top:4px;
		height: 30px;
		padding-bottom:6px;
	}

	.topbar-eye{
		display:block;
		text-align:center;
		float:left;
		padding-top:14px;
		background:url('img/topbar-document.png') no-repeat center top;
		background-size:10px 10px;
		margin-top:4px;
		height: 30px;
		padding-bottom:6px;
	}
	.topbar-info a,.topbar-eye a{
		color:white;
		font: 10px Helvetica, san-serif;
		text-decoration: none;
		
	}

	.tlfn{
		font: 10px Helvetica, san-serif;
		
	}

	.whitebox{
		background-color: white;
		border-radius: 3px;
		color: black;
		height:30px;
		padding: 0px 4px;
		max-width:100%;		
	}
	.bigwhitebox{
		background-image:url('img/neo2.jpg');
		background-repeat: no repeat;
		background-size: 100% 100%;
		border-radius: 3px;
		color: black;
		max-height:80%;
		padding: 4px;
		margin: 6px;
		min-height:400px;
	}
	
	.wideInPortrait{
		width:60%;
	}

	.calendarToolbar{
		display: block;
		float: left;
		margin-top:4px;
		margin-left: 6px;

	}

	.calendarToolbar input{
		display:block;
		margin: 6px 2px;
		width:56px;
		font-size:10px;
	}

	.loginToolbar{
		display: block;
		float: right;
		margin-top:4px;
		margin-right: 6px;
		margin-left: 6px;
	}

	.loginToolbar input{
		margin: 6px 2px;
		font-size: 10px;
		margin: 6px 2px;
	}

	.divWelcome {
		
		margin-right:4px;
	}
	
	.padelName{
		padding-left: 14px; 
		width: 46px;
	}
	.padelPass{		
		padding-left: 14px; 
		width: 44px;
	}

	/* Arrows */

	a.symbolic-button { width: 16px; opacity: 1.0; }
	a.symbolic-button:hover .arrow-left { border-color: transparent #333 transparent transparent; }
	a.symbolic-button:hover .arrow-right { border-color: transparent transparent transparent #333; }

	.arrow-left,
	.arrow-right {
		position: absolute;
		left: 50%; top: 50%;
		margin: -2px 0 0 -2px;
		width: 0; height: 0;
		border-style: solid;
		border-width: 2px 4px 2px 0;
		border-color: transparent #666 transparent transparent;
	}

	.arrow-right {
		border-width: 2px 0 2px 4px;
		border-color: transparent transparent transparent #666;
	}


	/* Buttons */

	.default-button,
	a.default-button:link,
	a.default-button:visited {
		position: relative;
		display: inline-block;
		padding: 2px 2px;
		font-family: Helvetica, sans-serif;
		font-size: 10px;
		color: #666;
		text-align: center;
		text-decoration: none;
		white-space: nowrap;
		cursor: pointer;
		opacity: 1.0;
		border: solid 1px #CCC;
		border-bottom-color: #666;
		background: #F6F6F6;

		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFF), color-stop(100%, #EEE));
		background: -webkit-linear-gradient(top, #FFF 0%, #EEE 100%);
		background: -moz-linear-gradient(top, #FFF 0%, #EEE 100%);
		background: -ms-linear-gradient(top, #FFF 0%, #EEE 100%);
		background: linear-gradient(to bottom, #FFF 0%, #EEE 100%);

		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;

		-webkit-box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.20);
		-moz-box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.20);
		box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.20);
	}

	.default-button:hover,
	a.default-button:hover {
		color: #333;
		border-color: #AAA;
		border-bottom-color: #333;

		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFF), color-stop(100%, #E2E2E2));
		background: -webkit-linear-gradient(top, #FFF 0%, #E2E2E2 100%);
		background: -moz-linear-gradient(top, #FFF 0%, #E2E2E2 100%);
		background: -ms-linear-gradient(top, #FFF 0%, #E2E2E2 100%);
		background: linear-gradient(to bottom, #FFF 0%, #E2E2E2 100%);
	}

	.default-button:active,
	a.default-button:active {
		top: 1px;
	}
	
	.cerrar-button{	
		height: 30px;
		width:100px;	
		float:left;		
	}
	.cerrar-button text{
		font-size:24px;	
		
	}
	.red-button{
		border: solid 1px #b30000;
		border-bottom-color: #990000;
		background: #e60000;

		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFF), color-stop(100%, #e60000));
		background: -webkit-linear-gradient(top, #FFF 0%, #e60000 100%);
		background: -moz-linear-gradient(top, #FFF 0%, #e60000 100%);
		background: -ms-linear-gradient(top, #FFF 0%, #e60000 100%);
		background: linear-gradient(to bottom, #FFF 0%, #e60000 100%);
	}

	.blue-button{
		border: solid 1px #005ab3;
		border-bottom-color: #004d99;
		background: #0072e6;

		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFF), color-stop(100%, #0072e6));
		background: -webkit-linear-gradient(top, #FFF 0%, #0072e6 100%);
		background: -moz-linear-gradient(top, #FFF 0%, #0072e6 100%);
		background: -ms-linear-gradient(top, #FFF 0%, #0072e6 100%);
		background: linear-gradient(to bottom, #FFF 0%, #0072e6 100%);
		
		color: white;
	}

	.inline-element { position: relative; display: inline-block;}
	.inline-label { position: absolute; top: 4px; left: 6px; z-index: 1024; min-height: 16px; color: #666; cursor: text; }
	.inline-label span { display: none; }
	.inline-label-container { position: relative; top:-3px; z-index: 512; }

	.symbolic-date{
		padding-left:16px;
		background:url('img/calendar.png') no-repeat left;
		background-size: 10px 10px;
	}
	.symbolic-username{
		padding-left:10px;
		background:url('img/user.png') no-repeat left;
		background-size: 10px 10px;
	}

	.symbolic-password{
		padding-left:10px;
		background:url('img/pw.png') no-repeat left;
		background-size: 10px 10px;
	}

	.centered-text { text-align: center; }


	.dobleRow{
		height:3.2em;
		min-height:3.2;	
	}

	.simpleRow{
		height:1.4em;
	}

	.separatorRow tr, .separatorRow td{
		height:0.4em;
	}

	.reserva-button{ 
		min-width:70px;
		width:100%;
		display:block;
		line-height:1.0;
		padding:8px 8px;
		margin:0 auto;
		overflow:hidden;
		text-decoration:none;
		-webkit-border-radius:3px;
		-moz-border-radius:3px;
		border-radius:3.3px;
		height:3.2em;

	}
	.reserva-button:hover{ 
		background-color:#f8f8f8;
		-webkit-border-radius:3px;
		-moz-border-radius:3px;
		border-radius:3px;
	}

	.reservado-button{
		width:100%;
		display:inline;
		background-color:#3498db;
		line-height:1.0;
		padding:0px;
		overflow:hidden;
		text-decoration:none;
		-webkit-border-radius:3px;
		-moz-border-radius:3px;
		border-radius:2px;
		height:3.2em;
		text-shadow: none;		
	}
	.reservado-button:hover{ 
		background-color:#b3ccff;
		-webkit-border-radius:3px;
		-moz-border-radius:3px;
		border-radius:3px;
	}

	.animate
	{
		transition: all 0.1s;
		-webkit-transition: all 0.1s;
	}

	.action-button
	{    
		border-radius: 2px;
		font-family: 'Pacifico', Helvetica, san-serif;
		font-size: 10px;
		color: #FFF;
		text-decoration: none;	
	}
	.action-button-disabled{
		border-radius: 2px;
		font-family: 'Pacifico', Helvetica, san-serif;
		font-size: 10px;
		color: gray;
		background-color: #e6eeff;
		text-decoration: none;	
	}

	.action-button:active
	{
		transform: translate(0px,2px);
	  -webkit-transform: translate(0px,2px);
		border-bottom: 1px solid;
	}
	.libre{
		min-width:60px;
		padding-right:20px;
		background:url('img/bola.png') no-repeat;
		background-size:16px 16px;
		background-position: 96% 50%;
	}
	.open{	
		background:url('img/bola.png') no-repeat;
		background-size:14px 14px;
		background-position: 50% 50%;
	}
	
	.open_fem_lv1{	
		background:url('img/star1.png') no-repeat,url('img/bola_fem.png') no-repeat;
		background-size:24px 6px,14px 14px;
		background-position: 100% 74%,50% 50%;
	}
	.open_fem_lv2{	
		background:url('img/star2.png') no-repeat,url('img/bola_fem.png') no-repeat;
		background-size:24px 6px,14px 14px;
		background-position: 100% 74%,50% 50%;
	}
	.open_fem_lv3{	
		background:url('img/star3.png') no-repeat,url('img/bola_fem.png') no-repeat;
		background-size:24px 6px,14px 14px;
		background-position: 100% 74%,50% 50%;
	}
	
	.open_male_lv1{	
		background:url('img/star1.png') no-repeat,url('img/bola_male.png') no-repeat;
		background-size:24px 6px,14px 14px;
		background-position: 100% 74%,50% 50%;
	}
	.open_male_lv2{	
		background:url('img/star2.png') no-repeat,url('img/bola_male.png') no-repeat;
		background-size:24px 6px,14px 14px;
		background-position: 100% 74%,50% 50%;
	}
	.open_male_lv3{	
		background:url('img/star3.png') no-repeat,url('img/bola_male.png') no-repeat;
		background-size:24px 6px,14px 14px;
		background-position: 100% 74%,50% 50%;
	}
	
	.open_kids_lv1{	
		background:url('img/star1.png') no-repeat,url('img/bola_kids.png') no-repeat;
		background-size:24px 6px,14px 14px;
		background-position: 100% 74%,50% 50%;
	}
	.open_kids_lv2{	
		background:url('img/star2.png') no-repeat,url('img/bola_kids.png') no-repeat;
		background-size:24px 6px,14px 14px;
		background-position: 100% 74%,50% 50%;
	}
	.open_kids_lv3{	
		background:url('img/star3.png') no-repeat,url('img/bola_kids.png') no-repeat;
		background-size:24px 6px,14px 14px;
		background-position: 100% 74%,50% 50%;
	}
	.open_mix_lv1{	
		background:url('img/star1.png') no-repeat,url('img/bola_mix.png') no-repeat;
		background-size:24px 6px,14px 14px;
		background-position: 100% 74%,50% 50%;
	}
	.open_mix_lv2{	
		background:url('img/star2.png') no-repeat,url('img/bola_mix.png') no-repeat;
		background-size:24px 6px,14px 14px;
		background-position: 100% 74%,50% 50%;
	}
	.open_mix_lv3{	
		background:url('img/star3.png') no-repeat,url('img/bola_mix.png') no-repeat;
		background-size:24px 6px,14px 14px;
		background-position: 100% 74%,50% 50%;
	}
	
	
	.fam{
		background:url('img/group.png') no-repeat;
		background-size:14px 14px;
		background-position: 6% 50%;
		padding-left: 10px;
	}
	
	.competicion{
		background:url('img/trophy.png') no-repeat;
		background-size:25px 25px;
		background-position: 50% 50%;
	}

	.blue
	{
		background-color: #3498DB;
		border-bottom: 2px solid #2980B9;	
	}
	.shadow{
		text-shadow: 0px -2px #2980B9;
	}

	.blue
	{
		background-color: #3498DB;
		border-bottom: 2px solid #2980B9;
	}


	.tablaCalendar{
		display: inline;
		margin: 6px 2px;
	}
	 .tablaCalendar td,.tablaHoras td{
		border: 2px solid white;
		text-align:center;
		padding-top: 0;
		min-width:30px;
		max-width:75px;
		background-color: #0099cc;
		color:white;
	 }
	 
	.tablaHoras{
		display: inline;
		margin: 6px 2px;
	}
	.miniHora{
		font-size:8px;
	}

	 .tablaHoras p, .tablaCalendar p{
		padding-top:3px;
	 }
	 

	.tablaUsers{
		display: inline;
		margin: 10px 2px;
		table-layout: fixed; 
		width: 100%; 
	}
	 .tablaUsers td, .tablaUsers th{
		border: 1px solid #AAA;
		text-align:center;
		padding-top: 2px;
		min-width:80px;
	 }
	 
	 .tablaComps{
		display: inline;
		margin: 10px 2px;
		table-layout: fixed; 
		width: 100%; 
	}
	 .tablaComps td, .tablaComps th{
		border: 1px solid #AAA;
		text-align:center;
		
	 }
	 
	 
	 
	 
	 .tablaJugadoresInfo{	
		font-family: 'Pacifico', Helvetica, san-serif;
		font-size:14px;	 
		table-layout: fixed; 
		width: 100%; 
	 }
	 .tablaJugadoresInfo tr{
		table-layout: fixed; 
		height:2.4em;	
		min-height:2.4em;	
	 }
	 
	 .tablaJugadoresInfo td{	 
		table-layout: fixed; 
		height:50%;
		width:50%;
		border: 1px solid gray;		
		padding: 8px;	
	 }
	 
	 
	 .subtablaJugadores table{
		border:none;
		margin:0;
		padding:0; 
		
	 }
	 .subtablaJugadores tr{
		border:none; 
	 }
	 .subtablaJugadores td{	 
		 border:none;
		 margin:0;
		 padding:0; 
		
	 }
	 
	 
	 
	 
	 
	 .divJugadores{	 
	 
		display: inline-block;
		width: 100%;
		height:100%;
		overflow:hidden;
		
	 }
	 .divJugadores button{
		width:100%;
	 }
	 .agrega-jugador{
		 height:100%;
	 }
	 
	 
	 
	 
	 
	 .tablaJugadores table{
		table-layout:fixed;
		min-height:3em;
		border:none;
		margin:0;
		padding:0; 
		font-size: 10px;
	 }
	 .tablaJugadores tr{
		border:none; 
		
	 }
	 .tablaJugadores td{
		 color:black;
		 border:none;
		 margin:0;
		 padding:1.2px 1px; 
		 background-color:transparent;
		 font-size: 8px;
		 text-shadow:none;
	 }
	 
	 
	 
	 .firma-jugador, .elimina-jugador{		
		display:inline;
		max-width:50%;
		margin: 0px;
		max-height: 2em;
	 }
	 
	 .cancela-jugador{		
		display:inline;
		width:100%;
		margin: 0px;
		max-height: 2em;
	 }
	 .ui-timepicker-wrapper {
		z-index: 10052 !important;
	}
	
	.seleccionJugadores table{
		
		table-layout:fixed;
	}
	.seleccionJugadores tr{
		max-height:26px;
		min-height:16px;
	}
	.seleccionJugadores th{
		font-family: 'Pacifico', Helvetica, san-serif;
		font-size:14px;
		text-align:left;
		padding-top: 2px;
		border: none;	
		vertical-align:center;		
	}
	.seleccionJugadores td{
		font-family: 'Pacifico', Helvetica, san-serif;
		font-size:14px;
		padding-bottom: 3px;
		border: none;	
		vertical-align:center;	
		text-align: left;		
	}
	.seleccionJugadores select{		
		display:inline;
		height: 20px;
		width:140px;
		top:0;
		margin-top:0;
	}
	.seleccionJugadores input[type='checkbox']{
		display:inline;
		width: 20px;
		height: 20px;
		margin-top:1px;
		padding:0;
		vertical-align:middle;
	}
	
	.tablaDatosReserva{
		font-family: 'Pacifico', Helvetica, san-serif;
		font-size:14px;
	}
	
	.ui-button-text {
		font-size: 14px; 
		
	}
	
}