@import url(https://fonts.googleapis.com/css?family=Titillium+Web:400,700,300);
@charset "UTF-8";

/*  =================================== CSS RESET ================================ */ 
html, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6,
blockquote, pre, a, abbr, acronym, address, big,
cite, code, del, dfn, em, font, img,
ins, kbd, q, s, samp, small, strike,
sub, sup, tt, var, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, tr, th, td,
caption, tbody, tfoot, thead,
center, u, b, i {
     margin: 0;
     padding: 0;
     border: 0;
     outline: 0;
     font-weight: normal;
     font-style: normal;
     font-size: 100%;
     font-family: inherit;
     vertical-align: baseline
}
i {
	font-style: italic;
}

 
body {
	 background-color:#dedede;
	 margin:0;
	font-family: 'Titillium Web', sans-serif;
}

th{
	font-weight:bold;
}

:focus {
     outline: 0
}
 
ol, ul {
     list-style: none
}
 
blockquote:before, blockquote:after, q:before, q:after {
     content: ""
}
 
blockquote, q {
     quotes: "" ""
}
 
input, textarea {
     margin: 0;
     padding: 0
}

h1{
	font-size:48px;
	text-align:center;
	font-weight:bold;
	margin: 20px auto 40px auto;
	color:#002B50;
	font-family: 'Titillium Web', sans-serif;
}

a{
	color:inherit;
	text-decoration:none;
}

/* ==================== END RESET ============================= */

/* ==================== COS PRINCIPAL ========================= */
#container{
	width:100%;
	position:relative;
	float:left;
}
.logo_ample{
	width:100%;
}
/* ==================== TOP ======================*/
#top{
	width:100%;
	height:75px;
	position:relative;
	background-color:#FFFFFF;
}

#idiomes{
	position:absolute; 
	right:5%; 
	top:10%;
}

#logo_top{
	position:absolute;
	left:5%;
	top:35%;
	width:91px;
	height:79px;
	background:url(../logos/logo.jpg);
}

#menu{
	position:absolute;
	bottom:0px;
	width:1024px;
	height:40px;
}
.navbar-header{
	height:80px
}
.navbar-brand>img{
	height:75px;
	margin-top:-15px;
}
.navbar-nav{
	margin-top:5px;
}
.navbar-toggle{
	margin-top: 20px !important;
}
.navbar-default{
	border-bottom:#f7941d solid 4px !important;
}
/* ==================== END TOP ======================*/

/* ==================== FOOTER ======================*/
#footer{
	position:relative;
	float:left;
	width:1024px;
	height:40px;
	text-align:center;
	background:#FFFFFF;
}
/* ==================== END FOOTER ======================*/

#modal{
	display:none;
	background-color:#000000;
	z-index:100;
	width:1280px;
	position:fixed;
	top:0px;
	height:30px;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}
#fake_modal{
	display:none;
	z-index:100;
	width:1280px;
	position:fixed;
	top:0px;
	height:30px;
}

.finestra_modal{
	display:none;
	background:#CCCCCC;
	width:600px;
	height:600px;
	z-index:101;
	position:fixed;
	top:50%;
	left:50%;
	margin-left:-300px;
	margin-top:-300px;
	padding:10px;
	border-radius: 10px;
	-ms-border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border:#333333 2px solid;
}
.modal_ample{
	width:750px;
	margin-left: -375px;
	z-index: 1000;
}

.modal_click{
	cursor:pointer;
}

.tancar{
	width:20px;
	height:20px;
	background-image:url(../logos/tancar.png);
	position:absolute;
	top:10px;
	right:10px;
	cursor:pointer;
}

#cos{
	position:relative;
	float:left;
	width:100%;
	padding:20px;
}
.row{
	width:100%;
	padding:20px;
}

.menu-contextual{
	display: none;
	width: 165px;
	padding: 6px;
	background: #c6d9ec;
	border: 1px solid #3e3e3e;
	border-radius: 5px;
	position: absolute;
	z-index:101;
}
.menu-contextual ul{
	color: #010101;
	background: #fff;
	border: 1px solid #171717;
	border-radius: 5px;

}
.menu-contextual ul li{
	line-height: 1.5em;
	padding: 5px 5px 5px 25px;
	font-size: 11px;
	border-bottom: 1px solid #000;
	cursor: pointer;
}
.menu-contextual ul li:hover{
	background-color: #fff8cc;
	border-bottom: 1px solid #ffe222;
	color: #000;
	cursor: pointer;
}

