/* GENERAL WIDTH */
.full-width{
    width: 100%;
    clear: both;
    position: relative;
}
.inner-width{
    width: 95%;
    margin-left: auto;
    margin-right: auto;
}

/* HEADER */
header{
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1px;
    position: relative;
    z-index: 1000;
}
header a{
    text-decoration: none;
    font-family: frutiger-bold;
}
header div{ 
    position: relative;
}
.menu-top-right{
	position: absolute;
	top: 1em;
	right: 0;
	text-align: right;
}
#cootorgado{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#6cb1ff;	
	text-align:right;
}
#cootorgado a{
	display: inline-block;
}
#cootorgado img{
	margin-left: 5px;
}
@media (max-width:500px){
	#cootorgado img{
		max-width: 80px !important;
		max-height: 20px !important;
		height: auto;
	}
}
#cootorgado img {
	margin-top: 5px;
}
#menu-top{
    width: 100%;
    border-top: 1px solid #a3a3a3;
}
    #menu-top li{
        display: inline-block;
        clear: none;
        position: relative;
        margin-left: 15px;
        margin-right: 15px;
        /* list-style:disc;
        list-style-position: inside; */
        }
    #menu-top li:first-of-type, #menu-top li:last-of-type{
        list-style: none;
    }
    #menu-top li a,
    #menu-top li a:link,
    #menu-top li a:visited{
        color: #262626;
        line-height: 16px;
        padding: 18px 3px;
        display: block;
        border-width: 5px 0;
        border-style: solid;
        border-color: transparent;
    }
    #menu-top li:first-of-type{ 
        margin-left:0;
    }
    #menu-top li:hover a,
    #menu-top li a:hover,
    #menu-top li.current-menu-item a{
        border-bottom: 5px solid #6cb1ff;
        color: #6cb1ff;
    }
    #menu-top li:hover .sub-menu{
        display: block;
    }
    #menu-top ul.sub-menu{
        display: none;
        position: absolute;
        top: 62px;
        min-width: 100%;
        z-index: 1000;
        white-space: nowrap;
        background: #dcdcdc;
    }
    #menu-top ul.sub-menu li{
        float: left;
        clear:both;
        border: 0 !important;
        font-size: 12px;
        height: 40px !important;
        line-height: 40px !important;
        margin: 0px !important;
        padding: 0px 0px 4px 0px !important;
        white-space: nowrap;
    }
    #menu-top ul.sub-menu li a{
        background: url('../images/icon-arrow-right-gray.png') no-repeat;
        background-position: 5px 12px;
        background-position-x: 5px;
        background-position-y: 12px;
        height: 40px !important;
        line-height: 40px !important;
        padding: 0 10px 0 25px !important;
        margin: 0 !important;
        color: Black !important;
        width: 100%;
        border: none;
    }
    #menu-top ul.sub-menu li a:after{
        display: none;
    }
    #menu-top ul.sub-menu li a:hover{
        color: #6cb1ff !important;
        background-color: transparent
    }
	#menu-top li.displaynone{
		display: none
	}
    #menu-top li:last-of-type{
        float: right;
        margin-right: 0px;
        border-bottom: 0;
    }
    #menu-top li:last-of-type a{
        color: #0d4078;
        padding: 20px 70px 16px 25px;
        border: none;
        margin-top: 5px;
        margin-bottom: 5px;
        border-radius: 5px;
        position: relative;
                
        background-color: #6cb1ff;
        overflow: hidden;
        transition: all .25s ease-in-out;
    }
    #menu-top li:last-of-type a:hover{
        background-color: #FFB633;
    }	
    #menu-top li:last-of-type a:after{
        content: '';
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        width: 52px;
		background-color: #0d4078;
		background-image: url('../images/icon-acceso-new.png');
		background-repeat: no-repeat;
		background-position: 50% 50%;
    }
        
    #qts-lang-menu{
        position: absolute;
        right: 78px;
        top: 20px;
    }
    #qts-lang-menu li{
        float: left;
        clear: none;
        margin-left: 10px;
    }       
    header #qts-lang-menu li:last-of-type{
        border-left: 1px solid black;
        padding-left:8px;
    }
    #qts-lang-menu li a,
    #qts-lang-menu li a:link,
    #qts-lang-menu li a:visited{
        color: #262626;
        font-size: 14px;
    }
    #qts-lang-menu .current-menu-item a,
    #qts-lang-menu li a:hover{
        color: #6cb1ff !important;
    }
	
    .languages {
		display: inline-block;
		text-transform:uppercase;
	}

	.menu-menu-contacto-container, 
	.menu-menu-contacto-catalan0-container,
	.menu-menu-contact-pt-container,
	.menu-menu-contact-en-container {
		display: inline-block;
    }
    .menu-menu-contacto-container a, 
	.menu-menu-contacto-catalan0-container a,
	.menu-menu-contact-pt-container a,
	.menu-menu-contact-en-container a {
        color: #262626 !important;
        font-size: 14px;
    }    
    .menu-menu-contacto-container li:last-of-type, 
	.menu-menu-contacto-catalan0-container li:last-of-type, 
	.menu-menu-contact-pt-container li:last-of-type, 
	.menu-menu-contact-en-container li:last-of-type {
        border-left: 1px solid black;
        padding-left: 6px;
    }
    @media (max-width: 860px) {
        .menu-menu-contacto-container li:last-of-type, 
        .menu-menu-contacto-catalan0-container li:last-of-type, 
        .menu-menu-contact-pt-container li:last-of-type, 
        .menu-menu-contact-en-container li:last-of-type {
            border-left: 0;
            padding-left: 0;
        }
    }
    .menu-menu-contacto-container .current-menu-item a,
	.menu-menu-contacto-catalan0-container .current-menu-item a,
	.menu-menu-contact-pt-container .current-menu-item a,
	.menu-menu-contact-en-container .current-menu-item a,
    .menu-menu-contacto-container a:hover,
	.menu-menu-contacto-catalan0-container a:hover,
	.menu-menu-contact-pt-container a:hover,
	.menu-menu-contact-en-container a:hover {
        color: #6cb1ff !important;
    }

