﻿@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;}
.menu_top{background:#f2f2f2;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;}
#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;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: #eee;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: 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:#00457a;padding:10px 32px;color:white;text-transform:uppercase;margin-right:25px;}
.menu_mobil{padding:0 5px;}
.menu_mobil h3{font-size:30px;color:#00457a;}
.menu_mobil h3>span{cursor:pointer;color:#00457a;}
.ismobile{display:none;}
.isdesktop{display:block;}
.parent_menu{color:white;}
#mainContent{margin-bottom:15px;}
    section.main_pane{}
    section.columns{display:table;}
    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-top:50px;}
#mainFooter a, #mainFooter a:visited, #mainFooter a:active, #mainFooter a:link{color:white;}  
#mainFooter iframe {border: 8px solid #9A9898 !important;}

/* Panes */
.HeaderPane{padding-top:20px;}
.ContentPane{margin-bottom:30px;}
.secondary_pane{}

.centerContent{display:table-cell;vertical-align:top;width:949px;padding-right:35px;}
.rightContent{display:table-cell;vertical-align:top;width:210px;background:#f4f1ed;}
.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:607px;}
.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:35px;}
.footer_bottom .c_center{padding:0 25px 0 24px;}

.right_banners{text-align: center;margin-left: 30px;background: #f4f1ed;}
.DNNEmptyPane {width: 0;padding:0 !important;margin:0 !important;min-width:0;}

/* Headers and Subheaders */
.Head {color: #00457a;font: bold 1.2em Arial,Helvetica,sans-serif;}
.SubHead {color: #666666;}


h1, h2, h3, h4, h5, h6 {color: #00457a;font-weight: 400;line-height: 1em;margin: 0;padding: 5px 0;font-family:'Source Sans Pro';}
h1 {font-size: 28px;font-weight:300;}

h2 {font-size: 20px;}
h2.dnnFormSectionHead{font-size:20px;}

h3 {font-size: 16px;}
h3 span{color:#87a116;}
h4 {font-size: 16px;}
h5 {font-size: 16px;}
h6 {font-size: 16px;}


/* Links */
a, a:link, a:active, a:visited {border: 0 none;color: #00457a;outline: medium none;text-decoration:none;line-height:1.6em;}
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: #595959;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 h1, .footer_bottom h2, .footer_bottom h3, .footer_bottom h4, .footer_bottom h5, .footer_bottom h6 {color:#fff;}

p {margin: 0;padding: 5px 0;}

/* Lists */

.dnnForm.NarrowFeedbackForm .dnnFormItem LABEL, .dnnForm.NarrowFeedbackForm .dnnFormItem .dnnLabel{display:inline!important;padding-right: 20px;}
font[color="#990000"]{color:#3a3a3a;text-decoration: underline;}

.linkitem{line-height: inherit !important;border-bottom:solid 1px #dedede;}


/* Buttons */
A.CommandButton:link, A.CommandButton:visited, A.CommandButton:active {color: #00457a;
    font: bold small Arial,Helvetica,sans-serif;}
A.CommandButton:hover {color: #4E4EFB;}

.arees{background: #00457a; width:306px;}
.arees:hover{background: #f2f2f2;}
.arees a{color: white; display: block; padding: 10px 32px; text-decoration: none;}
.arees a:hover{color:#535353;}

.dnnPrimaryAction, .dnnFormItem input[type="submit"], a.dnnPrimaryAction{color:#fff;background:#00457a;border-radius:0;}
.dnnPrimaryAction:hover, .dnnFormItem input[type="submit"]:hover, a.dnnPrimaryAction:hover{background:#005FA8;}

/* Containers */

.c_DNN{margin-bottom:15px;}
.c_DNN_Header{}
.ModuleSpacing{}

.c_DNN_Header .Title.Blue, .c_DNN_Header .Title.Blue .TitleH2{color:#00457a;font-size:36px;padding:0;margin-bottom:15px;font-weight:300;line-height:36px;}
.c_DNN_Header .Title.Grey, .c_DNN_Header .Title.Grey .TitleH2{color:#595959;font-size:36px;padding:0;margin-bottom:15px;font-weight:300;line-height:36px;}
.twentyfive.c_right .c_DNN_Header .Title.Grey, .twentyfive.c_right .c_DNN_Header .Title.Grey .TitleH2{font-size:30px;line-height:36px;}

/* Other Styles */
.news_list{}
.news_item{border-bottom:solid 1px #9b9b9d;margin-bottom:15px;padding-bottom:15px;}
.news_item > img{width:100%;}
.news_item h2 a{font-size:20px;color: #282828;font-weight: 600;font-family: 'Source Sans Pro';text-transform:uppercase;}

.bottom_boxes{background:#f4f1ed;padding:25px;}
.bottom_boxes .white_box{background:#fff;padding:10px;float:left;margin:5px 10px;}

.royalSlider > a{display:block;position:relative;}
.royalSlider .sliderText{position:absolute;left:0;bottom:20px;background:url(images/transparentGrey_bg.png);color:#282828;font-size:22px;font-weight:600;padding: 5px 15px;}
.royalSlider.default .royalControlNavOverflow{display:none;}

.right_logos{text-align:center;}
.right_logos a{display:block;padding:10px;}


.dnnForm.FeedbackForm .dnnFormItem .dnnLabel,
.dnnForm.NarrowFeedbackForm .dnnFormItem .dnnLabel{float:none;white-space:nowrap;text-align:left;display:block!important;padding-left:17px;}
.dnnForm.FeedbackForm .dnnFormItem .dnnLabel a.dnnFormHelp,
.dnnForm.NarrowFeedbackForm .dnnFormItem .dnnLabel a.dnnFormHelp{right:auto;left:0;}




#FooterMenu{}
#FooterMenu a,
#FooterMenu a div{color:White;}
#FooterMenu .item > a div{font-size:16px;font-weight:600;}
#FooterMenu{}
#FooterMenu{}

.municipi_item{max-width: 630px;}

.img_frame{float: left;background: #efefef;width: 200px;overflow: hidden;margin-right: 20px;margin-bottom: 20px;
           border: solid 1px #ddd;text-align: center;}
.img_frame img{max-width: 90%;max-height: 90%;padding-top: 5%;padding-bottom: 5%;}

#moscaDisgrafic{text-align:right;margin:10px 29px 0 0;}

.t_table{border-left:solid 1px #CDDAE4; border-top:solid 1px #CDDAE4; }		
.t_table td{padding:2px 5px;border-right:solid 1px #CDDAE4; border-bottom:solid 1px #CDDAE4;}

.tram_dni{float:left;width:22%;border:solid 1px #aaa;margin:0 1%;}
.tram_dni .title{background:#00457a;color:White;padding: 5px 10px;}
.tram_dni .text{padding:5px 10px;}


.alert{
    padding: 1rem;
    border: 1px solid #ddd;
    background: #fafafa;
    border-radius:4px;
    margin: 1em -1em;
}

.alert *{
    color:inherit;
}

.alert.alert-info{
    background-color: #025BA0;
    color:white;
}

/* Agenda Home */
#agendaHome{}
#agendaHome .agendaItem img{max-width:100%;min-width:100%;}

/* Search Page */

.dnnSearchResultAdvancedTip{text-indent:-9999px;}
.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:#00457A !important;color:white !important;}
.dnnSearchResultPanel .dnnSearchResultSortOptions > li > a:hover{background:#06467D  !important;}
.dnnSearchResultPanel .dnnSearchResultSortOptions > li.active > a{color:white !important; background:#00457A !important;}
 .dnnSearchResultPanel .dnnSearchResultSortOptions > li.active > a:hover{background:#06467D  !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;}
.dnnGridHeader td, thead.dnnGridHeader th, tr.dnnGridHeader th{border-right:0!important;}
#dnn_ctr1679_Events_EventDetails_cmdvEvent, #dnn_ctr1679_Events_EventDetails_cmdPrint{display:none;}

	/* -------
	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, .rightContent, .twenty{padding: 0;width: auto;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;}
     	
     	.right_logos a{display:inline-block;}
     	
     	.twentyfive.c_right > .s_pane{padding:0;}
     	#mainFooter .c_left{width:auto;display:block;padding: 0 5px !important;}
     	#mainFooter .c_center{/*display:none;*/width:auto;display:block;padding: 0 5px !important;}
     	#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;}
        /*.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;}
         .right_logos a{display:inline-block;width: 120px;padding: 15px 5px;}
        .right_logos a img{width:100%;}
        /*.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;}
        .right_logos a{display:inline-block;width: 120px;padding: 15px 5px;}
        .right_logos a img{width:100%;}
        /*.royalSlider .royalImage{width:100%!important;height:auto!important;}*/
        .img_producto{padding:0 11px!important;}
        .scrollable {width:100%!important;}
        .scrollable .items>div{width:100%;}
        
        
	}
    
	/* #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;
    }