/* ==================== END COS PRINCIPAL =======================*/

.login-form{
	text-align: center;
}
.form-signin input,button{
	padding:10px;
	margin:10px;
}

.checkbox label{
	padding-top:11px;
}
h2{
	font-size:20px;
	font-weight: bold;
}
.label-filtre{
	position: relative;
	float: left;
	font-weight: bold;
	text-decoration: underline;
	margin-bottom:4px;
}
.no-margin-bottom{
	margin-bottom:0px;
	padding-bottom:0px;
}
.multi_acts{
	height:260px !important;
}

input[type="text"]{
	padding:6px;
	border:none;
	border-radius: 4px;
}

.sidebar_wrap{
	height:100%;
}

.nav>li>a{
	padding:5px 20px;
	border-radius:10px;
	margin:20px 0px 20px 20px;
}
.navbar-default{
	border-bottom:#002B50 solid 4px;
}
.navbar-default
.navbar-nav>.active>a{
	background-color:#F39904;
	background-color:rgba(243,153,4,0.5);
	border:1px solid #002B50;
}
label{
	font-weight:bold;
	font-size:16px;
}
.btn-default{
	background-color:rgba(243,153,4,0.3);
}
.btn-default:hover{
	background-color:rgba(243,153,4,0.7) !important;
}
.diaCalendar{
	border:1px solid #000000;
	height:140px;
	width:14.2%;
	cursor: pointer;
	background: #EEEEEE;
}
.taula_calendari{
	width:100%;
}
.header-calendar{
	text-align: center;
	font-size: 17px;
}
.calendar-top{
	text-align: center;
}
.calendar-select{
	height:50px;
	font-size:20px;
	width:150px;
	text-align: center;
	background:#EEEEEE;
	text-indent: 20px
}
.next-prev{
	height:50px;
	width:40px;
	background: linear-gradient(to bottom, rgba(180,180,180,1) 0%, rgba(200,200,200,1) 0%, rgba(207,207,207,1) 0%, rgba(235,235,235,1) 100%);
	border:none;
	border-radius: 5px;
}
.day-header{
	text-align: right;
	padding:10px 15px;
	font-size: 18px;
	/*border-bottom-left-radius: 20px;*/
	border-bottom-right-radius: 20px;
}
.day-header-no-actual{
	background: #ffd9aa;
}
.day-header-actual{
	background: #faba6b;
}
.day-body{
	padding:15px;
}
.day-body-estades{
	padding: 5px 0px;
}
.diaDisponible{
	background: #95f9a6;
}
.diaBlocked{
	background: #ff4d4d;
}
.diaReservat{
	background: #AAAAAA;
}
.dia-disp-1{
	background: #95f9a6;
	width:100px;
	height:30px;
	position: relative;
	float: left;
	border:1px solid #000000;
}
.dia-disp-2{
	background: red;
	width:100px;
	height:30px;
	position: relative;
	float: left;
	border:1px solid #000000;
}
.disponibilitats-estada button{
	margin:0px;
	margin-left:10px;
	height:30px;
	padding: 5px;
	width:50px;
}
.clickable{
	cursor: pointer;
}
.calendar-escola-dia{
	padding: 5px;
	margin-bottom:1px;
	margin-right:-10px;
	width:100%;
	position: relative;
	float: left;
}
.HeadDiaCalendar{
	border-top:1px solid #000000;
	border-left:1px solid #000000;
	border-right:1px solid #000000;
	width:14.2%;
	cursor: pointer;
	background: #EEEEEE;
}
.BodyDiaCalendar{
	/*border-bottom:1px solid #000000;*/
	border-left:1px solid #000000;
	border-right:1px solid #000000;
	width:14.2%;
	cursor: pointer;
	background: #EEEEEE
}
.day-body-estades{
	min-height: 30px;
}
.col_dades{
	border-bottom:1px #082c68 solid;
	padding-bottom:5px;
	min-height: 26px;
}
.td_center{
	text-align: center;
}
.icon_inline{
	height:16px;
	margin-left:10px;
}
.monitor_per_assignar{
	margin-bottom:15px;
}
.labelCapGrup{
	font-weight: normal;
}

