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

body{
	margin: 0 auto;
	font-family: DaxMedium;
	

}


@font-face {
    font-family: 'DaxMedium';
    src: url('dax-webfont.eot');
    src: url('dax-webfont.eot?#iefix') format('embedded-opentype'),
         url('dax-webfont.woff') format('woff'),
         url('dax-webfont.ttf') format('truetype'),
         url('dax-webfont.svg#DaxMedium') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'DaxBold';
    src: url('dax-bold-webfont.eot');
    src: url('dax-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('dax-bold-webfont.woff') format('woff'),
         url('dax-bold-webfont.ttf') format('truetype'),
         url('dax-bold-webfont.svg#DaxBold') format('svg');
    font-weight: bold;
    font-style: normal;

}



html,body {

	
}


a{
	text-decoration: none;
	color: #fff;

}

img{
	border: 0px;
}

#index-container{	
	margin: 0 auto;
	margin-top: 15px;
	width: 1024px;
	height: 768px;
	background-image: url(../images/bg-index.jpg);
	-moz-box-shadow: 0px 0px 35px gray;
	box-shadow: 0px 0px 35px gray;
	-webkit-box-shadow: 0px 0px 35px gray;
	border: 1px solid gray;

}

#home-container{	
	margin: 0 auto;
	margin-top: 15px;
	width: 1024px;
	height: 768px;
	background-image: url(../images/bg-web.jpg);
	-moz-box-shadow: 0px 0px 35px gray;
	box-shadow: 0px 0px 35px gray;
	-webkit-box-shadow: 0px 0px 35px gray;
	border: 1px solid gray;

}


.logo-container{
	width: 100%;


}

.logo-index{
	margin: 0 auto;
	width: 447px;
	height: 230px;
	padding-top: 230px;
	

}

.slogan{
	float: right;
	color: white;
	margin-top: -40px;
	text-align: right;
	font-weight: bold;
	margin-right: 15px;
	font-size: 18px;
	letter-spacing: 1px;
}

#idioma-bar{
	margin: 0 auto;
	width: 1024px;
	height: 48px;
	margin-top: 68px;
	background-image: url(../images/franja-index-blue.jpg);
	

}


#contenidor-idiomes{
	font-family: DaxMedium;
	font-weight: bold;
	font-size: 12px;
	width:297px;
	height: 20px;
	margin: 0 auto;
	padding-top: 18px;

}

.castellano{
	float:left;
	width: 88px;
	height: 21px;
	padding-right: 4px;
	background-image: url(../images/punt-index.png);
	background-position: top right;
	background-repeat: no-repeat;

}


.english{
	float:right;
	width: 70px;
	height: 21px;
	padding-top: 0px;
	text-align: right;
	background-image: url(../images/punt-index.png);
	background-position: top left;
	background-repeat: no-repeat;
}


/*-------------- END OF INDEX - SELECCIîN DE IDIOMES --------------*/


.capsalera{
	width: 1024px;
	height: 143px;
	background-image:url(../images/capsalera-bg.jpg);


}

.logo-home{
	padding-left: 33px;
	padding-top: 17px;

}


/*------------ END OF CAPSALERA - BEGIN MENò ---------------*/


.menu-garcoin{
	float: left;
	height: 50px;


}

#menu-garcoin{
	float: left;
	height: 50px;


}

.menu-garcoin ul{
	float: left;
	margin-left: -31px;
	margin-top: 8px;
}


.menu-garcoin a{
	color: #27adec;
}

.menu-garcoin a:hover {
	color: #fff;

}


.menu-garcoin li{
	display: table;
	vertical-align: middle;
	list-style: none;
	float: left;
	width: 124px;
	height: 42px;
	text-align: center;
	font-size: 13px;
	
	margin-right: 2px;
	background-color: #dadada;

}

.selected{
	background-image:url(../images/bg-button.jpg);
	color: #ffffff;
	font-weight: bold;


}

.selected a{
	color: #fff;

}


.single{
	padding-top:8px;
	margin-top: 5px;
	margin-bottom: 5px;

}

.single2{
	padding-top:8px;
	margin-top: 12px;
	margin-bottom: 5px;

}




.doble{ 
	margin-top: 5px;
	margin-bottom: 5px;
}


.doble2{ 
	margin-top: -8px;
	margin-bottom: 8px;
}


.cos-garcoin{
	clear: both;
	width: 1024px;
	height: 500px;
	line-height: 17px;
	letter-spacing:0.5px;
	font-size: 13px;
	color: #27adec;
}

.text-base{
	float:left;
	text-align: justify;
	margin-left: 55px;
	margin-top: 75px;
	padding: 10px;
	width: 410px;
	height: auto;
	text-shadow: 1px 1px 0px #fff;


}


