@charset "UTF-8";
/* CSS Document */

input {
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}

#portrait {display:none !important;}
#main {display: block !important;}

html { font-family: 'Oxygen', sans-serif;}

/*body { background:url(../imgs/fons_gran.png) repeat-x;background-color:#222}*/
body{width:100%;height:100%;background-color:#222}
li {list-style:none;}
a {text-decoration:none; color: #331800;}
a:hover, a:active { color: #41519C;}
#main { width:100%;height:100%;position:absolute; top:130px;left:0px;background:transparent url(../imgs/presenta.jpg) no-repeat;-moz-background-size:cover;-webkit-background-size:cover;background-size:cover;-o-background-size:cover; height:450px;}
header {width:100%; position:fixed; top: 0px;left:0px;display:block;background-color:#222;height:130px}
#logo {position:absolute; top:30px; left:5%;}
/*#logo img {width:120px; height:40px; border:none;}*/
#logo img {width:auto; height:40px; border:none;}
#lang {position: absolute; top:0; left:720px; width:170px; z-index: 100}
#lang ul {margin-left:-30px; margin-top:-5px;}
#lang li {display:inline; font-size:0.8em; margin-left: 8px;}
.marcat {font-weight:bold;}
#footer {width: 97%; color: #FFF; font-size: 1.4em; font-weight:bold; text-align:right; position: absolute; /*top: 580px*/top:calc(100% - 5%);/*height:150px*/height:auto;left:0px}
/*#contingut{top:160px !important;}*/

#content {
	width:890px;
	height: 525px;
	background-color:#FFF;
	clear:both;
	padding-left:10px;
	position: relative;
	top:90px;
}

#header {width:100%; position:absolute;background-color:#222;height:150px}
#content2 {
	width:890px;
	height: 525px;
	background-color:#FFF;
	clear:both;
	padding-left:10px;
	padding-top: 5px;
	position: relative;
	top:93px;
}



/* ----- MENU ----- */

nav {position: absolute; top:-4px; left: 135px;}

#nav li {
	list-style: none;
	height: 43px;
	float:left;
	padding:10px 5px;
}

#nav li a {
	width: 110px;
	height: 40px;
	line-height: 53px;
	border-bottom: 3px solid #CCC;
	padding:0px;
	color: #000;
	font-size:0.8em;
	font-weight:lighter;
	text-align:center;
	text-decoration: none;
	display: block;
	-webkit-transition: .2s all linear;
	-moz-transition: .2s all linear;
	-o-transition: .2s all linear;
	transition: .2s all linear;
}

#nav li a:hover {
	border-bottom: 34px solid #CCC;
	height: 9px;
	color:#FFF;
}

.video-demo {
    height: 70%;
    overflow: hidden;
    position: absolute;
    width: 70%;
    height: 70%;
    top: 15%;
    text-align: center;
    margin: 0 15%;
}

.video-demo iframe, .video-responsive object, .video-responsive embed {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    }

/* iPads (portrait) ----------- */
@media all and (orientation : portrait) {
/* Styles */
#main {display: none !important;}
#portrait {display: inline !important; width:100%; text-align:center; position: absolute; top:250px;}

}

