/*correccions de IE i FF SF */
* {
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
p{margin-top:0px;margin-bottom:1em}
form{margin:0px}
input{padding:1px}


body {
		 
 	padding:0; 
 	background-color: #666666;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	text-align:center;
}



/* Marc  arrodonit imatges */
#nifty{ margin: 0px ;background: #CCDDEE; height:80px;}
b.rtop, b.rbottom{display:block;background: #FFF}
b.rtop b, b.rbottom b{display:block;height: 1px;
overflow: hidden; background: #EEE;}
b.r1{margin: 0 5px}
b.r2{margin: 0 3px}
b.r3{margin: 0 2px}
b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 80px}


#back {
	width: 1000px;
	height:auto;
	margin-top:30px;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFFFFF;
	/*padding-left: 10px;/*FF*/
	/*_padding-left: 0px;/*IE*/
	/*_margin-left: 60px;/*IE*/
	/*_padding-left: 0px;/*IE*/
	/*display: block;
	z-index:0;	margin-right: 10px;	*/
}


/*Posicionament Continguts  PRINCIPAL*/
#cap {
	margin-top: 10px;
	text-align:center;
	display:block;
	width: auto;
	height: 170px;
	margin-left:auto;
	margin-right:auto;
	/*overflow:visible;*/
	
}

#banner {
	width: 1000px;
	height: 140px;
	margin: 0px;
	text-indent::20px;
	/*margin-left:auto;
	margin-right:auto;*/
	background-image: url(images/banner.jpg);
	background-repeat:no-repeat;
	/*overflow:visible;*/
	
}
#textbanner {
	position:relative;
	top:30px;
	left:360px;
	_left:110px; 
	width:650px; 
}

#flags {
	position:relative;
	text-align:right;
	top:50px;
	left:850px;
	_left:50px; 
	width:150px; 
}


#menu {
	margin :0px;
	background: #000;
	width: 700px;
	height:24px;
	
	margin-left:auto;
	margin-right:auto;
	
}

#Bmenu {
	margin :0px;
	background: #000;
	width: 1000px;
	height:24px;
	margin-left:auto;
	margin-right:auto;
	
	
}

#mainfr {	
	width:auto;
	height: auto;
	/*margin-top:auto;
	margin-left:auto;*/
	text-align:center;
	margin-top:0px;
	/*padding-top:10px;*/
	display:block;
	margin-right:10px;
	margin-top:4px;
	background:#FFF;
	float: right;

}

#sup1 {
	width: 373px;
	height: 273px;
	text-align: left;
	margin: 0px 0px 0px 0px;
	background:#EEE;
	background-repeat:no-repeat;
	//background-image: url("./images/viatges.jpg");
}

#sup2 {
	width: 373px;
	height: 273px;
	text-align: left;
	float: right;
	margin: 0px 0px 0px 0px;
	background:#CeC;
	background-repeat:no-repeat;
	//background-image: url("./images/paisatges1.jpg");
	
}

#inf1 {
	width: 373px;
	height:65px;
	margin: 0;
	text-align: center;
	background:#7da66a;
	
	
}

#inf2 {
	width: 373px;
	height: 65px;
	text-align: center;
	float: right;
	margin-right: 2px;
	background:#ff420b;
	
}

#bott1{
	margin: 0px 0px 0px 0px;
	text-align: left;
	width: 748px;
	height: 414px;
	background:#FFF;
	border:0;
	/*overflow:visible;float: right;*/
	
}

#sframe {
	margin: 0px 0px 0px 0px;
	text-align: left;
	border:hidden;
	width: 748px;
	height:414px;
	background:#FFF;

	/*overflow:visible;float: right;*/
	
}

#mainpal {
	margin: 0px 0px 0px 0px;
	text-align: left;
	border:hidden;
	width: 774px;
	height: 760px;
	background:#FFF;
	padding-left:8px;
	_padding-left:6px;
	padding-top:2px;
		
}
#maindiv {
	margin: 4px 0px 0px 0px;
	text-align: left;
	border:hidden;
	width: 1000px;
	height: 760px;
	background:#FFF;

	/*overflow:visible;float: right;*/
	
}

#maindivfr {
	margin: 0px 0px 0px 0px;
	/*padding-top:4px;*/
	text-align: left;
	border:hidden;
	width: 1000px;
	height: 760px;
	background:#FFF;

	/*overflow:visible;float: right;*/
	
}
#botmain {
	margin: 4px 0px 10px 0px;
	text-align: left;
	width: 1000px;
	height: 40px;
