@charset "UTF-8";
/* CSS Document */
	@import url("styles/animate.min.css");
	@import url("Simple/SimpleMenu.css");
	@import url("Submenu/SubMenu.css");
	
	html { height: 100%; margin-bottom: 1px; overflow-y:auto; } /* Force Vertical Scrollbar */
	body{ font-size:15px;line-height:1.5em;font-family: Helvetica, sans-serif;}
	

/* Page Styles */	

#Body{}
/*#page_style{background:url(images/header_bg.jpg) repeat-x;}*/
#page_style.home{background:url(images/headerHome_bg.jpg) repeat-x;}
/*#DNN7{width:960px;margin:0 auto;}*/
    #mainBanner{padding-top:7px;}
    #mainBanner .s_logo{float:left;position:relative;width:295px;}
    #mainBanner .s_header{float:right;width:660px;}
    #mainBanner .head_links{text-align:right;line-height:30px;}
    #mainBanner .head_links .contact_links{display:inline-block;line-height:30px;padding: 0 10px;background:#e1e1e1;margin-right:5px;}
    #mainBanner .head_links .language_pad{display:inline-block;line-height:30px;}
    #mainBanner .head_links .language_pad .language-object{text-transform:uppercase;}
    #mainBanner .head_links .language_pad .language-object span{font-weight:bold;}
 
.contact_links a, .contact_links a:active, .contact_links a:visited, .contact_links a:link{font-size:14px;}

.s_header .menu_pad{padding-top:27px;}
/*#mainContent{position:relative;}*/
.logo_nergroup{padding: 0px;position: absolute;bottom: 8px;right: 0px;z-index: 10;}
.logo_nergroup img{width:115px;}
.title_page{padding-top:12px;}
.title_page h1.page_name{font-size:16px;}
.index .main_pane{margin-bottom:50px;}

/*    
#mainFooter{background:url(images/footer_bg.jpg) repeat-x;height:274px;}
.footer_width{width:960px;margin:0 auto;padding-top: 62px;}*/
 
/* NEW STYLES */

#DNN7{width:100%;margin:0 auto;}

/* HEADER */
header {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-content: center;
    flex-wrap: wrap;
    background-color: #fff;
    padding: 0px 0px 30px 0px;
    border-bottom: 1px solid #293070;
    color: #293070;
}


.lang {
    flex: 0 0 100%;
    order: 1;
}
.lang ul {
	padding: 8px 0px;
}
.lang ul li {
	padding-bottom: 0px;
}

.social {
    flex: 0 0 35%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    order: 2;
}

.social a {
    text-decoration: none;
    margin: 8px;
}
.social a:first-child{
    margin-left: 30px;
}

.logo {
    flex: 0 0 30%;
    display: flex;
    justify-content: center;
    order: 3;
}

.logo img {
    width: 100%;
    max-width: 200px;
    height: auto;
}

/*language*/
.lang ul {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    list-style-type: none;
}
header .lang ul li{
     margin-right: 20px;
}

.lang li a {
    font-family: "Barlow", sans-serif;
    font-style: normal;
    text-decoration: none;
    text-transform: uppercase;
    transition: .3s ease-in;
    font-size: 16px;
    line-height: 24px;
    color: #293070;
}
.lang li a {
    font-family: "Barlow", sans-serif;
    font-style: normal;
    text-decoration: none;
    text-transform: uppercase;
    transition: .3s ease-in;
    font-size: 16px;
    line-height: 24px;
    color: #293070;
}

.lang li a {
    padding: 0px 8px;
    color: #707070;
    font-weight: 500;
    opacity: .5;
    transition: .3s ease-in;
}

.lang li a:hover {
    opacity: 1;
}

/*
.lang li:first-child a {
    border-right: 1px solid #383838;
}*/

.lang li a.active {
    color: #293070;
    opacity: 1;
}
.lang ul li::marker { content: '' !important; }/*Gaizka*/

/** menu */
.nav {
    flex: 0 0 25%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    order: 4;
}

.menu .topLevel {
    display: flex;
    justify-content: flex-end;
    list-style-type: none;
}

div.menu{
    margin-bottom: 0;
    margin-left: 0;
}

.menu li a {
    font-family: "Barlow", sans-serif;
    font-style: normal;
    text-decoration: none;
    text-transform: uppercase;
    transition: .3s ease-in;
    font-size: 16px;
    line-height: 24px;
    color: #293070;
}

.menu .topLevel li {
    padding: 16px;
    font-weight: 600;
}