.dia_meves_estades{
	position: relative;
	float: left;
	padding:10px;
}
.edita_perfil{
	cursor: pointer;
	width:15px;
	margin-left: 15px;
}
.input-dades{
	background:#dedede;
	padding: 0px !important;
	margin:0px !important;
	border:none;
}
#edita-canvis{
	display:none;
}
.pass{
	display:none;
}
.act_xtra_block{
	border:1px solid #000000;
	border-radius: 10px;
	padding:10px;
	margin-right:10px;
	margin-bottom:10px;
}
.add_act_xtra{
	cursor: pointer;
}

.Calendar-Dia-Setmana{
	position: relative;
	float: left;
	width:14.2%;
	text-align: center;
	font-size: 17px;
}
.Calendar-Dia-Numero{
	position: relative;
	float: left;
	text-align: right;
	padding:10px 15px;
	font-size: 18px;
	border-bottom-right-radius: 20px;
	width:14.2%;
	border-top:1px solid #000000;
	border-left:1px solid #000000;
}
.Calendar-0migDia{	
	position: relative;
	overflow:hidden;
	white-space: nowrap;
	float: left;
	width:7.1%;
	background:#EEEEEE;
	padding:5px;
	border-left:1px solid #000000;
	min-height: 30px;
	margin-left: 7.1%;
}
.Calendar-0migFinalDia{	
	position: relative;
	overflow:hidden;
	white-space: nowrap;
	float: left;
	width:7.1%;
	background:#EEEEEE;
	padding:5px;
	border-left:1px solid #000000;
	min-height: 30px;
	margin-right: 7.1%;
}
.Calendar-1Dia{	
	position: relative;
	overflow:hidden;
	white-space: nowrap;
	float: left;
	width:14.2%;
	background:#EEEEEE;
	padding:5px;
	border-left:1px solid #000000;
	min-height: 30px;
}
.Calendar-1migDia{	
	position: relative;
	overflow:hidden;
	white-space: nowrap;
	float: left;
	width:21.3%;
	background:#EEEEEE;
	padding:5px;
	border-left:1px solid #000000;
	min-height: 30px;
	margin-left: 7.1%;
}
.Calendar-1migFinalDia{	
	position: relative;
	overflow:hidden;
	white-space: nowrap;
	float: left;
	width:21.3%;
	background:#EEEEEE;
	padding:5px;
	border-left:1px solid #000000;
	min-height: 30px;
	margin-right: 7.1%;
}
.Calendar-2Dia{	
	position: relative;
	overflow:hidden;
	white-space: nowrap;
	float: left;
	width:28.4%;
	background:#EEEEEE;
	padding:5px;
	border-left:1px solid #000000;
	min-height: 30px;
}
.Calendar-2migDia{	
	position: relative;
	overflow:hidden;
	white-space: nowrap;
	float: left;
	width:35.5%;
	background:#EEEEEE;
	padding:5px;
	border-left:1px solid #000000;
	min-height: 30px;
	margin-left: 7.1%;
}
.Calendar-2migFinalDia{	
	position: relative;
	overflow:hidden;
	white-space: nowrap;
	float: left;
	width:35.5%;
	background:#EEEEEE;
	padding:5px;
	border-left:1px solid #000000;
	min-height: 30px;
	margin-right: 7.1%;
}
.Calendar-3Dia{	
	position: relative;
	overflow:hidden;
	white-space: nowrap;
	float: left;
	width:42.6%;
	background:#EEEEEE;
	padding:5px;
	border-left:1px solid #000000;
	min-height: 30px;
}
.Calendar-3migDia{	
	position: relative;
	overflow:hidden;
	white-space: nowrap;
	float: left;
	width:49.7%;
	background:#EEEEEE;
	padding:5px;
	border-left:1px solid #000000;
	min-height: 30px;
	margin-left: 7.1%;
}
.Calendar-3migFinalDia{	
	position: relative;
	overflow:hidden;
	white-space: nowrap;
	float: left;
	width:49.7%;
	background:#EEEEEE;
	padding:5px;
	border-left:1px solid #000000;
	min-height: 30px;
	margin-right: 7.1%;
}
.Calendar-4Dia{	
	position: relative;
	overflow:hidden;
	white-space: nowrap;
	float: left;
	width:56.8%;
	background:#EEEEEE;
	padding:5px;
	border-left:1px solid #000000;
	min-height: 30px;
}
.Calendar-4migDia{	
	position: relative;
	overflow:hidden;
	white-space: nowrap;
	float: left;
	width:63.9%;
	background:#EEEEEE;
	padding:5px;
	border-left:1px solid #000000;
	min-height: 30px;
	margin-left:7.1%;
}
.Calendar-4migFinalDia{	
	position: relative;
	overflow:hidden;
	white-space: nowrap;
	float: left;
	width:63.9%;
	background:#EEEEEE;
	padding:5px;
	border-left:1px solid #000000;
	min-height: 30px;
	margin-right:7.1%;
}
.Calendar-5Dia{	
	position: relative;
	overflow:hidden;
	white-space: nowrap;
	float: left;
	width:71%;
	background:#EEEEEE;
	padding:5px;
	border-left:1px solid #000000;
	min-height: 30px;
}
.Calendar-6Dia{	
	position: relative;
	overflow:hidden;
	white-space: nowrap;
	float: left;
	width:85%;
	background:#EEEEEE;
	padding:5px;
	border-left:1px solid #000000;
	min-height: 30px;
}
.Calendar-7Dia{	
	position: relative;
	overflow:hidden;
	white-space: nowrap;
	float: left;
	width:100%;
	background:#EEEEEE;
	padding:5px;
	border-left:1px solid #000000;
	min-height: 30px;
}
.table_rrhh{
	border: 1px solid #000000;
}
.table_rrhh td{
	padding:10px;
	border: 1px solid #000000;
	width:6.25%;
}
.table_rrhh th{
	padding:5px;
	border: 1px solid #000000;
}
.estades_ctx{
	position:absolute;
	border-radius: 10px;
	padding:5px;
	background:#FEFEFE;
	border:1px solid #FFFFFF;
	display:none;
	z-index:110;
}
#void_modal{
	position: fixed;
	width:100%;
	height:100%;
	z-index:101;
	display: none;
}
.capdegrup{
	font-weight: bold;
	text-decoration: underline;
}
.dobleAmple{
	width:12.5%;
}
.diaAssignatEstada{
	background-color:green;
}
.migdiaAssignatEstada1{
	/*background-color:green;*/
	background: linear-gradient(to right, green 50%, red 50%);
}
.migdiaAssignatEstada2{
	/*background-color:green;*/
	background: linear-gradient(to right, red 50%, green 50%);
}
.diaNoAssignatEstada{
	background-color:red;
}
.llegenda-table{
	width:90%;
	border-collapse: separate;
	border-spacing: 10px;
}
.llegenda-table td{
	width:20%;
}
.llegenda-table th{
	text-align: center;
}
.ui-datepicker select.ui-datepicker-month{
	color:#000000 !important;
}
.practiquero{
	color: #f4aa42;
}
.resum_menu{
	position: relative;
	float: left;
	margin:0px 20px;
	text-decoration: underline;
}
.menu_resums{
	margin: auto;
	width:310px;
}
.active_menu_resum{
	font-weight: bold;
}
.rowTable0{
	background:#dedede;
}
.rowTable1{
	background:#efefef;
}