/*	background:#CCCCCC;
	border-top-width: 4px;
	border-top-style: solid;*/
	border-top-color: #CC3300;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: center;
	padding-top: 4px;
	clear: both;
	
}

/* Contingut de l'esquerra */
#contesq {
	width: 220px;
	height: 760px;
	float: left;
	display:block;
	margin: 0px 0px 0px 0px;
	background:#FFF;
	border-right:#333333 2px solid;
	
		
}

#contesqfr {
	width: 220px;
	height: 760px;/*760*/
	float: left;
	display:block;
	margin: 0px 0px 0px 0px;
	background:#FFF;
	border-right:#333333 2px solid;
	
		
}
#contesqtop {
	width: 200px;
	height: 150px;
	float: left;
	margin: 4px 10px 4px 10px;
	background:#FFF;
	border:#555 1px solid;
	
		
}

#contesqmed {
	width: 200px;
	height: 250px;
	float: left;
	margin: 4px 10px 4px 10px;
	background:#FFF;
	border:#555 1px solid;
	
		
}


#contesqmed1 {
	width: 200px;
	height: 150px;
	float: left;
	margin: 4px 10px 4px 10px;
	background:#FFF;
	border:#555 1px solid;
	
		
}


#contesqbot {
	width: 200px;
	height: 150px;
	float: left;
	margin: 4px 10px 4px 10px;
	background:#FFF;
	border:#555 1px solid;

}

#contlabel1{
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:bold;
	color:#FFFFFF;
	background-color:#ff5827;
	margin-bottom:8px;
}
#contlabel2{
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:bold;
	color:#FFFFFF;
	background-color:#7da66a;	
}
#contlabel3{
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:bold;
	color:#FFFFFF;
	background-color:#BEC8D3;
}
#contlabel4{
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:bold;
	color:#FFFFFF;
	background-color:#7b8fa7;	
}


/*Contingut central */
#contingut {
	width: 748px;
	height: 414px;
	text-align: left;
	padding-top:10px;
	margin: 0px 0px 0px 0px;
	background:#FFF;
	border:0;
	/*padding-left: 4px;*/
	
}

#contingut h1{
	margin:0;
	font-size: 14px;
	font-weight:bold;
	font-family : Arial, Helvetica, sans-serif;
	color:#555;
}

#contingut h2{
	margin:0;
	font-size: 16px;
	font-weight:bold;
	font-family : Arial, Helvetica, sans-serif;
	color:#444;
	text-align:center;
	
}

#contingut h3{
	margin:0;
	font-size: 14px;
	font-weight:bold;
	font-family : Arial, Helvetica, sans-serif;
	color:#444;
	text-align:center;
	
}




#contingut ul,li,em{ 
	font-size : 12px;
 	font-family : Arial, Helvetica, sans-serif;
 	font-weight : normal;
 	color : #000000;
	list-style-type:square;

}







/*
#contingut	A:link		{text-decoration:none;color:#3366CC;font-weight:300;font-size:12px;}
#contingut	A:visited	{text-decoration:none;color:#CC3333;font-weight:300;font-size:12px;	}
#contingut	A:active	{text-decoration:none;color:#00CC99;font-weight:300;font-size:12px;	}
#contingut	A:hover		{text-decoration:underline;color:#333366;font-weight:300;font-size:12px;} 

*/

#sombra {
float:left;
padding:0 8px 8px 0; /*Esta es la profundidad de nuestra sombra, sí haces más grandes estos valores, el efecto de sombra es mayor también */
background: url('/3web/images/css-efecto-sombra.gif') no-repeat bottom right; /*Aquí es donde ponemos la imagen como fondo colocando su ubicación*/
} 

#sombra img {
display:block;
position:relative;
top: -3px; /* Desfasamos la imagen hacia arriba */
left:-3px; /*Desfasamos la imagen hacia la izquierda */
padding:0px;
background:#FFFFFF; /*Definimos un color de fondo */
border:1px solid;
border-color: #CCCCCC #666666 #666666 #CCCCCC /*Creamos un marco para acentuar el efecto */
}

#backwhite {
		 
 	padding:0; 
 	background-color: #FFFFFF;

}


/*CLASSES */


/*filet arrodonit amb imatges gif */
.box {     width: 482px;
    background-image: url("/3web/images/centro.gif");
    background-repeat: repeat-y;
}

.topbox {
    background-image: url("/3web/images/arriba.gif");
    background-position: top left;
    background-repeat: no-repeat;
}