/* FOOTER */
footer{
    background-color: #262626;
    color: White;
    font-size:14px;
	margin-top: 50px;
	padding: 20px 0;
}
    footer a{
        /* text-decoration: none; */
    }
    #footer-inner{
        margin-left: auto;
        margin-right: auto;
        position: relative;
    }
    #footer-title{
    }
        
    #menu-footer {
		overflow: auto;
    }
    #menu-footer li{
		display: inline-block;
        clear:none;
    }
    #menu-footer a,
    #menu-footer a:link,
    #menu-footer a:visited{
        color: #909090;
        padding-right: 15px;
    }
    
    #menu-social{
        position: absolute;
        right: 0;
        top: 50%;
		
		transform:translateY(-50%);
		-webkit-transform:translateY(-50%);
		-ms-transform:translateY(-50%);
    }
@media (max-width:1575px) and (min-width:1101px){
    #menu-social{
		margin-right: 50px;
	}
}
@media (max-width:1100px) and (min-width:861px){
    #menu-social{
		margin-right: 60px;
	}
}
    #menu-social li{
        margin-left: 4px;
		display: inline-block;
    }
    #menu-social li a{
		display: block;
	}
    #menu-social li a img{
        display: block;
        width: 38px;
        max-width: 100%;
	}
    #menu-social li a:hover img{
		opacity: .75;
    }
    
    