/* ESTILS SNOWCONTROL */

.h_p_fletxaE{
	position: relative;
	float: left;
	width:64px;
	text-align: right;
	margin-left:20%;
}
.h_p_fletxaD{
	position: relative;
	float: left;
	width:64px;
}
.h_p_titol{
	position: relative;
	float: left;
	width:600px;
	text-align: center;
	margin-top:10px;
	font-size:40px;
	font-weight: bold;
	color:#002B50;
}

#mytable{
	border: 1px solid black;
	border-collapse: separate;
   	border-spacing: 2px;
   	min-width:1260px;
   	width:100%;
}
#mytable th, #mytable td{
	border: 1px solid black;
	padding:2px;
	padding-top:10px;
	height:45px;
}
#mytable2{
	border: 1px solid black;
	border-collapse: separate;
   	border-spacing: 2px;
}
#mytable2 th, #mytable2 td{
	border: 1px solid black;
	padding:2px;
	padding-top:10px;
	height:45px;
	vertical-align: middle;
}
.planning_profe{
	font-weight:bold;
	color:#444444;
	cursor: pointer;
}
.classe{
	width:5.5%;
}
.classe-lliure{
	background-color:#DDDDDD;
	cursor:pointer;
	width:5.5%;
}
.classe-bloquejada{
	background-color:#f4f4e8;
	width:5.5%;
}
.ocult{
	display: none;
}