@media screen and (min-width:320px) and (max-width:359px){
	/*#logo {left:10%; top: 20px;}
	#logo img {width:80px; height:40px;}*/
	header{height:60px}
	#main{top:60px;}
	.marcat:hover{color:#ff9933;}
	#lang {left:92%;top:5px}
	#lang li {font-size:1.0em;}
	#lang li a{color:#fff;}
	#lang li a:hover{color:#ff9933;}
	#contingut{top:18px !important;}

}

@media screen and (min-width:360px) and (max-width:480px){
	/*#logo {left:10%; top: 20px;}
	#logo img {width:80px; height:40px;}*/
	header{height:80px}
	#main{top:80px;}
	.marcat{color:#fff;}
	.marcat:hover{color:#ff9933;}
	#lang {left:92%;top:5px}
	#lang li {font-size:1.0em;}
	#lang li a{color:#fff;}
	#lang li a:hover{color:#ff9933;}
	/*#main { width:100%; margin:0 auto; position:absolute; }*/
	#contingut{top:20px !important;}

}

@media screen and (min-width:481px) and (max-width:750px){
	header{height:80px}
	#main{top:80px;background:transparent url(../imgs/presenta_360.jpg) no-repeat;-moz-background-size:cover;-webkit-background-size:cover;background-size:cover;-o-background-size:cover; height:200px;}
	.marcat{color:#fff;}
	.marcat:hover{color:#ff9933;}
	#lang {left:92%;top:5px}
	#lang li {font-size:1.0em;}
	#lang li a{color:#fff;}
	#lang li a:hover{color:#ff9933;}
	#contingut{top:22px !important;font-size:0.8em !important;}
	

}

@media  screen and (min-width:1024px) and (max-width:1151px){
	
	/*body{background:url(../imgs/fons_gran.png) repeat-x;background-color:#000}
	#logo {left:10%; top: 20px;}
	#logo img {width:130px; height:60px;}*/

	#main{background:transparent url(../imgs/presenta_1024.jpg) no-repeat;height:360px}
	.marcat{color:#fff;}
	.marcat:hover{color:#ff9933;}
	#lang {left:92%;top:5px}
	#lang li {font-size:1.0em;}
	#lang li a{color:#fff;}
	#lang li a:hover{color:#ff9933;}
	#contingut{top:100px !important}
}

@media  screen and (min-width:1152px)and (max-width:1365px){
	/*body{background:url(../imgs/fons_gran.png) repeat-x;background-color:#000}
	#logo {left:10%; top: 20px;}*/
	#logo img {height:50px;}
	.marcat{color:#fff;}
	.marcat:hover{color:#ff9933;}
	#lang {left:92%;top:5px;}
	#lang li {font-size:1.0em;}
	#lang li a{color:#fff;}
	#lang li a:hover{color:#ff9933;}
	/*#contingut{top:160px !important;}*/
}
@media  screen and (min-width: 1366px) and (max-width:1599px){
/*body { background:url(../imgs/fons_gran.png) repeat-x;background-color:#000}*/
/*#main { width:100%;background-color:transparent}*/
#content { width:1190px; height: 485px; top:115px; background-color:#FFF}
#content2 { width:1190px; height: 485px; top:115px; background-color:#FFF;}
/*header {top: 5px;}*/
/*#header {top: 25px;}*/
/*#logo {left:10%; top: -5px;}
#logo img {width:180px; height:60px;}*/
#logo img {height:50px;}
#lang {left:85%;top:5px;}
#lang li {font-size:1.1em;}
nav {top:10px; left: 240px;}
#nav li a {width: 140px; font-size:1.4em;}
.marcat{color:#fff;}
.marcat:hover{color:#ff9933;}
#lang li a{color:#fff;}
#lang li a:hover{color:#ff9933;}


}

@media screen and (min-width:1600px){
	/*body { background:url(../imgs/fons_gran.png) repeat-x;background-color:#000}*/
/*#main { width:100%;background-color:transparent}*/
#content { width:1190px; height: 485px; top:115px; background-color:#FFF}
#content2 { width:1190px; height: 485px; top:115px; background-color:#FFF;}
/*header {top: 5px;}*/
/*#header {top: 25px;}*/
/*#logo {left:10%; top: -5px;}
#logo img {width:180px; height:60px;}*/
#logo img {height:60px;}
#lang {left:85%;top:5px;}
#lang li {font-size:1.1em;}
nav {top:10px; left: 240px;}
#nav li a {width: 140px; font-size:1.4em;}
.marcat{color:#fff;}
.marcat:hover{color:#ff9933;}
#lang li a{color:#fff;}
#lang li a:hover{color:#ff9933;}

	
}

@media screen and (min-height:480px) and (max-height:599px){
    #footer{
        
        font-size: 0.7em;
    }
    #contingut{
        top:18% !important;
    }
    
    #contingut section{
        font-size: 0.75em;
       
    }
    
    #boto_enviar li a {
        width: 90px !important;
        height: 15px !important;
    }
    
    #main{
        height: 300px;
    }
}
@media screen and (min-height:600px) and (max-height:719px){
    #footer{
        
        font-size: 1.1em;
    }
    
    #main{
        height: 425px;
    }
    
    #contingut{
        top:25% !important;
    }

}
@media screen and (min-height:720px) and (max-height:767px){
    #footer{font-size: 1.1em;}
     #contingut{
        top:25% !important;
    }
}
@media screen and (min-height:768px) and (max-height:799px){
    #footer{
        top:calc(100% - 6%)
        font-size: 1.2em;
    }
     #contingut{
        top:30% !important;
    }
}
@media screen and (min-height:800px) and (max-height:849px){
     #footer{top:calc(100% - 7%)}
    #contingut{top:35% !important;}
    #main{
        height: 400px;
    }
}
@media screen and (min-height:850px) and (max-height:899px) {
    #footer{top:calc(100% - 6%)}
    #contingut{top:35% !important;}
    #main{
        height: 450px;
    }
}

@media screen and (min-height:900px) and (max-height:1023px) {
    #footer{top:calc(100% - 5%)}
    #contingut{top:35% !important;}
    #main{
        height: 560px;
    }
}

@media screen and (min-height:1024px) {
	#footer{top:calc(100% - 5%)}
    #contingut{top:35% !important;}
    #main{
        height: 600px;
    }
}