@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;padding-top:8px;}
#mainBanner{}
    .s_logo{float:left;padding:15px 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: 15px 0;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]{outline:none;background: #efe2e5;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: 0px;top: 30px;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;}
#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:#913c4f;padding:10px 32px;color:white;text-transform:uppercase;margin-right:25px;}
.ismobile{display:none;}

.menu_mobil{padding:0 5px;}
.menu_mobil h3{font-size:30px;color:#913c4f;}
.menu_mobil h3>span{cursor:pointer;color:#913c4f;}

.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 a, #mainFooter a:visited, #mainFooter a:active, #mainFooter a:link{color:white;}
   
.taula_seus{width:100%;border-collapse:collapse;border:solid 1px #DBB8C0;}
.taula_seus tr th{background:#DBB8C0;color: #4e4e4e}
.taula_seus tr th, .taula_seus tr td{padding: 2px; border-bottom:solid 1px #DBB8C0;}

.taula_seus{text-align:center;}		
.taula_seus tr.alt{background:#F5EAEC;}
.taula_seus td{padding:2px 5px;}
.border-dreta{border-right:solid 1px #DBB8C0;}
.border-esquerra{border-left:solid 1px #DBB8C0;}

/* Panes */
.HeaderPane{padding-top:20px;}
.ContentPane{}
.secondary_pane{}

.centerContent{display:table-cell;vertical-align:top;width:949px;padding-right:40px;}
.rightContent{display:table-cell;vertical-align:top;width:210px;}
.c_left, .c_innerleft{display:table-cell;vertical-align:top;}
.c_right, .c_innerright{display:table-cell;vertical-align:top;}
.c_center{display:table-cell;vertical-align:top;}
.interior .c_center{}
.c_full{}

.seventyfive{width:750px;}
.fifty{width:608px;}
.c_center.fifty{width:100%;}
.twentyfive{width:300px;}
.twenty{width:210px;}
.twentyfive.c_right,
.twentyfive.c_left{min-width:300px;}
.twentyfive.c_right > .s_pane{padding-left:35px;}
.c_innerleft.sixty{width:100%;}
.c_innerleft.sixty > .s_pane{padding-right:25px;}
.c_innerright.fourty{min-width:350px;}

.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!important;}

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


h1, h2, h3, h4, h5, h6 {color: #913c4f;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: 16px;}
h3 span{color:#be7682;}
h4 {font-size: 16px;}
h5 {font-size: 16px;}
h6 {font-size: 16px;}


/* Links */
a, a:link, a:active, a:visited {border: 0 none;color: #913c4f;outline: medium none;text-decoration:none;}
a:hover {color: #3a3a3a;text-decoration: none;text-decoration: underline;}
.ismobile .menu_header a{color: #fff;}
.ismobile .menu_header a:hover{color:#fff;}
/* 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 {color:#fff;}

.c_innerleft.sixty .dnnForm{width:100%!important;}

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

/* Lists */
ul, ol{margin-left:30px;}



/* Buttons */
A.CommandButton:link, A.CommandButton:visited, A.CommandButton:active {color: #913c4f;font-weight:600;}
A.CommandButton:hover {color: #2a2929;}
a.boto_solicitud{border:0;background-color:#913c4f;padding:5px 10px;}
a.boto_solicitud{color:#FFF;}
a.boto_solicitud:hover{border:0;background-color:#efe2e5;padding:5px 10px;}
a.boto_solicitud:hover{color:#535353;text-decoration:none;}

/*Serveis*/
.servei_list{}
.servei_list .servei_item{float:left;padding-right:30px;width:285px;}
.servei_list .servei_item div img{width:100%;height:auto;margin-bottom:10px;}
.servei_list .last{padding-right:0px;}             

/* Primary Action */

.dnnPrimaryAction, .dnnFormItem input[type="submit"], a.dnnPrimaryAction {
    border-color: #562531; /*dark blue*/
    background: #C6536E;
    background: -moz-linear-gradient(top, #C6536E 0%, #913c4f 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#C6536E), color-stop(100%,#913c4f)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #C6536E 0%,#913c4f 100%); /* Chrome10+,Safari5.1+ */
    background: linear-gradient(top, #C6536E 0%,#913c4f 100%); /* W3C */
    -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.6), inset 0px 1px 0px 0px rgba(255, 255, 255, 0.4);
    box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.6), inset 0px 1px 0px 0px rgba(255, 255, 255, 0.4);
    color: #efefef;
    text-shadow: 0px -1px 0px #773243;
}

.dnnPrimaryAction:hover, .dnnFormItem input[type="submit"]:hover, a.dnnPrimaryAction:hover {
    border-color: #562531;
    background: #B54F6A;
    background: -moz-linear-gradient(top, #B54F6A 0%, #99435A 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#B54F6A), color-stop(100%,#99435A)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #B54F6A 0%,#99435A 100%); /* Chrome10+,Safari5.1+ */
    background: linear-gradient(top, #B54F6A 0%,#99435A 100%); /* W3C */
    color: #fff;
}

.dnnPrimaryAction:active, .dnnFormItem input[type="submit"]:active, a.dnnPrimaryAction:active {
    border-color: #562531;
    background: #773243; /* Old browsers */
    background: -moz-linear-gradient(top, #773243 0%, #9E455B 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#773243), color-stop(100%,#9E455B)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #773243 0%,#9E455B 100%); /* Chrome10+,Safari5.1+ */
    background: linear-gradient(top, #773243 0%,#9E455B 100%); /* W3C */
    -webkit-box-shadow: inset 0px 1px 5px 0px rgba(0, 0, 0, 0.4);
    box-shadow: inset 0px 1px 5px 0px rgba(0, 0, 0, 0.4);
    color: #fff;
}

/* Containers */

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

.c_DNN_Header .Title, .c_DNN_Header .Title .TitleH2{color:#913c4f;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;}
.twentyfive.c_right .c_DNN_Header .Title.Grey, .twentyfive.c_right .c_DNN_Header .Title.Grey .TitleH2{font-size:30px;margin-bottom:20px;}

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

.dnnForm input.dnnFormRequired{border-left:5px #B54F6A solid!important; width:100%;}
.dnnFormItem textarea{width:100%;height:170px;}
.dnnForm .dnnFormItem{top:-15px;}

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

.bottom_boxes{background:#efe2e5;padding:25px;}
.bottom_boxes .white_box{background:#fff;padding:10px;float:left;margin:5px 10px;}

#agendaHome{}
#agendaHome ul{margin:0;}
#agendaHome ul li{list-style: none;background: #efe2e5;margin: 1px 0;padding: 5px 15px;}
#agendaHome ul li a{font-size:16px;}

#tramitsHome{}
#tramitsHome ul{margin:0;}
#tramitsHome ul li{list-style: none;background: #efefef;margin: 1px 0;}
#tramitsHome ul li a{font-size:16px;color:#333;display:block;padding:5px 15px;}
#tramitsHome ul li a:hover{background:#efe2e5;text-decoration:none;}

#serveisHome{}
#serveisHome ul{margin:0;}
#serveisHome ul li{list-style: none;background: #efefef;margin: 1px 0;}
#serveisHome ul li a{font-size:16px;color:#333;display:block;padding:5px 15px;}
#serveisHome ul li a:hover{background:#efe2e5;text-decoration:none;}
.royalSlider.default .royalControlNavOverflow{display:none;}

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

/*Mosca disgrafic*/
#moscaDisgrafic{text-align:right;}

.dnnGridHeader td, thead.dnnGridHeader th, tr.dnnGridHeader th{border-right:0!important;}
.dnnGrid .dnnGridHeader .TitleHeader{width:100%;} 

/* Recursos */
#recursos{}
#recursos>.titol{display:block; padding:6px 15px 6px 30px;background-color:#913c4f;color:white;font-size:20px;}
#recursos .recursos_list{}
#recursos .recursos_list li{margin-top: 15px;list-style: none;border-bottom:1px dotted black;margin: 0 10px;}
#recursos .recursos_list li h3{color:#913c4f;font-size:16px;cursor: pointer;}
#recursos .recursos_list li .arrow{font-family:Arial;}

#mainFooter iframe {border: 8px solid #9A9898 !important;}
	/* -------
	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, .c_innerleft, .c_innerright{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;}
        #content-slider {width: 760px!important;height: 232px;}
        .innerpage .DnnModule-1602{display:none;}
        .homepage .rightContent,
        .homepage .rightContent .twenty{width:auto;}
        .homepage .rightContent .twenty p{text-align:center!important;}

        /*.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;}*/
        .innerpage .DnnModule-1602{display:none;}
        .top_banner{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;
    }