/*
 A quien concierna, pese que me ha tocado comerme el marron, no tengo nada que ver con todo el sinsentido que se vera a lo largo de esta hoja de css,
 no soy del tipo de personas que a todo le asigna un class noticias y pone comentarios en la zona client side del tipo es que me petaba en el ie todo el rato
 Markcial dixit...
*/

@import "gallery.css";

body{
	margin: 0px;
	padding: 0px;
	background-color: #1571a5;
	font-family: tahoma,Verdana,Arial,Helvetica;
		text-align:center: /*Added: 14/04/08*/
}

img {
 margin:0px;
 padding:0px;
}



/******** 
Es para flipar como hay gente q no sabe lo mas minimo de css, no estaria mal aplicar estilos desde la parte mas troncal de la herencia,
asi el css es mas gestionable, pero en fin no hare comentarios sobre alguien a quien a todo le aplica la clase noticia ú.ù¿
*********/
:focus {
 outline:none; /* para evitar el recuadro tan feo al tener foco, toque de calidad entre tanta basura... */
}

a {
 color:#FF9900;
 font-size:11px;
 font-weight:bold;
 text-decoration:none;
}

a:hover {
 border-bottom:2px solid;
}

#noticias a:hover,
#galeria a:hover {
 border:none;
}

/*#back {
background:url(../../img/capsalera2008.jpg) top right no-repeat transparent;	
position:relative;
 display:block;
 float:left;
 outline:none;
 width:990px;
}*/

/*#header {

}*/

#observatori {
 float:right;
 vertical-align:bottom;
 height:84px;
}

/*
.image {
 display:block;
}
*/

.left { 
 float:left;
 margin-right:5px;
}

.right {
 float:right;
 margin-left:5px;
}

.gallery {
 float:left;
 display:block;
 width:90%;
}
/************** GENERAL ***************
a:link{text-decoration: none; font-family: Verdana,Arial,Helvetica; color: green; font-size: 11px; height: 16px;}
a:visited{text-decoration: none; font-family: Verdana,Arial,Helvetica; color: green; font-size: 11px; height: 16px;}
a:hover{text-decoration: none; font-family: Verdana,Arial,Helvetica; color: #000000; font-size: 11px; height: 16px;}
a{text-decoration: none; font-family: Verdana,Arial,Helvetica; color: green; font-size: 11px; height: 16px;}
a.pag{text-decoration: none; font-family: Verdana,Arial,Helvetica; color: #000000; font-size: 11px; height: 16px;}
#foot .peu a{color:#336699;}*/

/************** MAIN *******************/
#main{
	margin: 0 auto 0 auto;
	text-align:left;
}

#mainLeft{
	vertical-align: top; 
	width: 17.37%;
	background-color: #E2E4D9;
	/*width:172px;*/
	
	
}

#sectionRight{
width:82.73%;
	
/*width: 818px;*/
}

#mainRight{
	
	vertical-align: top; 
	width: 172px;
	background-color: #E2E4D9;
	
}



#mainRight img{
	
	background:url(../../img/separadorBanners.jpg) top;
	width: 172px;
	padding-top:5px;
	
}


#mainContents{
	width:646px;
	background-color: #ffffff;  
	vertical-align: top; 
	text-align: center; 
	font-size: 11px;
	color: #4f543a;
	border: 8px solid #ffffff;
	text-align:left;
/*	padding:20px;
*/}
#contents{	
	border: 6px #f3f4ef solid;
	padding: 10px;
	_width:580px;
}

div.logo{
	padding-top: 20px;
	padding-bottom: 20px;	
	/* border-bottom: 1px #f9c01f solid; */
	vertical-align: middle;
}
#foot{
	width: 990px;
	height: 20px;
	margin: 0 auto;
	color: #ffffff;
    font-size: 10px;
    text-align: right;
}
#sectionTitle{
	/* background-color: #F6A90D; */
	padding: 0px;
	margin-top: 50px;
	margin-bottom: 20px;
	text-align: right;	
    width: 100%;
    height: 20px; 
}