/*.menu li::marker { content: '' !important; }*/ /*Gaizka*/
.menu li a:visited {
    color: #293070;
}

.menu li:hover  {
    color: #383838;
    background-color: #f1f1f1;
}


/* LOGIN */
header .login {
	flex: 0 0 10%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    order: 5;
}

header .login ul {
    display: flex;
    justify-content: flex-end;
    list-style-type: none;
	align-self: start;
}

header .login li {
    padding: 16px;
    font-weight: 600;
    background-color: #293070;
}

header .login li a {
    color: #fff;
    font-family: "Barlow", sans-serif;
    font-style: normal;
    text-decoration: none;
    text-transform: uppercase;
    transition: .3s ease-in;
    font-size: 16px;
    line-height: 24px;
}

header .login li:hover {
    background-color: #f1f1f1;
}
header .login li:hover a{
    color: #293070;
}

/*.login ul li::marker { content: '' !important; }*//*Gaizka*/

/* Header otro */
header  .nav ul.topLevel  {
	margin-top: 10px;
}
header  .login ul  {
	margin-top: 10px;
}
header ul {
	margin-bottom: 0;
    margin-left: 0;
}
header ul li{
	list-style-image: none;
    padding-bottom: 0px;
}

/* ACCESO CONFIGURADOR */ /*Gaizka*/
#mainContent:has(main) .title_page {
    display: none;
}
#dnn_ContentPane:has(main) {
  padding:0 0;
}

#mainContent main {
    background-image: url(/Portals/0/Images/banner-configurador.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 64px 0px;
}

#mainContent main .wrapper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
	text-align: center;
}

#mainContent main .wrapper h1 {
    font-family: "Barlow Semi Condensed", Sans-serif;
    font-size: 56px;
    font-weight: 500;
    line-height: 64px;
    margin-bottom: 16px;
	color: #fff;
}

#mainContent main .wrapper p {
    margin-bottom: 0 0 12px 0 !important;
    font-family: "Barlow Semi Condensed", Sans-serif;
    font-size: 22px;
    font-weight: 400;
    line-height: 28px;
	color: #fff;
}

#dnn_ContentPane:has(main) .buttons {
    display: inline-block;
}

#dnn_ContentPane:has(main) a.btn-main {
    background-color: #FFCC00 !important;
    background-image: none !important;
    color: #302F45 !important;
    text-shadow: 0 0 !important; /*Gaizka*//*oberride dnn primary button styles*/
    font-family: "Barlow Semi Condensed", Sans-serif;
    font-size: 22px;
    font-weight: 500;
    text-transform: uppercase;
    color: #302F45;
    border-radius: 50px;
    padding: 20px 32px;
    text-decoration: none;
    margin: 32px;
    display: inline-block;
    transition: .3s ease-in;
}

#dnn_ContentPane:has(main) a.btn-main:hover {
    background-color: #d8ad03;
} 

#dnn_ContentPane:has(main) a.btn-sec {
    background-color: #fff;
    font-family: "Barlow Semi Condensed", Sans-serif;
    font-size: 22px;
    font-weight: 500;
    text-transform: uppercase;
    color: #302F45;
    border-radius: 50px;
    padding: 20px 32px;
    text-decoration: none;
    margin: 32px;
    display: inline-block;
    transition: .3s ease-in;
}

#dnn_ContentPane:has(main) a.btn-sec:hover {
    background-color: #e6e6e6;
}

/* Footer  */ /*Gaizka*/
footer .wrapper {
	display: flex;
    display: flex;
    margin-left: auto;
    margin-right: auto;
    position: relative;
	/*border-top: 1px solid #293070;
    color: #293070;*/
}

footer .col {
	display: flex;
    flex: 0 0 25%;
    flex-direction: column;
    padding: 40px 16px;
}

footer img {
    width: 250px;
    max-width: 100%;
    height: auto;
    margin-top: 32px;
}

footer .menu-widget-1 {
    padding-left: 0px;
    margin-top: 12px;
}

footer .menu-widget-1 li {
    list-style-type: none;
    margin-bottom: 8px;
}

footer .menu-widget-1 li a,
footer .titular,
footer .titular a {
    text-decoration: none;
    color: #293070;
    transition: color 0.3s;
    margin:0px;
    margin-top: 12px;
}

footer  .menu-widget-1 li a span,
footer  .titular,
footer  .titular a {
    font-family: "Barlow Semi Condensed", Sans-serif;
    font-size: 24px;
    font-weight: 600;
    line-height: 32px;
    margin:0px;
    margin-top: 16px;
}

