@media screen {
	/* Global elements style */
	html {
		overflow-y: scroll;
	}

	body {
		font-family: arial, helvetica, sans-serif;
		color: #335c85;
		font-size: 13px;
        padding: 0px;
        margin:0px;
	}

	h1, #selection {
		font-size: 2em;
		font-weight: bold;
	}

	h2 {}

	h3 {
		font-size: 1.1em;
		font-weight: bold;
		margin-bottom: 0px;
	}

	em {
		color: red;
		font-weight: bold;
	}

	form {
		margin: 0px;
		padding: 0px;
	}
	
	a { 
		text-decoration: none;
		color: #87000B;
		font-weight: bold;
	} 

	a:visited { 
		text-decoration: none; 
		color: #986768
	} 

	a:hover { 
		color: #986768;
		text-decoration: underline
	} 

	table {
		border-collapse: collapse;
	}

	img {
		border: 0px;
		vertical-align: middle;
	}
    
    ul {
        margin: 0px;
    }
    
    ul li {
        list-style-type: none;
        margin: 0px;
        padding: 10px 0px 0px 0px;
    }
    
    td {
        padding: 5px;
    }
		
	.blauFosc2 {
		background-color: #003366;
		color: white;
	}
	
	.blauFosc1 {
		background-color: #335C85;
		color: white;
	}
	
	.blauClar {
		background-color: #96B2DC;
	}

	.blauMitja {
		background-color: #6699CC;
        color: white;
	}
	
	.grisClar {
		background-color: #DDDDDD;
	}
	
	.grisFosc {
		background-color: #999999;
		color: white;
	}

	.infoBar {
    	background-color: #F0F0AE;
    	border-top: 1px solid orange;
   	 	width: 100%;
   	}
	
	.centrat {
		text-align: center;
	}

	.esquerra {
		text-align: left;
	}

	.dreta {
		text-align: right;
	}
	
	.negreta {
		font-weight: bold;
	}
	
	.enmarcat {
		border: 1px solid white;
	}
	
	.enmarcatGruixut {
		border: 1px solid white;
        font-size: 1.1em;
	}
	
	.cursiva {
		font-style:italic;
	}
	
	.amagat {
		display: none;
	}

	.mostrat {
		display: inline;
	}
	
	/* Layer styles */

	div#main {
		width: 100%;
	}

	div#content {
        margin: 0 auto;
        width: 958px;
        padding: 0px 0px 20px;
		min-height: 300px;
		_height: 300px;
	}

	div#title {
        background: url("../../img/common/template/fons.png") repeat-x scroll center center transparent;
		width: 100%;
		height: 110px;
		/*background-color: #6599cc;*/
		overflow: hidden;
	}

	div#tools {
		width: 100%;
		float: left;
		height: 25px;
		padding: 0px;
		background-color: #6599cc;
		overflow: hidden;
	}
		
	div#menu {
		float: left;
		width: 85%;
		height: 100%;
		background-color: #335c85;
	}
		
	div#options {
		float: right;
		width: 15%;
		min-width: 75px;
		height: 100%;
		background-color: #6599cc;
	}
		
	div#foot {
		width: 100%;
		border-top: 1px solid #BBB;
		padding: 5px 0px;
		font-size: 0.8em;
		color: #999;
	}

	/* TITLE - Element styles */
    div#innerTitle {
        margin: 0 auto;
        width: 958px;
        height: 80px;
    }
    
	div#innerTitle div.logo {
        float: left;
		margin: 17.5px 0px;
	}
	
	img#separador {
        float: left;
        margin: 17.5px 0px 0px 20px;
	}
	
	img#titol {
        float: left;
        margin: 22.5px 0px 0px 20px;
    }

    div#topMenu {
        margin: 0 auto;
        width: 958px;
        height: 30px;
    }

    div#topMenu ul {
        margin: 0px;
        padding: 0px;
    }

    div#topMenu ul li {
        margin: 5px 10px 0px 0px;
        text-transform: uppercase;
        color: #666666;
        font-weight: bold;
        font-size: 14px;
        display: inline;
        padding: 0px;
    }

    div#topMenu ul.left li {
        margin-left: 5px;
        float: left;
        background: url("../../img/common/template/separadorGris.png") no-repeat scroll left center transparent;
        padding-left: 10px;
    }

    div#topMenu ul.right li {
        margin-right: 5px;
        float: right;
    }

    div#topMenu ul li.first { 
        background: none;
        padding: 0px;
    }

    div#topMenu ul li a, div#topMenu ul li a:hover {
        color: #666666;
        font-weight: bold;
        font-size: 14px;
    }

	/* MENU - Element styles */
	div#menu div.button {
		height: 25px;
		float: left;
		overflow: hidden;
	}

	div#menu div.button a {
		display: block;
		height: 100%;
		width: 100%;
		text-align: center;
		color: white;
		line-height: 25px;
		text-decoration: none;
	}
		
	div#menu div.button a:hover {
		background-color: #99A;
		color: white;
	}
	
	div#off {
		background-color: white;
	}
	
	div#off a {
		color: #335c85;
	}	

	div#options div.button {
		float: right;
		margin-right: 3px;
	}
	
	/* FOOT - Element styles */
    div#innerFoot {
        margin: 0 auto;
        width: 958px;
    }

	div#innerFoot p {
		padding: 3px;
		margin: 0px;
	}

	div#innerFoot div.left {
		float: left;
		text-align: left;
		width: 50%;
		color: #6599cc;
	}
	
	div#innerFoot div.right {
		float: right;
		text-align: right;
		width: 50%;
	}
	
	div#innerFoot div.clear {
		clear: both;
		width: 100%;
		height:1px;
	}
    /* MESSAGE BOX - Element styles */
    #messageBox {
        width: 100%;
    }
    
    #messageBox .error {
        background-color: #F0C8c8; border: 1px solid red; color: black; text-align: center; padding: 3px 0; width: 100%;
    }
    
    #messageBox .info {
        background-color: #C8F0AE; border: 1px solid green; color: black; text-align: center; padding: 3px 0; width: 100%;
    }
    
    .help, abbr {
        cursor: help;
    }

    #pathBox {
        margin: 10px 0px;
    }

}
}