.classe-pagada{
	background-color:#99ff99;
	cursor: pointer;
}
.classe-reservada{
	background-color:#ff8080;
	cursor: pointer;
}
.classe-club{
	background-color:#00cc00;
	cursor: pointer;
}
.modalitat-classe{
	font-weight: bold;
}
.amagat{
	display:none;
}
.fakeButton{
	background:#CCCCCC;
	position: relative;
	float: left;
	padding:10px;
	border:#FFFFFF 1px solid;
	border-radius:10px;
	cursor: pointer;
}
#info_classe{
	width:900px;
	margin-left:-450px;
}
.table_preus{
	width:100%;
}
.table_preus td{
	padding:2px 5px 2px 0px;
}
.dotted_cell{
	border-bottom:dotted 1px #000000;
	padding-right:10px !important;
	width:75%;
}
.ff-pagat{
	color:green;
}
.ff-reservat{
	color:red;
}
.elimina_pagament{
	position:relative;
	top:3px;
	left:3px;
	cursor: pointer;
}
.taula_classes_bono td, .taula_classes_bono th{
	padding:5px;
}
.ui-autocomplete{
	z-index: 1000 !important;
}
.profe-block{
	background-color:#f4f4e8;
	cursor: pointer;
}
.destaca-grup{
	background-color:#66ffff !important;
}
.escola_grup{
	font-weight: normal;
	font-size: 14px;
}
.menu-estacio{
	width:100%;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
}
.blockClientInfoRaquetes{
	position: relative;
	float: left;
	padding:8px 4px;
	border-bottom: 1px dotted #000000;
	width:100%;
}
.sous_hivern_custom{
	display:none;
}
.planning_block_profe{
	font-size: 12px;
	margin-left: 5px;
}
#modal_ticket{
	width:500px;
	height:500px;
	margin-left:-250px;
	margin-top:-250px;
}
#modal_preu{
	width:400px;
	height:350px;
	margin-left:-200px;
	margin-top:-150px;
	position: fixed;
}
.eliminaCurset{
	color:red;
}
.diaConsecutiu{
	border: 1px solid #FFFFFF;
}
.dropdown-menu{
	width: 260px !important;
}
.color-estat-1{
	color:#00cc00;
}
.color-estat-2{
	color:#ff9933;
}
.color-estat-3{
	color:#ff0000;
}
#selMat{
	position:fixed;
	top:20px;
	right:120px;
	padding:10px;
	background: #f8f8f8;
	width:180px;
	text-align: center;
	border-radius: 10px;
	z-index:999;
}
#mouMat{
	position:fixed;
	top:15px;
	right:320px;
	padding:10px;
	text-align: center;
	z-index:999;
}
.borde-sous{
	border:1px dotted #000000;
}
#guardia_ctx{
	position:absolute;
	border-radius: 10px;
	padding:5px;
	background:#FEFEFE;
	border:1px solid #FFFFFF;
	display:none;
	z-index:110;
}
.guardiaDia{
	font-weight: bold;
	text-align: center;
	width:100%;
	position: relative;
	float: left;
}
.guardiaTarda{
	font-weight: bold;
	text-align: right;
	width:100%;
	position: relative;
	float: left;
	padding-left:20%;
	padding-right:20%;
}
.guardiaMati{
	font-weight: bold;
	text-align: left;
	width:100%;
	position: relative;
	float: left;
	padding-left:20%;
	padding-right:20%;
}