#sectionTitle .titol{	
	width: 150px;
    height: 20px; 	
	margin-right: 0px;
	margin-left: auto;
    background-color: #000000;
    font-family: Verdana,Arial,Helvetica;
    color: #ffffff;
    font-size: 14px;
    font-weight: bold;
    text-align: right;
}
#container {
	width: 990px;
	margin: 0 auto 0 auto;
	margin-bottom: 20px;
	text-align:left;
}

/**** MENU ****/

/*
 Otra cosa que mola, el id en teoria es unico, pero en la pagina hay unos 5 id menu, solo me viene una frase en la cabeza
 that's freakin' lame....
*/

ul#menu {
	font-family: tahoma;
	font-size: 11px;
	color: #4f543a;
	font-weight: bold;
	list-style: none;
	/* padding: 10px; */
	text-align: left;
	line-height: 25px; 
	background-image: url("../../img/fons_item_menu.gif");
	/*border: 1px red solid;*/
	padding-left: 10px;
	margin: 0px;	
	cursor: pointer;
}
.foot {
	font-family: tahoma;
	font-size: 11px;
	color: #50553b;
	text-align: left;
	padding: 5px;
	background-color: #E2E4D9;
}


/************** MENU *******************/
/************** MENU *******************/
/*ul#menu{
	width: 100%;
	padding: 0px;
	margin: 0px;
	list-style: none;
	font-family: tahoma,verdana,arial,helvetica;
	font-size: 11px;
}

ul#menu li.itemMenu{
	border: 1px red solid;
	padding: 10px 10px 10px 10px;
	color: #4f543a;
	text-align:left;
	font-weight: bold;
	background-image: url("../../img/fons_item_menu.gif");
}

ul#menu li.itemMenu:hover{
	/* border-bottom: 1px #000000 solid; 
	padding: 1px 4px 5px 5px;
	color: #000000;
	text-align: left;
	font-weight: bold;
	cursor: pointer;
}
ul#menu li.itemMenuOn{
	/* border-bottom: 1px #000000 solid; 
	padding: 1px 4px 5px 5px;
	color: #000000;
	text-align: left;
	font-weight: bold;
	cursor: pointer;
}
*/
.menu_sup {
	width:100%;
/*width:591px;*/
	padding: 3px;
/*	text-align:right;
*/}
.menu_sup a{

	font-family: tahoma;
	font-size: 11px;
	color: #3d86a9;
	font-weight: bold;
	padding: 4px;
	text-align: right;
}

.menu_sup a:hover{

	font-family: tahoma;
	font-size: 11px;
	color: #3d86a9;
	font-weight: bold;
	padding: 4px;
	text-align: right;
	text-decoration:underline;
}




.sub-header{
	background-color: #E2E4D9;
	width:990px;
	vertical-align: top;
	

}


.menu_sup a:hover,
.sub-header a:hover,
#mainRight a:hover
{
 border:none;
 }


/****************************************/
.presen {
    font-family: tahoma, Verdana,Arial,Helvetica;
    color: #4f543a;
    font-size: 13px;
    font-weight: bold;
    text-align: left;
    border-bottom: 6px solid #fdbd11;
    padding-bottom: 3px;
}
#error{
	font-size: 18px;
	font-weight: bold;
	color: #4f543a;
}
img.left{
	float:left;
	padding-right: 10px;
}
/****************** Llistats ***************/
div#contContainer{
	clear: both;
	margin: 0px 0px 20px 0px;
	text-align: left;
	text-decoration: none;
	font-face: Arial,Tahoma,Verdana,Helvetica;
	font-size: 11px;
	color: #000000;
	 /*border:1px #F6A90D solid; */
	background-color: #ffffff;
}
div.date{
	text-align: left;
	color: #FF0000;
}
div#contContainer div.date{
	text-align: left;
	color: #FF0000;
}
div#contContainer div.title{
	padding-left: 5px;
	text-align: left;
	font-weight: bold;
	color: #404040;
}
div#contContainer div.summary{
	padding: 5px 5px 10px 5px;
	text-align: left;
}
div#contContainer div.summary img{
	padding-right: 5px;
	padding-bottom: 5px;
}
div#contContainer div.details,div#contContainer div.details a{
	clear: both;
	height: 20px;
	padding-right: 5px;
	text-decoration: none;
	color: #FFFFFF;
	text-align: right;
	font-weight: bold;
	/* background-color: #F6A90D;	 */
}
#galeriagrup ul{
	list-style-type: none;
}

