/* *** Generated by www.csscreator.com *** */
/* *** modified by miss monorom www.intensivstation.ch *** */
/* css released under Creative Commons License -  http://creativecommons.org/licenses/by/2.0/deed.en  */

body {
	background-color: #012346;
	font-size: 11px;
	font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
	color:#564b47;
	padding:0px;
	margin:20px;
	background-image: url(../fondo.jpg);
	background-repeat: no-repeat;
	background-position: top;
/*	line-height: 15px;*/
}
a {
/*	border-bottom: #CCCCCC solid 1px;*/
	color: #264C6D;
	text-decoration: none;
	outline: none;
}
a:hover { /* esto es link over, o sea que pasa cuando pasas por encima */
/*	border-bottom-color: #FF0000;*/
	color: #FF0000;
}

h1 {
font-size: 11px;
text-transform:uppercase;
background-color: #E0A3B7;
border-top:1px solid #564b47;
border-bottom:1px solid #564b47;
padding:5px 15px;
margin:0px }
h2 {
font-size:14px;
color:#012346;
font-weight: bold;
padding: 5px 10px;
margin:0px;}
h3 {
color:#564b47;
font-size:9px;
font-weight: normal;
padding: 5px 10px;
margin:0px;}
h4 {
font-size:14px;
font-weight: bold;
padding: 10px 10px;
margin:0px;
color: #012346;}
img {
border: none;
padding: 4px 0px 4px 0px;}
ul {
list-style-type: square;}

img.download {vertical-align:middle;}

/* -------------------------idiomas--------------------- */
#idiomas {
width: 798px;
background-image: url(../images/fondo-idiomas.gif);
background-repeat:no-repeat;
background-position:right;
padding:2px 4px 2px 0px;
margin: 0px;
text-align: right;
margin-left: auto;
margin-right: auto;
} 

/* ----------container to center the layout-------- */
#container {
width: 800px;
background-color: #ffffff;
padding:1px;
margin: 0px;
margin-left: auto;
margin-right: auto;
} 

/* ----------banner for logo-------------- */
#header {
	margin-bottom: 0px;
	padding: 0px 0 0 0px;
	height: 210px;
	background-color: #012346;
	/* background: #F9F9F9 url(../img/cabecera.jpg) fixed; */
	font-size: 11px;
}
#banner img {padding:10px 0px;} 

/* ----------outer and inner----------------- */

#outer{ 
border-left: solid 210px #012346; /* color of the left column  */ 
border-right: solid 200px #ffffff; /* color of the right column  */ 
background-color: #ffffff;  /* color of the content column */
} 

#outer_wide{ 
border-left: solid 210px #012346; /* color of the left column  */ 
background-color: #ffffff;  /* color of the content column */
} 

#inner{margin:0; width:100%; } /* The ie/pc pecularity */ 

/* --------------left and right navi------------- */
#left {
 width:210px; 
 float:left; 
 position:relative; 
 margin-left:-210px; 
 margin-right:1px;
 }
 #right {
	width:200px;
	float:right;
	position:relative;
	margin-right:-200px;
	margin-left:1px;
	background-image: url(../img/dotted.gif);
	background-repeat: repeat-y;
	background-position: left;
 }

	/* ------------------ MENU DE NAVEGACIÓN ------------------------*/
#menu {
	/*dimensiones del bloque menu */
	margin: 0px 0px 0px 0px;
	border-bottom: 0px solid White;
	line-height: normal;
}
html>body #menu{	padding: 0px 0px 0px 0px;}
	/*antes aqui ponía 17px 0px 0px 0px y hacia que no se viera bien en firefox*/

#menu ul {
	margin: 0;
	padding: 0;
/*	border-bottom: 1px solid Fuchsia; */
	list-style-type: none;
}
#menu ul li {
	border-bottom: 1px solid #264C6D;
}
#menu ul li a {
	width: 200px; /*si hay que dejar un pequeño margen de 1px, hay que poner 189px aqui */
	padding: 6px 0px 6px 10px;
	border: none;
	color: #F5F7E8;
	text-decoration: none;
	display: block;
}
#menu ul li a:hover {
	background-color: #264C6D;
	color: white;
}
#menu ul ul{
	margin: 0;
	padding: 0px 0px 0px 0px;
	border-bottom: none;
	font-size: 11px;
	list-style-type: none;
}
#menu ul ul li {
	border-bottom: none;
	vertical-align: top;
}
#menu ul ul li a {
	width: 200px;
	padding: 4px 0px 4px 10px;
	color: #9CCAD7;
	text-decoration: none;
	display: block;
	text-align: left;
}
#menu ul ul li a:hover {
	background-color: #264C6D;
	color: White;
}

#menu #pressed a {
	width: 200px;
	padding: 6px 0px 6px 10px;
	color: White;
	display: block;
/*	font-weight: bold;*/
	background-color: #264C6D;
}
#menu #pressedser a {
	width: 200px;
	padding: 4px 0px 4px 10px;
	color: White;
	display: block;