footer  .texto,
footer  .texto a {
    font-family: "Barlow Semi Condensed", Sans-serif;
    font-size: 22px;
    font-weight: 400;
    line-height: 28px;
    color: #1D1D1BCC;
    margin:0px;
    margin-top: 16px;
}

footer .texto a,
footer .titular a {
    text-decoration: none;
}

footer ul li::marker { content: '' !important; }/*Gaizka*/


/* Panes */
.columns{display:table;width:100%;}
.columns_row{display:table-row;}
.columns_row .p_left{display:table-cell;}
.columns_row .p_center{display:table-cell;padding:0 30px;}
.columns_row .p_right{display:table-cell;}
.columns_row .thirty_three{width:300px;}

.footer_width .columns_row .p_left{}
.footer_width .columns_row .p_center{border-right:dotted 1px #403f3f;border-left:dotted 1px #403f3f;}
.footer_width .columns_row .p_right{padding-left:30px; vertical-align: middle;}


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

/* Headers and Subheaders */
.Head {color: #173a92;font: bold 1.2em Helvetica,sans-serif;}
.SubHead {color: #403f3f;}


h1, h2, h3, h4, h5, h6 {color: #403f3f;font-weight: bold;line-height: 1em;margin: 0;padding: 5px 0;letter-spacing: 0.1px;}
h1 {font-size: 28px;}
h2 {font-size: 25px;}
h3 {font-size: 22px;}
h4 {font-size: 18px;}
h5 {color: #403f3f;font-size: 16px;}
h6 {color: #A5A4A4;font-size: 14px;margin: 0 0 7px;}


/* Links */
a, a:link, a:active, a:visited {border: 0 none;color: #403f3f;outline: medium none;text-decoration:none;}
a:hover {color: #173a92;text-decoration: none;text-decoration: underline;}

/* Font and Color Styles */

Body, .NormalTextBox, td, p, .Normal, .NormalDisabled, .NormalBold {color: #434445;font-family: Helvetica,sans-serif;
    font-size: 15px;line-height: 1.6em;}

/* 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: #173a92;
    font: bold small Arial,Helvetica,sans-serif;}
A.CommandButton:hover {color: #163a92;}

.dnnPrimaryAction, .dnnFormItem input[type="submit"], a.dnnPrimaryAction {
    color: #efefef !important;
    text-shadow: 0px -1px 0px #185B93;
}

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

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

.dnnPrimaryAction[disabled], .dnnPrimaryAction[disabled]:hover, .dnnPrimaryAction[disabled]:active {
    color: #aaa !important;
    text-shadow: none;
}


/* Containers */

.c_DNN6{margin-bottom:15px;}
.c_DNN6_Header{}

.c_DNN6_Header .Title.Blue, .c_DNN6_Header .Title.Blue .TitleH2{color:#173a92;font-size:29px;font-weight:normal;}
.c_DNN6_Header .Title.GreyBackground, .c_DNN6_Header .Title.GreyBackground .TitleH2{background:#d3d3d3;font-size:15px;color:#403f3f;text-align:center;font-weight: normal;}


/* Links Module */
li.linkitem{padding:5px 15px;}
li.linkitem a{font-size:20px;color:#173a92;}
li.linkitem .item_desc{display:block;}

/* Documents Module */
td.DescriptionHeader{}
td.SizeHeader{min-width:120px;}
td.SizeCell{text-align:center;}
	/* -------
	Media Queries
	---------*/
	
	/* #Tablet (Portrait)
	------------------- */

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

    @media only screen and (min-width: 768px) and (max-width: 959px) {
		
     }


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

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

    @media only screen and (max-width: 767px) {
     

    }


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

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

    @media only screen and (min-width: 480px) and (max-width: 767px) {
    								
		
	  }
    
	/* #Clearing
	------------------- */

    /* Self Clearing Goodness */
    .container:after { 
		content: "\0020"; display: block; 
		height: 0; clear: both; 
		visibility: hidden;
	 }
	
	/* Use clearfix class on parent to clear nested columns,
    or wrap each row of columns in a <div class="row"> */
    
    /*
    .clearfix:before,
    .clearfix:after,
    .row:before,
    .row:after {
		content: '\0020';
		display: block;
		overflow: hidden;
		visibility: hidden;
		width: 0;
		height: 0; 
	}
    .row:after,
    .clearfix:after {
      clear: both; }

    */
    /* 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;
    }