/************** CARDS *************/
div#contContainer div.extraFields{
	margin: 10px 0px 10px 0px;
}
div#contContainer div.link{
	color: #000000;
	font-weight: bold;
}
div#contContainer div.link a{
	/* color: #F6A90D; */
}
div#contContainer div.link a:hover{
	color: #000000;
}
/************ FORMS ***************/

label{
    text-decoration: none;
    font-family: Lucida,Verdana,Arial,Helvetica;
    font-size: 11px;
    font-weight: bold;
    text-align: right;
    /* color: #F6A90D; */
    white-space: nowrap;
	clear:both;
}
labelForm{
        vertical-align: top;
}
input {
        padding-left: 3px;
        padding-right: 3px;
        background-color: #ffffff;
        /* border: 1px #F6A90D solid; */
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 10px;
        color: #000000;
        font-style: normal;
        }

	textarea {
        padding-right: 6px;
        padding-left: 6px;

                background-color: #ffffff;
       /* border: 1px #F6A90D solid;*/

        width: 300px;
        height: 100px;

        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 10px;
        color: #000000;
        font-style: normal
        }

.cercles{
/* border:1px solid orange; */
text-align:justify;
padding:8px;

}

.cercles2{
align:left;
}

.menu_galeries{
text-align:left;
}

.subtitol {
	color: #4f543a;
	font-weight: bold;
	clear: both;
}
.subtitol a{
	color: #4f543a;
	font-weight: bold;
	clear: both;
	text-decoration: none;
}
.subtitol a:hover{
	color: #4f543a;
	font-weight: bold;
	clear: both;
	text-decoration: underline;
}
.llista_categories_docs {
	margin: 0px;
	padding: 10px; 
	background-color: #F3F4EF;
	text-decoration: none;
	color: #4f543a;
	font-weight: bold;
}
.llista_categories_docs ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px; 
	text-decoration: none;
	color: #4f543a;
	font-weight: bold;
}
.llista_categories_docs ul li{
	padding-top: 5px; 
}

.llista_categories_docs a {
	color: #4f543a;
	font-size: 12px;
}
.subtitol2 {
	color: white;
	background-color: #4f543a;
	padding: 3px;
	font-weight: bold;
}
.title a{
	color: #ebad00;
	font-weight: bold;
}
.subtitol3{
	border-bottom: 8px #e2e4d9 solid; 
	padding-bottom: 5px;
}

#contents .colorsa a{
border:1px solid red;
}


.noticia,
.secundaria,
.subcategoria{
 padding:5px 10px;
 background:#EEE;
 border-left:2px solid orange;
}

.principal .title {
 padding:6px 0px;
}

.secundaria {	
}

h4 {
 padding:4px;
 display:block;
 background-color: #4f543a;
 color:white;
}
 
#noticias b a {
 color:black;
 background:#DDD;
 display:block;
 padding:3px;
 margin:3px;
}

#noticias {
}

.noticia  {
 margin-bottom:6px;
 display:block;
 float:left;
 width:90%;
}

.subcategoria .gallery {
 float:left;
 display:block;
}

label {
 display:block;
 float:left;
 width:550px;
 text-align:right;
 padding:3px 4px;
}

input {
 width:240px;
}

ol {
 text-align:left;
}

.controls {
 text-align:center;
}

.controls input {
 width:80px;
 margin:5px;
}

#header a,
#header a:hover {
 border:none;
}

a img,
a:hover img,
iframe {
 border:none;
 text-decoration:none;
}

fieldset {
 display:block;
 float:left;
 width:580px;
 _width:600px;
}

form {
 width:610px;
}



a.banner:hover {
 border:none;
}

.clau label {
 width:200px;
}


.news {
 margin:10px 0px;
 padding:4px;
}

.new {
 float:left;
 padding:2px;
 padding-bottom:5px;
 border-bottom:1px dashed gray;
 margin-bottom:5px;
}

.image {
 margin-left:5px;
 margin-right:5px;
}

#categories ul li ul {
 padding:0px;
 padding-left:10px;
}

/**
 Responsable del proyecto a.k.a. cabeza de turco : Marc [d0t] Garcia [@t] iws [d0t] es
 **/