#widget-home{
    width: 100%;
    height: 630px;
    background-repeat: no-repeat;
    background-position: 50% 0;
	background-color: #009BDB;
    position: relative;
    overflow: hidden;
}
#widget-home .btn{
	position: absolute;
	bottom: 230px;
	left: 50%;
	margin-left: -130px;
	
	transform: translate(-50%,-100%);
	-webkit-transform: translate(-50%,-100%);
	-ms-transform: translate(-50%,-100%);
}
#widget-home .btn a{
	color: #0d4078;
	padding: 20px 50px 16px 35px;
	border: none;
	margin-top: 5px;
	margin-bottom: 5px;
	border-radius: 5px;
	position: relative;
	background-color: #FFFFFF;
	overflow: hidden;
	
    line-height: 16px;
    font-weight: bold;
	display: block;
	font-family: frutiger-bold;
	text-decoration: none;
	position: relative;
}
#widget-home .btn a:after{
	content: '';
	position: absolute;
	top: 50%;
	right: 20px;
	
	width: 20px;
	height: 20px;
	
	background-image: url(../images/widget-more.jpg);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
}
@media (max-width:1250px) and (min-width:861px){
	#widget-home{
		background-size: auto 100%;
    	background-position: 60% 0;
		height: 450px;
	}
	#widget-home .btn{
		bottom: 123px;
	}
}
@media (max-width:860px){
	#widget-home{
    	background-position: 30% 0;
		background-size: auto 100%;
		height: 300px;
	}
	#widget-home .btn{
		bottom: 52px;
		margin: 0;
	}
}
@media (max-width:600px){
	#widget-home{
    	background-position: 40% 0;
		background-size: auto 100%;
		height: 200px;
	}
	#widget-home .btn{
		bottom: 34px;
	}
	#widget-home .btn a{
		padding: 12px 50px 7px 35px;
		font-size: 12px;
		line-height: 12px;
	}
}
@media (max-width:500px){
	#widget-home{
    	background-position: 30% 0;
	}
	#widget-home .btn{
	}
}
	#widget-home .btn-slider{
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: 10;
	}
    #widget-home-slogan{
        width:380px;
        float: right;
        margin-right: 40px;
        margin-top: 50px;
        text-align: right;
        font-family:frutiger-bold;
    }
    #widget-home-slogan p{
        margin-bottom: 20px;
		font-size:20px;
    }
    #widget-home-slogan p:nth-of-type(2){
        font-size:0.8em;
        font-family:frutiger-light;
    }

    /*Home Page Random específica: Agosto 2014*/
    #widget-home-slogan p.par-one{
        margin-bottom: 5px;
        font-size:1em;
        font-weight: bold;
    } 
    #widget-home-slogan p.par-two{
        margin-bottom: 15px;
        font-size:1.1em;
        font-weight: normal;

        float: right;  
        width: 310px;

    }
    #widget-home-slogan p.par-button{
        float: right;
        
        margin-bottom: 10px;
        padding: 10px 15px;

        font-size:0.9em;
        font-weight: normal;
        
        color: #FFFFFF;
        background-color: #ffad00;

    } 
    #widget-home-slogan p.par-button a{
                
        color: #FFFFFF;
        text-decoration: none;
    }
    /*End Home Page Random específica: Agosto 2014*/  

#widgets-home-switcher{
    position: absolute;
    top: -70px;
    width: 100%;
    height: 72px;
    background: url('../images/widget-home-footer-background.png?v=2') no-repeat;
    background-position: center bottom;
    z-index:100;
	border-bottom: 1px solid #CCCCCC;
	overflow: hidden;
}
    #widgets-home-switcher-title{
        margin-left:auto;
        margin-right:auto;
        font-size:1em;
        font-weight: bold;
        color: #000000;;
        line-height: 72px;
        position: relative;
        cursor: pointer;
        background: url('../images/widget-home-footer-title-background.png?v=2') no-repeat;
        background-position: left bottom;
    }
    #widget-home-toggle{
        position:absolute;
        top:26px;
        left:420px;
        height: 20px;
        width: 20px;
        display: block;
        background: url('../images/arrow-right.png?v=2') no-repeat;
        /* background: url('../images/arrow-up.png') no-repeat;*/
    }
    #widget-home-toggle.opened{
        /* background: url('../images/arrow-down.png') no-repeat; */
    }
#widgets-wrapper{
    width: 100%;
    position: absolute;
    bottom: 0;
    background-color: White;
}