/*	font-weight: bold;*/
	background-color: #CD5C5C;
}

/* ---------------SIDE CORRESPONDE AL MENU DE EMPRESAS DEL GRUPO SOLARCA--------------------------------- */
#side {
	padding: 0px 0px 0px;
	width: 210px;
	background-color: #012346;
	line-height: 18px;
	float: left; /* con esto decides si la columnita va a la derecha o a la izqda */
}
#side .side_title {
	margin-bottom: 10px;
	padding: 30px 0 5px 10px;
	color: White;
	font-size: 14px;
	display: block;
	font-weight: bold;
}
.sidenotes {
	margin: -10px 0 15px 0;
}
.sidenotes ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: block;
}
.sidenotes ul a {
	text-decoration: none;
	border: none;
	color: #9CCAD7;
	display: block;
}
.sidenotes ul a:hover {
	color: #DC143C;
}
.sidenotes ul li {
	padding: 3px 5px 1px 10px;
	/*border-bottom: 1px solid #305E86;*/
}
.sidenotes ul li a:hover {

	color: #DC143C;
}
.sidenotes ul li .title {
	color: #9CCAD7;
	font-weight: normal;
	display: block;
}
.sidenotes ul li .title a{
	color: #DC143C;
}
.sidenotes ul li .title a:hover{
	color: #DC143C;
}
/* -----------------content--------------------- */ 
#content{ 
position: relative; 
margin: 0px; 
}
/*tocar aqui para modificar las listas de itemes que salen en el texto normal*/
#content ul {
	margin: 0px 15px 0px 15px;
	padding: 0px 0px 0px 10px;
/*	border-bottom: 1px solid Fuchsia; */
	list-style-type: square;
}
#content ul li{
	margin: 0;
	padding: 5px 0px 0px 0px;
/*	border-bottom: 1px solid Fuchsia; */
}
p {
padding: 5px 10px;
margin:0px;
line-height:16px; }

pre{
font-size: 12px;
padding: 5px 10px;
margin:0px;}

/*  ----------------footer---------------------- */ 
#footer {
clear:left;
padding:8px;
height: 14;
background-color: #D6D6BE;
margin:0px;
text-align: center;
}
#footer a {
	color: #305E86;
}
#footer a:hover {
	border-bottom-color: #DC143C;
	text-decoration: none;
} 



/* ----------- Header Gaval ----------------- */

#header_banner {
/*	margin-bottom: 0px;*/
	padding: 0px 0px 0px 0px;
	width: 590px;
	height: 210px;
/*	margin-top: 0px;*/
}

#header_banner img {

border: none;
padding: 0px 0px 0px 0px;

}

#header_news {
	margin-bottom: 0px;
	padding: 0px 0 0 0px;
	width: 199px;
	height: 210px;
	margin-left: 600px;
	margin-top: -210px;
	list-style-image: url(../gestor/bullet_news.gif);
	list-style-position: outside;
}

.header_news_tit {
	margin: 0px 10px 5px 0;
	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: #264C6D;
	padding-bottom: 5px;
}
.header_news_tit a {
	color: #9CCAD7;
}
.header_news_tit a:hover {
	color: #FFFFFF;
}
.header_news_cap {
	margin: 10px 10px 5px 0;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
}

h5 {
	color:#000000;
	font-size:16px;
	font-weight: bold;
	padding: 5px 10px;
	margin:0px;
}

/* ---------- full news ----------*/

.cos_noticia_data {
	margin: 10px 10px 1px 10px;
	padding: 5px 0px 5px 5px;
	color:#012346;
	font-size:11px;
	background-color: #dddddd;
}
.cos_noticia_titolgran {
	margin: 0px 10px 5px 10px;
	padding: 5px 0px 5px 5px;
	color:#012346;
	font-size:12px;
	font-weight: bold;
	background-color: #eeeeee;
}
.cos_noticia_volverindice a{
	margin: 0px 10px 5px 10px;
	padding: 5px 5px 5px 5px;
	color:#264C6D;
	font-size:10px;
	font-weight: bold;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #264C6D;
}
.cos_noticia_volverindice a:hover{
	color:#FF0000;
}
.index_noticia_data {
	margin: 15px 10px 0px 10px;
	padding: 5px 0px 2px 5px;
	color:#012346;
	font-size:11px;
}
.index_noticia_subject {
	margin: 0px 10px 0px 10px;
	padding: 0px 0px 5px 5px;
	color:#012346;
	font-size:12px;
	font-weight: bold;
}
.index_noticia_titletext {
	margin: 0px 10px;
	padding: 5px 0px 5px 5px;
	color:#012346;
	font-size:11px;
	height: auto;
	width: 300px;
	background-color: #dddddd;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #264C6D;
}

img.imatge {
	float: left;
	margin-right: 10px;
	margin-bottom: 5px;
	}