html{
	background-color: RGB(219, 223, 226);
}

body {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {
         color: rgb(77, 111, 121);	
	}

.post h2 a{
	color: rgb(77, 111, 121);
}

.entry p a:visited {
	color: rgb(77, 111, 121);
}

.entry p a:hover {
	color: rgb(255, 0, 0);
}

h2.titleportada{
	margin-top: 0px;   /* Para compensar la imagen de portada que se sale del marco */
}

#sidebarportada #sidebar
{
	margin-top: 24px;   /* Para compensar la imagen de portada que se sale del marco */
}
	
a  {
    color: rgb(77, 111, 121);
}

a:hover, h2 a:hover, h3 a:hover   {
    color: rgb(255, 0, 0);
}

.post h2 {
    border-bottom: 1px solid rgb(77, 111, 121);
}

.widgettitle {
    border-top: 1px solid rgb(77, 111, 121);
}

.menu, .menu ul li {
	background: rgb(77, 111, 121);
}

.menu a:hover, .menu li:hover, .menu li li:hover , .menu li li a:hover, .menu ul:hover>a {
	color: #BEBEBE;
	background: rgb(77, 111, 121);
}

table.preus /* Tota la taula */
{
    border-bottom: 1px solid rgb(77, 111, 121);
    border-top: 1px solid rgb(77, 111, 121);
    background-color: #EBF2F4;
}

table.preus td /* Cada casella */
{
    border-bottom: 1px solid #9FC8D4;
}

table.preus tr /* Cada fila */
{
    border: solid 1px #B0B0B0;
}

div.entry ul.lcp_catlist
{
	border-bottom: 1px solid rgb(77, 111, 121);
	border-top: 1px solid #9FC8D4;
         background-color: #EBF2F4;
}

div.entry ul.lcp_catlist li
{
	border-bottom: 1px solid #9FC8D4;
}


.cform input.fldrequired,
.cform input.fldrequired:hover{
	border-right:2px solid rgb(77, 111, 121); 
}
.cform select.fldrequired,
.cform select.fldrequired:hover {
	border-right:2px solid rgb(77, 111, 121); 
}

.thumbnail {
	float: left;
	margin-top: 10px;
	margin-right: 15px;
	margin-bottom: 10px;
}

/*=== Header ===*/
#header{
	position:relative;
	background-color: RGB(219, 223, 226);
	height: 50px; 
}

#header .spacer{
	float: right
}

/*- Logo -*/
#logo{
	display: block;
	position: absolute;
}
/*
#header h1{
	float: left;
}
#header h1 a{
	display: block;
}
#header h1 a:hover{
	text-decoration: none;
}
*/
#slogan{
	position:absolute;
	left: 0;
	top: 40px;
	font-size: 10pt;
	font-style: italic;
}
	
/*- Nav1 -*/
#nav1{
	font-size:16px;
	font-weight:bold;
	text-transform:uppercase;
	height:30px;
	margin:-10px 0 0;
	position:absolute;
	right:0;
}
#nav1 ul{
	list-style: none;
}
#nav1 li{
	float: left;
	line-height: 30px;
	margin: 0 4px 0 0;
}
#nav1 li a{
	color: #3f3f3f;
	display: block;
	float: left;
	padding: 0 0 0 13px;
	text-decoration: none;
}
#nav1 li a span{
	display: block;
	float: left;
	height: 30px;
	padding: 0 13px 0 0;
}
#nav1 li a:hover,
#nav1 li.active a, #nav1 li.current_page_item a{
	background: url(images/btn-rounded.gif) no-repeat left;
	color: #ffffff;
	cursor: pointer;
	text-decoration: none;
}
#nav1 li.active a span,
#nav1 li.current_page_item a span,
#nav1 li a:hover span{
	background: url(images/btn-rounded.gif) no-repeat right;
}

/*- Box1 -*/
#content .top,#content .bot{
	background: url(images/box-top.gif) no-repeat top;
	clear: both;
	height: 10px;
	overflow: hidden
}
#content .bot{
	background: url(images/box-bot.gif) no-repeat top
}

.banner_portada {
         margin-top: 0px;
}

#footer {
	background: url(images/fondo-footer.gif) repeat-x;
	font-size: 10pt;
	font-weight: bold;
}

.narrowcolumn {
	margin: 0px 0 0 8px;
	width: 890px;
}

/*  STEP CAROUSEL  */
.contenedor{
	width: 825px;
	padding-left: 60px;
	padding-right: 60px;
}

.stepcarousel{
	position: relative; /*leave this value alone*/
	overflow: scroll; /*leave this value alone*/
	width: 825px; /*Width of Carousel Viewer itself*/
	height: 340px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
	position: absolute; /*leave this value alone*/
	left: 0;
	top: 0;
}

.stepcarousel .panel{
	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	margin: 20px; /*margin around each panel*/
	width: 785px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}
/*  /STEP CAROUSEL  */

.cuadro{
	width: 430px;
	height: 250px;
	margin-top: 15px;
	margin-bottom: 15px;
	margin-right: 30px;
	float: left;
	overflow: hidden;
	background-color: RGB(236, 238, 239);
}
.columnafinal{
	margin-right: 0;
}
.cuadro3{
	width: 277px;
	height: 210px;
}
.cuadros_base{
	padding-left: 30px;
	margin-bottom: 30px;
}

.titulo_cuadro {
	background-color: RGB(66, 134, 186);
	color: white;
	padding: 4px;
	padding-left: 16px;
	font-size: 10pt;
	font-weight: bold;
	background: url(images/fondo-footer.gif) repeat-x;
}

.titulo_cuadro  a, .titulo_cuadro a:visited{
	color: white;
}

.titulo_cuadro a:hover, #footer a:hover {
	color: rgb(20, 20, 20);
}

.texto_cuadro{
	padding: 16px;
}
.texto_cuadro ul {
	margin-top: 0;
	margin-left: 16px;
}
.texto_cuadro p {
	margin-top: 0;
	text-align: left;
}