#widgets-home{
    height: 376px;
    margin-left: auto;
    margin-right: auto;
    display: none;
	padding-top: 15px;
    /* min-height: 400px; */
}
    #widgets-home-inner{
        width: 100%;
        float:left;
        clear:both;
    }
    #widgets-home .widget{
        width: 33%;
        /* height: 356px; */
        float:left;
        clear:none;
        padding-right: 42px;
        position: relative;
    }
    #widgets-home .widget:nth-of-type(3){
        padding-right: 0;
    }
    #widgets-home .widget > h3{
        display: block;
        line-height: 70px;
        border-bottom: 1px solid #6cb1ff;
        color: #6cb1ff;
        padding-left: 40px; 
        margin-bottom: 15px;
    }
/*
    #widgets-home .widget:nth-of-type(2) h3{
        padding-top: 15px;
        line-height: 20px;
        padding-bottom: 15px;
        
    }
*/
    #widgets-home .widget-ganadores > h3{
        background: url('../images/widget-ganadores.jpg') no-repeat;
        background-position: 0 center;
        background-position-y: center;
    }
    #widgets-home .widget-ganadores iframe{
        margin-top: 20px;
        width: 100%;
        min-height: 200px;
    }
    #widgets-home .more{
        position: absolute;
        top: 25px;
        right: 42px;
        display: block;
        width: 18px;
        height: 18px;
        background: url('../images/widget-more.jpg') no-repeat;
    }
    #widgets-home .widget-testimonios > h3{
        background: url('../images/widget-testimonios.jpg') no-repeat;
        background-position: 0 center;
        background-position-y: center;
    }
    #widgets-home .widget-calendar > h3{
        background: url('../images/widget-calendar.jpg') no-repeat;
        background-position: 0 center;
        background-position-y: center;
    }
	#widgets-home .widget-testimonios p{
		margin-bottom: 10px;
	}
#widgets-home .widget-testimonios img{
	max-width: 100%;
	height: auto;
}
    #widgets-home .widget-experiencias > h3{
        background: url('../images/widget-experiencias.jpg') no-repeat;
        background-position: 0 center;
        background-position-y: center;
    }
    #widgets-home .widget-blog{
        margin-bottom:10px;
    }
    #widgets-home .widget-blog > h3{
        background: url('../images/widget-blog.jpg?v=2') no-repeat;
        background-position: 0 center;
        background-position-y: center;
    }
    #widgets-home .widget-blog .last-post-date{
		font-family: Helvetica, Arial;
		font-size: 12px;
		font-weight: 900;
		margin-bottom: 5px;
	}
    #widgets-home .widget-blog .last-post-title{
		font-family: Helvetica, Arial;
		font-size: 16px;
		line-height: 20px;
		margin-bottom: 10px;
	}
    #widgets-home .widget-blog .last-post-title a{
		color: #6cb1ff;
		text-decoration: none;
		font-weight: bold;
	}
    #widgets-home .widget-blog .last-post-title a:hover{
		text-decoration: underline;
	}
    #widgets-home .widget-blog .last-post-image{
	}
    #widgets-home .widget-blog .last-post-image img{
		display: block;
		max-width: 100%;
		height: auto;
	}
    #widgets-home .widget-experiencia{
        margin-bottom:10px;
    }
    #widgets-home .widget-experiencia-image{
        height: 120px;
        width: 100%;
        overflow:hidden;
        position: relative;
        display: block;
    }
    #widgets-home .widget-experiencia-title{
        margin: auto;
        position: absolute;
        top: 50%;
        margin-top:-25px;
        z-index:100;
        background: Black;
        color: White;
        height: auto !important;
        max-width: 70%;
        padding:10px;
    }
    #widgets-home .widget-experiencias img{
        width: 100%;
        margin: auto;
        position: absolute;
        top: 0; left: 0; bottom: 0; right: 0;
        z-index: 99;
    }
    #widgets-home .widget-videos h3{
        background: url('../images/widget-videos.jpg') no-repeat;
        background-position: 0 center;
        background-position-y: center;
    }
    #widgets-home .widget-videos p{
		margin-bottom: 1em;
	}
    #widgets-home .widget-videos .video{
		margin-bottom: 1em;
		background-color: #000000;
		overflow: hidden;
	}
    #widgets-home .widget-videos .video iframe{
		width: 100%;
	}
    #widgets-home .widget-videos .btn{
		font-family: frutiger-bold;
		display: block;
		width: 100%;
		background-color: #6cb1ff;
		padding: 16px 20px;
		border-radius: 5px;
		font-weight: bold;
		text-decoration: none;
		color: #0d4078;
		text-align: center;
		font-size: 14px;
		line-height: 14px;
	}
	#widgets-home .widget-videos .btn:hover {
		background-color: #FFB633;
	}
	@media (max-width:860px) and (min-width:450px){
		#widgets-home .widget-videos .btn{
			display: inline-block;
			width: auto;
		}
	}
    #widgets-home .widget-twitter h3{
        background: url('../images/widget-twitter.jpg') no-repeat;
        background-position: 0 center;
        background-position-y: center;
    }
    #widgets-home .widget-twitter-tweet{
        font-family: Helvetica, Arial !important;
        position: relative;
        padding-left: 60px;
        min-height: 100px;
        border-bottom: 1px solid #ccc;
        margin-bottom: 10px;
		overflow: auto;
    }
    #widgets-home .widget-twitter-tweet img{
        position: absolute;
        top: 0;
        left: 0;
    }
    #widgets-home .widget-twitter-tweet .tweet-text a{
        color: #6cb1ff !important;
        text-decoration: none;
        font-weight: bold;
    }
    #widgets-home .tweet-user{
        display:block;
        float:left;
        clear:both;
        font-size: 14px;
        margin-bottom: 5px;
        color: Black !important;
        font-weight: bold;
        text-decoration: none;
    }
    #widgets-home .tweet-text{
        float:left;
        clear:both;
    }
    #widgets-home .tweet-date{
        display: none;
        float:left;
        clear:both;
    }