.text-base-sub{
	float:left;
	text-align: justify;
	line-height: 16px;
	margin-left: 55px;
	margin-top: 75px;
	padding: 10px;
	width: 480px;
	height: auto;
	text-shadow: 1px 1px 0px #fff;


}



.text-presencia{
	float:left;
	text-align: justify;
	margin-left: 55px;
	margin-top: 75px;
	padding: 10px;
	width: 250px;
	height: auto;
	text-shadow: 1px 1px 0px #fff;


}

.borde-esquerre{
	width: 400px;
	height: 14px;
	background-image: url(../images/corner-left.png);
	background-repeat: no-repeat;
	margin-left: -10px;
	margin-bottom: -5px;

}


.borde-dret{
	width: 400px;
	height: 14px;
	background-image: url(../images/corner-right.png);
	background-repeat: no-repeat;
	background-position: right;
	margin-top: -10px;
	margin-right: -15px;
	float:right;

}

.borde-dret-presencia{
	width: 250px;
	height: 14px;
	background-image: url(../images/corner-right.png);
	background-repeat: no-repeat;
	background-position: right;
	margin-top: -10px;
	margin-left: 10px;

}

.img-section{
	
	float:left;
	padding-top: 48px;
	margin-left: 110px;


}


.img-section-sub{
	float:left;
	padding-top: 188px;
	margin-left: 40px;

}

.img-section-presencia{
	
	float:left;
	padding-top: 80px;
	margin-left: 20px;


}


.footer{
	color: #fff;
	margin-top:21px;
	width: 1024px;
	height: 54px;
	background-image: url(../images/footer-img.jpg);


}

.text-footer{
	text-align: center;
	padding-top: 20px;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 1px;

}


.text-columna-1{
	margin-top: 20px;
	width:240px;
	float:left;
	text-shadow: 1px 1px 0px #fff;
	text-align: left;


}

.text-columna-long{
	text-align: left;
	margin-top: 20px;
	width:340px;
	float:left;
	text-shadow: 1px 1px 0px #fff;


}

.text-columna-2{
	margin-top: 20px;
	width:185px;
	height:270px;
	float:left;
	text-shadow: 1px 1px 0px #fff;
	text-align: left;
	margin-left: -20px;


}

.text-columna-3{
	margin-top: 20px;
	height:auto;
	max-width: 240px;
	margin-left: 0px;
	overflow:  hidden;
	float:left;
	text-shadow: 1px 1px 0px #fff;
	text-align: left;


}


.text-columna-3-long{
	margin-top: 20px;
	height:auto;
	width: 140px;
	margin-left: 00px;
	overflow:  hidden;
	float:left;
	text-shadow: 1px 1px 0px #fff;
	text-align: left;


}



.text-columna-pol{
	margin-top: 25px;
	width:140px;
	float:left;
	text-shadow: 1px 1px 0px #fff;
	text-align: left;
	margin-right: 15px;


}



/*------------- Contactorrr!!!---------*/


.container-contacto{
	margin-left: 9px;
	width: 1006px;
	height: 430px;
	position: absolute;
	margin-top: 38px;
	background-image: url(../images/bg-contacto.jpg);
	color: #fff;


}

.info-contacto{
	float:left;
	text-align: justify;
	width: 380px;
	height: 332;
	margin-top: 54px;
	margin-left:63px;

}

.formulari{
	float:left;
	margin-left: 107px;
	margin-top: 50px;
	width: 392px;
	height: 370px;
	font-weight: bold;
}


.titol-formulari{
	border-bottom: 1px solid #fff;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 0px;

}

.nom{
	float:left;
	width: 79px;
	margin-top: 25px;


}

.segona{
	padding-top: 5px;
}

.casella-text{
	background-color: #fff;
	border: 0px;
	float: right;
	margin-top: 20px;
	width: 307px;
	height: 25px;

}


.text-contacte{
	background-color: #fff;
	border: 0px;
	float: right;
	margin-top: 20px;
	width: 307px;
	height: 133px;
	resize: none; 

}

#boto-enviar{
	position: absolute;
	margin-top: 310px;
	margin-left: 325px;

}



#submenu{  
	z-index: 150;
    position: absolute;
  	padding-top: 0px; 
    display: none;  
    width: 138px;
    height: 220px;
	background-image: url(../images/bg-submenu.png);
	background-repeat: no-repeat;
	margin-left: 634px; 
	margin-top: 48px;
    
}    

#submenu ul{  
    margin-top: 5px;
	margin-left: -36px;
	font-size: 13px;
}  


.subnav li{
	list-style: none;
	height: 30px;
	
	padding-top: 8px;  
	margin-bottom: 3px;
	text-align: center;
    
}    

.llarg a:hover{ 
	

}

#submenu a:hover{
	color: #cacaca;

}