/************************************
Estructura
*************************************/
body {
background-color: #FFFFFF;
font-family: sommet-rounded-1,sommet-rounded-2,sans-serif;
font-style: normal;
font-size: 87.5%;
font-weight: 100;
color: #646464;
}

/* contenedores */
div.wrapper {
background: url(../img/top-background.jpg) repeat-x scroll 0 0 #F5F5F5;
padding-top: 1px;
position: relative;
}

div.web {
margin: auto;
width: 992px;
position:relative;
}

/* selección de idioma */
div.idioma {
float: right;
margin-right: 40px;
color: #F5FBE7;
font-size: 11px;
font-weight: 400;
line-height: 2em;
}

	div.idioma a {
	color: #F5FBE7;
    margin-left: 5px;
    margin-right: 5px;
	}
	
/* logotipo */
div.logo {
margin-top: 11px;
color:#333;
font-size:35px;
}
div.logo { overflow:hidden;}
div.logo a{ text-decoration:none; color:#000;}
div.logo img, div.logo span{ float:left;}
div.logo span{ margin-top:50px; margin-left:10px;}

/* navegación principal */
div.menu {
background: url(../img/menu-left.jpg) no-repeat scroll left top transparent;
margin-bottom: 0px;
padding-left: 35px;
}

	div.menu-inner {
	background: url(../img/menu-right.jpg) no-repeat scroll right top transparent;
	padding-right: 35px;
	}
	
		div.brcm-navigation {
		font-size: 17px;
		font-style: normal;
		font-weight: 800;
		text-transform: uppercase;
    	background: url(../img/menu-background.jpg) repeat-x scroll 0 0 transparent;
		height: 52px;
		width:100%;
		overflow:hidden;
		padding-bottom: 6px;
		}
			div.brcm-navigation ul {
			height: 52px;
			width:100%;
			overflow:hidden;
			}
			
				div.brcm-navigation ul li {
				background: url(../img/menu-separator.jpg) no-repeat scroll 0 0 transparent;
				color: #000000;
				float: left;
				line-height: 60px;
				padding: 0px;
				}
				div.brcm-navigation ul li.brcm-first-item{ background-image:none;}
				
			
				
				div.brcm-navigation ul li.brcm-active-node a{ 
								background: url(../img/menu-background-active.jpg) repeat-x 0 0;
								height:52px;			
				}
				body.portada div.brcm-navigation ul li:first-child a{ 
                    background: url(../img/menu-background-active.jpg) repeat-x 0 0;
					height:52px;				
				}
				

					div.brcm-navigation ul a {
					-moz-transition: all 0.4s ease 0s;
					color: #FFFFFF;
					float: left;
					height: 52px;
					text-decoration: none;
					text-shadow: 0 -1px 0 #4B890E;
					padding: 0 20px;
					}	
					
					div.brcm-navigation ul a:hover{ 
					line-height:52px;
					color:#FF0;					
					}	
					

/* navegación secundaria */
.sub-menu { 
		margin-top:-6px;
		overflow:hidden;
		margin-bottom:5px;
	}
	.sub-menu div.brcm-navigation {
		background:#00822B url(../img/shadow-submenu.png) repeat-x 0 0 ;
		font-size:12px;
		padding-bottom:4px;
		height:auto;
		width:894px;
		margin:auto;
		-webkit-border-bottom-right-radius: 4px;
		-webkit-border-bottom-left-radius: 4px;
		-moz-border-radius-bottomright: 4px;
		-moz-border-radius-bottomleft: 4px;
		border-bottom-right-radius: 4px;
		border-bottom-left-radius: 4px;}
		
		
			.sub-menu div.brcm-navigation ul {
			height:auto;
			padding:3px;}
				.sub-menu div.brcm-navigation ul li{
					height:auto;
					background-image:none;
					margin-top:5px;
					margin-left:5px;}
					
					.sub-menu div.brcm-navigation ul a {
						height:auto;
						line-height: 1em;
						padding: 7px 7px 4px;
						-webkit-border-radius: 5px;
						-moz-border-radius: 5px;
						border-radius: 5px;
						-moz-transition:none;}
					
					.sub-menu div.brcm-navigation ul a:hover{ line-height:1em;}	
					.sub-menu div.brcm-navigation ul li.brcm-active-node a{ height:auto;} 
	


/* top link*/

.top-links{
	color: #999999;
    float: right;
    font-weight:600;
    position: absolute;
    right:40px;
    text-align: right;
    top: 60px;
    font-size:12px;}
.top-links a{
    color:#5EAA43;
    text-transform:uppercase;}

/* Zona de contenidos */
div.inner {
margin: auto;
width:890px;
line-height:20px;
}

	div.content-box1 {
	background-color: #EBEBEB;
	border: 1px solid #D8D8D8;
	color: #666666;
	overflow: hidden;
	padding: 4px;
	}
	
	div.content-big-box {
	border:#D8D8D8 1px solid;
	border-top:none;
	background-color:#FFF;
	position:relative;
	}	
	
		div.content-big-box div.contenidos{
		color:#646464;
		border-left:#E9E9E9 4px solid;
		border-right:#E9E9E9 4px solid;
		border-bottom:#E9E9E9 4px solid;
		background:#FFF url(../img/shadow-1.jpg) repeat-x top left;
		}	
					
			div.content-big-box div.contenidos div.separator-bottom {
			clear:both;
			border-bottom:#E9E9E9 1px solid;
			margin-bottom:5px; padding-top:30px;
			}	
			

/* Pie de página */
div.bottom{
margin:auto;
margin-top:15px;
margin-bottom:10px;
background:url(../img/bottom-middle.jpg) repeat-x 0 0;
height:38px;
width:940px;
text-align:center;
font-size:12px;
color:#666666;
line-height:2em;
}

	div.inner-bottom{
	background:url(../img/bottom-left.jpg) no-repeat left top; 
	height:38px;
	}
	
		div.inner-bottom2{ 
		background:url(../img/bottom-right.jpg) no-repeat right top;
		height:38px;
		}
		
			div.bottom a {color:#333;}

			div.bottom span{ 
			display:block;  
			padding-top:5px;
			}


div.legal-advice {
	text-align:center; 
	margin:0px auto 15px; 
	font-size:11px;
	color:#666;
	padding-bottom:10px;
}

div.legal-advice a { color:#666;}

div.credits {
	text-align:center; 
margin:0 auto 15px auto; 
font-size:11px;
width:130px;
color:#666;
padding-bottom:20px;
}


div.inner div.brcm-generic-slider ul li {
    list-style-type:none;
    margin:0px;
    padding:0px;
}

div.inner div.brcm-flexslider { min-height: 350px; max-height:350px; }

div.inner div.brcm-generic-slider a { background-color:transparent; }


/************************************
Plantillas
************************************/

/*
generic.html
------------
*/

div.title-cont {
background-color: #FFFFFF;
float: left;
overflow: hidden;
padding: 15px 20px;
width: 839px;
}

/* hilo de Ariadna */
div.title-cont div.brcm-breadcrumb{
font-size:13px;
color:#666666;
margin-bottom:15px;
margin-top:5px;
line-height: 1.2em;
}

	div.title-cont div.brcm-breadcrumb a {color:#007FB8;
	padding-top:2px;}
	div.title-cont div.brcm-breadcrumb a:hover { color:#FFF!important;}
	
	div.title-cont div.brcm-breadcrumb span.brcm-separator {
	color: #999999;
	font-weight: 400;
	padding: 0 4px;
	}
	
/* título de la pàgina */
div.title-cont h1 {
color: #007FB8;
font-size: 37px;
font-weight: 300;
}

div.inner-interior {
background-color:#FFF;
padding:24px 20px;
background:url(../img/shadow-1.jpg) repeat-x 0 0;
color:646464;
}

/*
home.html
------------
*/

/* Caja superior izquierda */
div.inner1 {
color: #333333;
float: left;
margin-right: 10px;
overflow: hidden;
position: relative;
width: 440px;
}

	div.inner1 div.brcm-generic-element-with-big-images {position:relative}
	
		div.inner1 div.brcm-generic-element-with-big-images div.brcm-group-of-images,
		div.inner1 div.brcm-generic-element-with-big-images div.brcm-group-of-images * {
        margin:0;
        padding:0;
        border-width:0;
        line-height:0;
        }
		
		div.inner1 div.brcm-generic-element-with-big-images div.brcm-body {
		background: url(../img/pixel-trans.png) repeat 0 0 transparent;
		bottom: 0;
		padding: 10px;
		position: absolute;
		right: -1px;
		}		
		
			div.inner1 div.brcm-generic-element-with-big-images div.brcm-body p {margin:0 !important}

/* Región principal */
div.inner2 {
background-color: #FFFFFF;
float: left;
/*height: 323px;
overflow:auto;*/
width:400px;
}

	div.inner2 div.contenidos {padding:15px}

/* Fila inferior */
div.content-big-box div.contenidos .inner-home {
background: url(../img/separator-home.png) repeat-y scroll 485px 0 transparent;
}
	
/* Caja inferior izquierda */
div.cont-1-home {
float: left;
padding: 20px 15px 15px;
width: 455px;
}

/* Caja inferior derecha */
div.cont-2-home {
float: left;
margin-left: 5px;
padding-bottom: 15px;
padding-left: 15px;
padding-top: 20px;
width: 370px;
}




/*
plantillas de 2 columnas 
------------
*/
.column1{ float:left; width:57%; overflow:hidden;  padding-top: 10px;}
.column2{ float:right; width:37%;
overflow:hidden;}

/************************************
Guía de estilo
*************************************/

/* Títulos */
div.inner h1,
div.inner h2,
div.inner h3 {line-height:normal}

div.inner h2 {
color: #017FBC;
font-size: 24px;
font-weight: 300;
margin:19px 0 10px 0;
}

	div.inner h2:first-child {}

div.inner h3 {
font-size: 15px;
font-weight: bold;
margin:25px 0 10px 0;
}

	div.inner h3:first-child {margin-top:0}

	div.inner h2 + h3 {margin-top:10px}
	
/* Listas */
div.inner ol,
div.inner ul {
margin-top:10px;
margin-bottom:10px;
}

div.inner ul li {
background: url(../img/li-icon.jpg) no-repeat scroll 0 4px transparent;
padding-left: 28px;
}

/* Párrafos */
div.inner p {margin:10px 0}

/* Vínculos */
div.inner a{
color:#5EAA11;
font-weight:400;
}
	
	div.inner a:hover{
	background-color:#5EAA11;
	color:#FFF;
	}

/* Tablas */
div.inner table {margin:10px 0}

	div.inner table th {
	background-color: #F2F2F2;
	border: 1px solid #CCCCCC;
	color: black;
	font-weight: bold;
	padding: 7px 15px;
	}
	
	div.inner table td {
	border: 1px solid #CCCCCC;
	padding: 7px 15px;
	}
	
/* Imágenes */	
div.inner a img {
border: 1px solid #CCCCCC;
padding: 1px;
}
	
/* Formularios */
form div.titol,
form div.brcm-title {margin-bottom:5px}

form input[type=text],
form input[type=password],
form textarea {
border: 4px solid #E9E9E9;
border-radius: 4px 4px 4px 4px;
box-shadow: 2px 1px 2px 1px #A1A1A1;
padding: 8px;
}

form div.opcio,
form div.brcm-option {margin-bottom:5px}

form input[type=submit] {
background: url(../img/buton-input.jpg) repeat-x scroll 0 0 transparent;
border: medium none;
border-radius: 4px 4px 4px 4px;
box-shadow: 1px 1px 1px 1px #A1A1A1;
color: #FFFFFF;
cursor: pointer;
font-weight: 400;
height: 38px;
padding: 5px 10px;
text-transform: uppercase;
}

/* Lista de noticias */
div.brcm-list-of-news .brcm-date {
color: #003300;
display: block;
font-size: 11px;
font-weight: bold;
}

    div.brcm-list-of-events .brcm-date strong {display: none;}

.inner-home .brcm-list-of-events{ width:95%;}	

div.brcm-list-of-news div.brcm-title {font-size: 17px;}
div.brcm-list-of-news .brcm-summary {font-size: 13px;}
div.brcm-list-of-news .brcm-category {display: none;}

/* Lista de actos de la agenda */
	div.brcm-list-of-events ol li {
	width: auto;
	border: 1px solid #B4CDD8;
	clear: both;
	overflow: inherit;
	padding: 14px;
	position: relative;
	}

        div.brcm-list-of-events .brcm-title {font-size:17px;display:inline}
	
		div.brcm-list-of-events div.brcm-date {
		background-color: #00AAD8;
		color: #FFFFFF;
		float: right;
		font-size: 13px;
		line-height: 1.2em;
		margin-bottom: 10px;
		margin-right: -20px;
		margin-top: -5px;
		padding: 5px;
		width: 90px;
		}  

        div.brcm-list-of-events div.brcm-category {display:none}

        div.brcm-list-of-events div.brcm-date strong {display:none}
		
		div.brcm-list-of-events div.brcm-location,
		div.brcm-list-of-events div.brcm-organizer {font-size: 13px;}

/************************************
Utilidades generales
*************************************/
.clear {clear:both;}

img,object {max-width:100%;}
img {-ms-interpolation:bicubic}