/* SIDEBAR */

#sidebar{
	float: right;
	margin-top: 40px;
    font-family:frutiger-bold;
    border-radius:10px;
	overflow: hidden;
	box-shadow: 0 5px 10px rgba(0,0,0,.15);
	position: relative;
	z-index: 100;
}
#sidebar ul li{
    width: 210px;
	position: relative;
	border-bottom: 1px solid #009BDB;
    background-color: #FFFFFF;
    background-position: 15px 25px;
	background-repeat: no-repeat;
	min-height: 100px;
	text-align: left;
}
#sidebar ul li:first-child{
    background-image: url('../images/mega-azul.png');
    background-color: #FFB633;
    background-position: 15px 25px;
}
#sidebar ul li:last-child{
	border: none;
}
#sidebar ul li:after{
	content: '';
	position: absolute;
	bottom: .5em;
	right: .5em;
	width: 20px;
	height: 20px;
    background-image: url('../images/arrow-right-blue.png');
	background-position: 50% 50%;
	background-repeat: no-repeat;
}
#sidebar ul li:first-child:after{
    background-image: none;/*url('../images/arrow-right-orange.png');*/
}
#sidebar ul li a{
    padding: 25px 15px 20px 75px;
    text-decoration: none;
    display:inline-block;
    color: #81bbf9;
}
#sidebar ul li:first-child a{
	color: #0d4078;
}
#sidebar ul li:hover{
	opacity: .9;
}
#sidebar ul li:first-child:hover{
	opacity: 1;
}
#sidebar ul li:nth-child(2){
    background-image: url('../images/inscribete-azul.png');
}
#sidebar ul li:nth-child(3){
    background-image: url('../images/masinfo-azul.png');
}
#sidebar ul li.masinfo{
    background-image: url('../images/masinfo-azul.png') !important;
}

/* layout imatges textes legals */
body.page-id-266 article p, body.page-id-268 article p, body.page-id-270 article p, body.page-id-272 article p, body.page-id-274 article p {
	width:auto !important;
	clear:none;
}