@charset "utf-8";
@import url("reset.css");

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

h2 {
	font-size: .75em;
	font-weight: bold;
	margin-bottom: 1.25em;	
}

p {
	font-size: .6em;
	line-height: 1.5em;
	margin-bottom: 1.5em;
}

a {
	color: #a1c01a;
	text-decoration: none;
}

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

strong {
	font-weight: bold;
}

#container {
	width: 774px;
	margin: 0 auto;
}

#header {
	margin-top: 10px;
	margin-bottom: 30px;
	background: transparent url(../images/green-dot.png) repeat-x bottom left;
}

#header:after {
	clear:both;
	content:".";
	display:block;
	height:0;
	visibility:hidden;
}

#header h1 {
	display: block;
	width: 774px;
	height: 27px;
}

#header ul {
	width: 100%;
	height: 2.7em;
	font-size: .75em;
	line-height: 2.6em;	
	margin-top: 23px;
	background: transparent url(../images/green-dot.png) repeat-x top left;
}

#header li {
	float: left;
	width: 24.9%;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
}

#header li a {
	padding-left: 10px;
}

#header li a:hover {
	background: transparent url(../images/current.png) no-repeat center left;
	text-decoration: none;
}

#header li .current {
	padding-left: 10px;
	background: transparent url(../images/current.png) no-repeat center left;
}

#wrap {
	width: 100%;
}

#wrap:after {
	clear:both;
	content:".";
	display:block;
	height:0;
	visibility:hidden;
}

#sidebar1 {
	width: 218px;
	height: 350px;
	float: left;
}

#sidebar1.agencia {
	background: transparent url(../images/simbolo-agencia.png) no-repeat bottom left;
}

#sidebar1 ul {
	font-size: .6em;
	line-height: 1.2em;
}

#sidebar1 li {
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: .75em;
}

#sidebar1 li a {
	padding-left: 10px;
}

#sidebar1 li a:hover {
	background: transparent url(../images/current.png) no-repeat center left;
	text-decoration: none;
}

#sidebar1 li .current{
	padding-left: 10px;
	background: transparent url(../images/current.png) no-repeat center left;
}

#mainContent {
	margin-left: 218px;
}

#contenedor_texto {
	float: left;
	width: 259px;
	min-height: 397px;
}

#contenedor_texto p {
	font-size: .6em;
	line-height: 1.5em;
	text-align: justify;
}

#contenedor_texto div {
	font-size: .6em;
	line-height: 1.5em;
	text-align: justify;
}

.contenedor_texto {
	float: left;
	width: 259px;
	min-height: 397px;
}

.contenedor_texto p {
	font-size: .6em;
	line-height: 1.5em;
	text-align: justify;
}

.contenedor_texto div {
	font-size: .6em;
	line-height: 1.5em;
	text-align: justify;
}

#contenedor_imagen {
	float: right;
	width: 259px;
	height: 389px;
	background: transparent url(../images/marco-grande.png) no-repeat top left;
	padding: 5px;
	margin-top: .25em;
}

.contenedor_imagen {
	float: right;
	width: 259px;
	height: 389px;
	background: transparent url(../images/marco-grande.png) no-repeat top left;
	padding: 5px;
	margin-top: .25em;
}

#footer {
	width: 100%;
	margin-top: 20px;
	background: transparent url(../images/green-dot.png) repeat-x bottom left;	
}

#footer p {
	color: #a1c01a;	
	background: transparent url(../images/green-dot.png) repeat-x top left;	
	text-align: center;
	margin: 0;
	padding: .7em 0;
}

#footer p a {
	font-weight: bold;
}

/************** Estils portada */

#portada {
	background-color: #9DBD1A;
	height: 100%;
}

#portada #container {
	position: absolute;
	width: 764px;
	height: 500px;
	margin-left: -382px;
	margin-top: -250px;
	left: 50%;
	top: 50%;
	text-align: center;
	border: none;
}

#portada h1 {
	display: block;
	width: 516px;
	height: 37px;
	margin: 25px auto 0;
}

#portada #contenedor-flash {
	display: block;
	width: 764px;
	height: 90px;
	margin: 125px 0 0;
}

#portada #claim {
	display: block;
	width: 377px;
	height: 40px;
	background: transparent url(../images/claim.png) no-repeat top left;
	text-indent: -9000em;
	margin: 125px auto 50px;
}

/**** Estils afegits Pepus ***/

h3 {
	font-size: .75em;
	font-weight: bold;
	margin-bottom: 1.10em;	
	text-transform: uppercase;
}

#flashcontent {
  border: solid 0px #000;
  width: 551px;
  height: 389px;
  overflow: auto;
  font: .8em/1.3em verdana,arial,helvetica,sans-serif;
}

#contenedor_texto_full {
	float: left;
	width: 556px;
}

.contenedor_pastillas { 
	width:268px;
	height:auto;
	text-align: left;
	margin-right:19px;
	float:left;
}

.separador_pastillas {
	margin-top:20px;
	height:1px;
	width:556px;
	float:left;
}

.separador_pastillas10 {
	margin-top:10px;
	height:1px;
	width:556px;
	float:left;
}

.separador_pastillas30 {
	margin-top:30px;
	height:1px;
	width:556px;
	float:left;
}

.contenedor_espacio_peque { 
	width:264px;
	height:180px;
	background-image:url(../images/sogues_contenedor_peque.jpg);
	background-repeat:no-repeat;
	padding-left:5px;
	padding-top:5px;
	float:left;
	margin-right:9px;
}

.contenedor_imagen_peque { 
	width:264px;
	height:180px;
	background-image:url(../images/sogues_contenedor_peque.jpg);
	background-repeat:no-repeat;
	padding-left:5px;
	padding-top:5px;
	float:left;
}

#contenedor_imagen_nogreen {
	float: right;
	width: 259px;
	height: 389px;
	margin-top: .25em;
}

.contenedor_texto ul {
  padding-left: 18px;
  list-style-position: outside; 
  list-style-image: url(../images/green-dot.png);
	font-size: .6em;
	line-height: 1.2em;
	margin-bottom: 1.5em;
	text-align: justify;
}

.contenedor_texto ul li {
	margin-bottom: 0.4em;
	text-align: justify;
}

.idioma {
	color: #000;
	text-decoration: underline;
}

.idioma:hover {
	color: #000;
	text-decoration: underline;
}

.contenedor_titulo_seccion {
	float: left;
	width: 556px;
}

.subtitular {
	font-size: 12px;
	font-weight: bold;
	font-family:Verdana, Helvetica;
	text-align: left;
	color: #000;
}