html{
    overflow-y: scroll;
  position: relative;
  min-height: 100%;
  height:auto;    
}

body{
	height: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-family:Arial,Helvetica,"Helvetica Neue",Arial;
    font-size:14px;
	margin:0;
    margin-bottom: 30px;
}

h1 { font-size:40px; }
h2 { font-size:32px; }
h3 { font-size:24px; }
h4 { font-size:18px; }

#idiomes { float:right !important; margin-top:15px;margin-right:30px;}
#idiomes a, #idiomes b{color:#0292d8;}

#logo { float:right !important; }

.lineaSeparadora1 { width:100%; height:2px; background:#CCC; margin:3px 0 5px 0; }
.lineaSeparadora2 { width:100%; height:2px; background:#CCC; margin:0 0 3px 0; }

.blueTxt { color:#0292d8; }
.greenTxt { color:#31ca03; }
.orangeTxt { color:#FF7A13; }
.redTxt { color:#DE0C1A; }

.nopad { padding-left:0!important; padding-right:0!important; }
.nopadR { padding-right:0!important; }
.nopadL { padding-left:0!important; }

.entitats { background:#e5f4fb; padding:6px 0; margin-top:6px; line-height:120%; }

#tornar a {color:#0292d8;text-decoration:underline;}
#tornar a:hover {color:#10B0FE}

.actInfo { padding:30px 10px 20px 10px; box-sizing:border-box; }
.actCode { color:#0292d8; clear:both; }
.actName { color:#0292d8; font-weight:bold; clear:both; }
.actDistr { color:#31ca03; font-weight:bold; clear:both; margin-bottom:8px; }
.actPlayerTitle { font-size:13px; color:#0292d8; clear:both; line-height:100%; margin-bottom:3px; }
.actPlayerName { color:#0292d8; clear:both; margin-bottom:10px; }
.actDescr { font-size:14px; font-weight:bold; clear:both; margin-top:10px; }

.tornsHolder { padding:20px 10px 25px 10px; box-sizing:border-box; color:#0292d8; }
.tornsHolder span { font-weight:bold; }
.warnTxt { margin-bottom:15px; }
.tornBigTxt { position:relative; width:100%; border-bottom:1px solid #0292d8; color:#0292d8; font-weight:bold; clear:both; }
    .tornBigTxt h3 { line-height:inherit; margin-bottom:0; font-weight:bold; }
.tornStatus { position:absolute; bottom:4px; right:0; font-size:13px; font-weight:bold; }

/*
.tornCol { width:50%; display:table; float:left; }
.leftFixed { width:170px; float:left; }
.leftFree { width:auto; float:left; }
.rightFree { width:auto; display:table-cell !important; }
.rightFixed { width:160px; display:table-cell; }
*/

.tornRow { color:#FFF; background:#0292d8; padding:3px 0; margin-top:3px; }
.tornRow.sel { background:#31ca03; }
.tornBtn { position:relative; top:-2px; display:inline-block; color:#FFF; text-align:center; background:rgba(49, 202, 3, 0); padding:3px 1px; width:116px; font-size:11px; font-weight:bold; line-height:100%; border:1px solid #FFF; border-radius:3px; cursor:pointer; }
html.non-touch .tornBtn:hover { background:rgba(49, 202, 3, 1); color:#FFF; }
.tornBtn.sel { background:#FFF; color:#31ca03; }
.tornDetails { margin-top:5px; }
.tornTancat{background-color:#aedcf3/*#FFC3C3*/;}
.txtTancat{color:#aedcf3/*#FFC3C3*/;}


.selecHolder { padding:0 10px 30px 10px; box-sizing:border-box; color:#0292d8; }
.selecHolder span { font-weight:bold; }
.selecRow { border-bottom:1px solid #0292d8; padding-bottom:2px; margin-bottom:8px; }

.resultHolder { padding:0 10px 30px 10px; box-sizing:border-box; color:#0292d8; }
.resultHolder span { font-weight:bold; }
.resultRow { border-left:2px solid #0292d8; padding-bottom:0; margin-bottom:15px; }
.resultBg1 { background:#E3F4FB; }
.resultBg2 { background:#E3F4FB; }

.fixedBottom { position:fixed; bottom:0; left:0; width:100%; padding:30px 15%; box-sizing:border-box; background:rgba(0,82,155,0.9);z-index:100;}
.fixedBottom a, .fixedBottom a:hover { color:#FFF; text-decoration:none; }
.continuarBtn { max-width:400px; padding:12px 30px; margin:0 auto; box-sizing:border-box; text-align:center; font-size:20px; color:#FFF; background:#0292d8; border:1px solid #FFF; border-radius:10px; cursor:pointer; }
html.non-touch .continuarBtn:hover { background:rgba(0,82,155,1); }

/*modals*/
.modal .modal-body p{color: #0292d8;}
.modal .modal-header .close{color: #0292d8;}

#iform .card .card-body{font-size: 11px;}

/* FOOTER COPIA */
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 30px; /* Set the fixed height of the footer here */
  line-height: 30px; /* Vertically center the text there */
  font-size:10px;
}



    .footer-content{
        font-family: "Source Sans Pro", Arial, Verdana, sans-serif;
        font-size: 1.1em;
        line-height: 1.5em;
        color: #212529;
        padding:0 15px;
        
    }
    .footer-content ul{
        text-align: right;
        list-style: none;
        margin:0;
        padding:0;
    }
    .footer-content ul li{
        text-align: -webkit-match-parent;
        display: inline-block;
    }
    .footer-content ul li + li {
    margin-left: 1em;
    padding-left: 1em;
    border-left: 1px solid #e5e5e5;
    }
    .footer-content ul li a {
        color: #00B5D0;
        text-decoration: none;
    }    
    .footer-content ul li.department a{
        color: #666;
    }
    .footer ul li.city-council {
        color: #000;
    }    

/* MEDIA QUERIES */

	/* Cambios en función de la anchura de la ventana */
	@media all and (min-width: 1140px) {


	}


	@media all and (min-width: 992px) and (max-width: 1139px) {


	}


	@media (min-width: 768px) and (max-width: 991px) {

        
	}


	@media all and (min-width: 576px) and (max-width: 767px) {
        body { font-size:14px; }

        h1 { font-size:34px; }
        h2 { font-size:28px; }
        h3 { font-size:20px; }
        h4 { font-size:16px; }

        /*
        .leftFixed { width:100%; float:left; }
        .leftFree { width:100%; float:left; }
        .rightFree { width:0%; display:none; }
        .rightFixed { width:100%; display:block; }
        */

        .selecHolder { padding:0 5px 20px 5px; }
        .resultHolder { padding:0 5px 20px 5px; }

        .resultBg1 { background:#E3F4FB; }
        .resultBg2 { background:#CCEBF7; }
        /*.continuarBtn{font-size:12px;padding:8px 12px;}*/
	}


	@media all and (min-width: 10px) and (max-width: 575px) {
        body { font-size:13px; }

        #idiomes { float:left !important;}
        
        h1 { font-size:28px; }
        h2 { font-size:22px; }
        h3 { font-size:18px; }
        h4 { font-size:15px; }

        .tornsHolder { padding:10px 0 20px 0; }

        /*
        .leftFixed { width:100%; float:left; }
        .leftFree { width:100%; float:left; }
        .rightFree { width:0%; display:none; }
        .rightFixed { width:100%; display:block; }
        */

        .resultBg1 { background:#E3F4FB; }
        .resultBg2 { background:#CCEBF7; }
        .continuarBtn{font-size:14px;padding:6px 6px;max-width:200px;}
        
        .footer .footer-content ul{
            padding-top: 1.3em;
            border-top: 1px dashed #666;
        }
        .footer ul li.city-council{
            float:left;
            font-size:14px;
        }

        .footer ul li {
            display: block;
            font-size:13px;
            padding-bottom:2px;
        }
        .footer-content ul li + li{
            border-left:0;
        }
	}