.botbox {
    background-image: url("/3web/images/abajo.gif");
    background-position: bottom left;
    background-repeat: no-repeat;
    padding: 15px 15px 15px 15px;
} 

.botbox h1{
	margin:0;
	font-size: 14px;
	font-weight:bold;
	font-family : Arial, Helvetica, sans-serif;
	color:#555;
}

	 
.titol	{
 font-size : 16px;
 font-family : Arial, Helvetica, sans-serif;
 font-weight : bold;
 text-transform: uppercase; 
 color : #000000;
}

.text_normal_negreta {
 font-size : 14px;
 font-family : Arial, Helvetica, sans-serif;
 font-weight: bold;
 color : #000000;
}

.text_normal	{
 font-size : 12px;
 font-family : Arial, Helvetica, sans-serif;
 font-weight : normal;
 color : #000000;
}

.text_peu	{
	margin:14px;
 font-size : 11px;
 font-family : Arial, Helvetica, sans-serif;
 font-weight:normal;
 font-style:italic;
 color : #000000;
}

.text_bot{
	text-align: center;
	font-family: verdana, arial, sans-serif;
   	font-size: 14pt;
   	font-weight:bold;
   	color: #FFFFFF;

}
.text_bot A:link		{text-decoration:none;color:#fff;font-weight:800;font-size:14pt;}
.text_bot A:visited	{text-decoration:none;color:#fff;font-weight:800;font-size:14pt;	}
.text_bot A:active	{text-decoration:none;color:#fff;font-weight:800;font-size:14pt;	}
.text_bot A:hover		{text-decoration:none;color:#fff;font-weight:800;font-size:14pt;} 


.titol_gran	{
    font-family: verdana, arial, sans-serif;
	color: #333;
	margin: 0;
	padding: 0px 0px 6px 0px;
	font-size: 40px;
	line-height: 44px;
	letter-spacing: -2px;
	font-weight: 800;

}

.tit {  
 font-family: Verdana, Arial, Helvetica, sans-serif;  
 font-size: 16px;  
 color: #454545;  
}  
.tit2{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #454545;
} 
.prod {  
 font-family: Verdana, Arial, Helvetica, sans-serif;  
 font-size: 11px;  
 color: #454545;  
}
.table{
border-style: solid;
border-color: #83a8cc;
border-width: 1px;
}

.table1{
	border-style: solid;
	border-color: #555;
	border-width: 1px;
}



.TDSmall1{
	border-width:1px;
	border-color:#999999;
	border-style:solid;
	text-align:center;
	font-weight:lighter;
	font-size:8pt;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color:#FFFFFF;
	color:#000000;
}

.TDSmall{
	border-width:1px;
	border-color:#999999;
	border-style:solid;
	text-align:center;
	font-weight:lighter;
	font-size:8pt;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color:#ccc;
	color:#000000;
}
.TDMed{
	border-width:1px;
	border-color:#7da66a;
	border-style:solid;
	text-align:center;
	font-weight:bold;
	font-size:8pt;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color:#7da66a;
	color:#ffffff;
}

.TDBig{
	border-width:1px;
	border-color:#FF0000;
	border-style:solid;
	text-align:center;
	font-weight:bold;
	font-size:10pt;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color:#ff420b;
	color:#ffffff;
}

 /*

 body  {
SCROLLBAR-HIGHLIGHT-COLOR: #3366CC; /* SOMBRA/EFECTE 3D DE LA PART SUPERIOR ESQUERRE *
 SCROLLBAR-SHADOW-COLOR: #3366CC; /* SOMBRA/EFECTE 3D DE LA PART INFERIOR DRETA *
 SCROLLBAR-3DLIGHT-COLOR: #3366CC; /* SOMBRA/EFECTE 3D DE LA PART SUPERIOR ESQUERRE *
 SCROLLBAR-ARROW-COLOR: #3366CC; /* COLOR DE LES FLETXETES *
 SCROLLBAR-TRACK-COLOR: #3366CC; /* FONS DEL SROLL *
 SCROLLBAR-DARKSHADOW-COLOR: #3366CC;/* SOMBRA/EFECTE 3D DE LA PART INFERIOR DRETA *

}
 */
 
A:link	{
 text-decoration:none;color:#fa450e;font-weight:200;font-size:12px;
}
A:visited	{
text-decoration:none;color:#ff450e;font-weight:200;font-size:12px;
}
A:active	{
text-decoration:none;color:#8f0906;font-weight:200;font-size:12px;
}
A:hover	{
text-decoration:none;color:#8f0906;font-weight:200;font-size:12px;
}