@charset "UTF-8";
/* CSS Document */
    @import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,600,700);
	@import url("Simple/SimpleMenu.css");
	@import url("TopMenu/SimpleMenu.css");
	@import url("InnerMenu/InnerMenu.css");
	@import url("MobileMenu/MobileMenu.css");
	
	
	html { height: 100%; margin-bottom: 1px; overflow-y:auto; } /* Force Vertical Scrollbar */
	body{ line-height:1.5em;font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif;}
	

/* Page Styles */
#Body{}
img{max-width:100%;}
#DNN7, .page_width{width:1200px;margin:0 auto;}
.top_banner {background: #f2f2f2;padding-top: 5px;position: relative;top: 0;width: 100%;z-index: 10;display: block;border-bottom:solid 1px #00457a;}
.top_banner .menu_bottom_line{border-bottom:solid 1px #87a116;padding-bottom:3px;}
.top_banner .logotop a{padding-right:15px;}

.menu_top{background:#fff;box-shadow: 0 0 3px #444;padding-top:5px;padding-bottom:3px;position: fixed;top: 0;width: 100%;z-index: 100;display:none;}
.menu_top .logotop{float:left;}
.menu_mobil{display:none;}
.menu_mobil>h3{padding-left:30px;}
#mainBanner{margin-bottom:15px;}
    .s_logo{float:left;padding:26px 0 0 0;}
    .s_headerpane{float:right;width:60%;position:relative;}
        #search_pad{padding-top: 15px;text-align: right;}
            .search_button{display:none;}
            .searchBox {z-index:100;top: 45px;right: -15px;padding: 0 15px;background: #FFF;
                       overflow: inherit !important;height: 35px !important;width: 255px;text-align: left;float:right;}
            .searchArrow {position: absolute;top: -9px;right: 20px;background: url(images/search_arrow.png) no-repeat left top;width: 15px;height: 9px;}
            .searchBox input[type=text]{background: #f4f1ed;border: 0;height: 35px;position: relative;top: 0px;width: 200px;padding:0 10px;}
            .search, a.search:link, a.search:active, a.search:visited {text-decoration: none;display: block;position: absolute;right: 15px;top: 15px;line-height: 90px;text-indent: -999px;
                    font-size: 0px;width: 35px;height: 35px;overflow: hidden;background:url(images/Icon_searchbut.png) no-repeat center center;padding: 0px;}
#mobile_menu{display:none;background: #444;border-radius: 5px;width: 29px;height: 33px;float: right;margin-right: 6px;padding: 3px 12px;margin-top: 20px;}
#mobile_menu .line{display:block;padding: 0 5px;border-bottom: solid 2px #fff;height: 0;margin: 5px 0 4px 0;}

.menu_back{background:#fff;padding:5px 22px;text-transform:uppercase;}
.menu_header{background:#0074b1;padding:10px 32px;color:white;text-transform:uppercase;margin-right:25px;}
.ismobile{display:none;}
.isdesktop{display:block;}
.parent_menu{color:white;}
#mainContent{margin-bottom:15px;}
    section.main_pane{margin-bottom:30px;}
    section.columns{display:table;width:100%;}
    section .columns_row{display:table-row;}
    section.secondary_pane{}
   
#mainFooter{background:#9a9898;}
    .footer_top{padding: 10px 0;}
    .avis_legal{display:inline-block;padding:0 30px;color:#fff;}
    a.avis_legal, a.avis_legal:link, a.avis_legal:visited, a.avis_legal:active{color:#fff;font-weight:bold;}
    #ccpe_footer{float:left;}
    #footerlinks{float:right;}
    .footer_bottom{background:#8d8b8b;padding:20px 0;}
#mainFooter iframe{border:solid 8px #9a9898!important;}
#mainFooter a, #mainFooter a:visited, #mainFooter a:active, #mainFooter a:link{color:white;}

/* Panes */
.HeaderPane{padding-top:20px;}
.ContentPane img{max-width:100%;}
.secondary_pane{}

.centerContent{display:table-cell;vertical-align:top;width:865px;padding-right:35px;}
.rightContent{display:table-cell;vertical-align:top;width:210px;}
.c_left{display:table-cell;vertical-align:top;}
.c_right{display:table-cell;vertical-align:top;}
.c_center{display:table-cell;vertical-align:top;}
.interior .c_center{}
.c_full{}

.fifty{width:516px;}
.c_center.fifty{width:100%;}
.twentyfive{width:300px;min-width:300px;}
.twenty{width:210px;}
.twentyfive.c_right > .s_pane{padding-left:35px;}

.centerContent .c_left{padding-right:40px;}
.footer_bottom .c_center{padding:0 25px 0 24px;}

.DNNEmptyPane {width: 0;padding:0 !important;margin:0 !important;min-width:0;}


/* Headers and Subheaders */
.Head {color: #0074b1;font: bold 1.2em Arial,Helvetica,sans-serif;}
.SubHead {color: #666666;}

strong, b{color: #000;}

h1, h2, h3, h4, h5, h6 {color: #0074b1;font-weight: 600;line-height: 1em;margin: 0;padding: 5px 0;font-family:'Source Sans Pro';}
h1 {font-size: 28px;font-weight:300;}

h2 {font-size: 20px;}
h3 {font-size: 18px;}
h3 span{color:#0074b1;}
h4 {font-size: 16px;}
h5 {font-size: 16px;}
h6 {font-size: 16px;}


/* Links */
a, a:link, a:active, a:visited {border: 0 none;color: #0074b1;outline: medium none;text-decoration:none;}
a:hover {color: #89bce5;text-decoration: none;text-decoration: underline;}


/* Font and Color Styles */
Body, .NormalTextBox, td, p, .Normal, .NormalDisabled, .NormalBold {color: #2a2929;font-family: 'Source Sans Pro', Arial,Helvetica,sans-serif;
    font-size: 14px;line-height: 1.6em;}

.footer_bottom, .footer_bottom .NormalTextBox, .footer_bottom td, .footer_bottom p, .footer_bottom .Normal, .footer_bottom .NormalDisabled, .footer_bottom .NormalBold, .footer_bottom strong {color:#fff;}

p {margin: 0;padding: 5px 0;}


/* Lists */
ul, ol {margin-bottom: 18px;margin-left: 13px;}
li, ul li {list-style-image:url(images/li_style.jpg);padding-bottom:10px;}
ul.arrow li {list-style-image:url(images/li_arrow.png);}
ol li {list-style: decimal outside none;}


/* Buttons */
A.CommandButton:link, A.CommandButton:visited, A.CommandButton:active {color: #0074b1;
    font: bold small Arial,Helvetica,sans-serif;}
A.CommandButton:hover {color: #4E4EFB;}

.dnnPrimaryAction, .dnnFormItem input[type="submit"], a.dnnPrimaryAction {color: #efefef;}
.dnnPrimaryAction:hover, .dnnFormItem input[type="submit"]:hover, a.dnnPrimaryAction:hover {color: #fff;}
.dnnPrimaryAction:active, .dnnFormItem input[type="submit"]:active, a.dnnPrimaryAction:active {color: #fff;}
.dnnPrimaryAction[disabled], .dnnPrimaryAction[disabled]:hover, .dnnPrimaryAction[disabled]:active {color: #aaa !important;}


/* Containers */
.c_DNN{margin-bottom:15px;}
.c_DNN_Header{}
.ModuleSpacing{}

.c_DNN_Header .Title, .c_DNN_Header .Title .TitleH2{color:#0074b1;font-size:36px;padding:0;margin-bottom:15px;font-weight:300;}
.c_DNN_Header .Title.Grey, .c_DNN_Header .Title.Grey .TitleH2{color:#595959;font-size:36px;padding:0;margin-bottom:15px;font-weight:300;}

.c_DNN_Header.Box .c_content{background:#f4f1ed;padding:17px 15px;}


/* Other Styles */
.news_list{}
.news_item{border-bottom:solid 1px #9b9b9d;margin-bottom:15px;padding-bottom:20px;}
.news_item > img{width:100%;}

.bottom_boxes{background:#f4f1ed;padding:25px;}
.bottom_boxes .white_box{background:#fff;padding:10px;float:left;margin:5px 24px;}
.bottom_boxes .white_box img{max-width:162px;height:auto;}

.searchInputContainer a.dnnSearchBoxClearText.dnnShow{top:3px;}
.royalSlider.default .royalControlNavOverflow{display:none;}
#banner-rotator .royalSlide h1{position: absolute;bottom: 0;color: white;font-size: 37px;text-align: center;width: 100%;text-shadow:0 0 3px #333;
                               background: rgba(0, 0, 0, 0.50);padding: 4px 0;}

#Ofjove{height: 92px;top: -23px;position: relative;width: 309px;left: 125px;float:left}
#Ofjove >p{position:absolute;font-size:12px;}
.NewsArticles .article .image >img{width:100% !important}

.dnnSearchBoxPanel{background: none !important;}
.dnnSearchBox{border:1px solid #c9c9c9 !important;-webkit-box-shadow: none !important;box-shadow: none !important;}
.dnnSearchResultPanel{background: none !important;}
.dnnSearchResultPanel > .dnnRight > span.dnnSearchResultCountPerPage{color:black !important;}
.dnnSearchResultPanel .dnnSearchResultSortOptions > li:first-child{border-left:none !important}
.dnnSearchResultPanel .dnnSearchResultSortOptions > li{border-left: 1px solid #FFF !important;}
.dnnSearchResultPanel .dnnSearchResultSortOptions > li > a{background:#0074b1 !important;color:white !important;}
.dnnSearchResultPanel .dnnSearchResultSortOptions > li > a:hover{background:#6BADE2  !important;}
.dnnSearchResultPanel .dnnSearchResultSortOptions > li.active > a{color:white !important; background:#0074b1 !important;}
 .dnnSearchResultPanel .dnnSearchResultSortOptions > li.active > a:hover{background:#6BADE2  !important;}
.RadComboBox_Default td.rcbInputCellLeft, .RadComboBox_Default td.rcbInputCellRight{-webkit-box-shadow: none !important;box-shadow: none !important;background: #fff !important;}
.RadComboBox_Default td.rcbArrowCellRight, .RadComboBox_Default td.rcbArrowCellLeft{-webkit-box-shadow: none !important;box-shadow: none !important;background: #fff !important;}
.dnnSearchBox > .dnnSearchBox_advanced > .dnnSearchBox_advanced_label{color:black !important}
.RadComboBox_Default .rcbInput{background: #FFF !important;}

#agendaHome{}
#agendaHome ul{margin:0;}
#agendaHome li{list-style:none;border-bottom:1px solid #969494;margin-bottom:15px;}
#agendaHome li h4{text-transform:uppercase;}

#moscaDisgrafic{text-align:right;margin:10px 10px 0 0;}

.t_table{border-collapse:collapse;}
.t_table th{color:#4e4e4e;background:#89bce5;min-width:180px;}
.t_table td, .t_table th{padding: 2px;border: solid 1px #67ABE0;vertical-align:top;}

/*Equipament juvenil*/
.juvenils_llista{margin-top:10px;}
.juvenils_llista .juvenils_item{border:1px solid #dcdcdc;float:left;width:270px;height:365px;margin-right:26px;margin-bottom:10px;}
.juvenils_llista .juvenils_item div img{width:270px;height:200px;}
.juvenils_llista .juvenils_item div p{padding:0 0 0 10px;}
.juvenils_llista .juvenils_noFoto{height:176px;margin-right:0px;}
.juvenils_llista .last{margin-right:0px}               
  
/* Slider */
.royalSlider .royalSlide, .royalSlider .royalWrapper{background:none!important;}
  
/* Cessi� d'espais */
.cessio_espai{float: left;padding: 10px 25px;width:44%;}
.entitats_juvenils{float: left;padding: 10px 25px;width:44%;}

.RadToolTip.RadToolTip_Default{display:none;}

/* Agenda Home */
#agendaHome{}
#agendaHome .agendaItem img{max-width:100%;min-width:100%;}

/* -------
Media Queries
---------*/
	
/* #Tablet (Portrait)
------------------- */

/* Note: Design for a width of 768px */

@media only screen and (min-width: 769px) and (max-width: 1024px) {
    #DNN7, .page_width {width: 970px;}
    #mainContent{overflow:hidden;}
    .ismobile{display:none;}
    .isdesktop{display:block;}
        
    #banner-rotator {width: 970px;height: 232px;margin: 0 auto;}
    #content-slider {width: 970px;height: 232px;}
	
}


/*  #Mobile (Portrait)
------------------- */

/* Note: Design for a width of 320px */

@media only screen and (max-width: 768px) {
    #DNN7, .page_width {width: auto;}
    .s_logo{width:48%;position:relative;z-index:199;max-width: 240px;}
    .s_logo img{width:100%;}
    .s_headerpane{width: 100%;position: absolute;top: 0;}
    .menu_top{display:none!important;}
    #mobile_menu{display:block;}
    #mainContent{padding: 0 5px;}
    .centerContent{padding: 0;width: auto;display: block;}
    .rightContent{display:block;}
    section.columns, section .columns_row{display:block;}
    .c_left,.c_center, .c_right, .c_full{display:block;width:auto;padding:0 !important;margin-bottom: 15px;}
    #mainFooter .c_left{width:auto;display:block;padding: 0 5px !important;}
    #mainFooter .c_center{display:none;}
    #mainFooter .c_right{display:none;}
    .ismobile{display:block;}
    .isdesktop{display:none;}
    .menu_header{margin:0;}	
    #banner-rotator {width: 760px!important;height: 232px;margin: 0 auto;}
    #banner-rotator .royalSlide h1{position: absolute;bottom: 10px;color: white;font-size: 25px;text-align: center;width: 100%;text-shadow:0 0 3px #333;padding:0;}
    #content-slider {width: 760px!important;height: 232px;}

    /*.royalSlider .royalImage{width:100%!important;height:auto!important;}*/
}


/* #Mobile (Landscape)
------------------- */

/* Note: Design for a width of 480px */

@media only screen and (min-width: 480px) and (max-width: 767px) 
{
    #banner-rotator {width: 100% !important;height: 170px!important;margin: 0 auto;}
    #content-slider {width: 100% !important;height: 170px!important;}
    /*.royalSlider .royalImage{width:100%!important;height:auto!important;}*/
	
}
	
@media only screen and (max-width: 480px) 
{
	#banner-rotator {width: 100% !important;height: 130px!important;margin: 0 auto;}
    #content-slider {width: 100% !important;height: 130px!important;}
    /*.royalSlider .royalImage{width:100%!important;height:auto!important;}*/
    .top_banner{display:none;}
    #mainBanner{height:105px;margin-bottom:5px;}
    
    /* Panes */
    .twenty{display:block;width:auto;}
    .menu_mobil{display:block;}
    .searchBox{display:none;}
}
    
/* #Clearing
------------------- */

/* Self Clearing Goodness */
.container:after { 
	content: "\0020"; display: block; 
	height: 0; clear: both; 
	visibility: hidden;
	}
	
/* You can also use a <br class="clear" /> to clear columns */
.clear, .clr, .clear_float {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}