/* @override http://byn.es/cms/templates/blanco_y_negro/css/template_css.css */

/* @group Main */

html {
  /* este es un hack para forzar que el scrollbar este siempre presente.
  Asi la pagina no salta cuando pasasmos de paginas largas a cortas */
  /*height: 100%;*/
  /*margin-bottom: 1px;
  /*background: #fff;*/
}

body {
	margin: 0;
	padding: 0;
}

p {
  /* establecemos un espaciado entre parrafos mas legible */
  margin-top: 10px;
  margin-bottom: 15px;
}

h1, h2, h3, h4, h4 {
	/* establecemos un espaciado de cabeceras mas legible */
	padding-bottom: 5px;
	margin: 15px 0;
}

/* @group Fonts */

/* @group Sizes */


body {
	font-size: 13px;
}

h1 {
	font-size: 200%;
}

h2 {
	font-size: 180%;
}

h3 { 
   font-size: 150%;
}

h4 {
	font-size:  120%;
}

.small,
.modifydate,
.createdate,
div.mosimage_caption {
	font-size: 90%;
}

div.moduletable h3,
.componentheading {
	font-size: 110%;
	text-transform: uppercase;
	margin: 0;
	padding: 0 0 7px 0;
}

.contentheading {
	font-size: 100%;
}

.componentheading {
 margin-bottom: 15px;
}

td.componentheading {
	padding-bottom: 15px;
}

/* @end */

/* @group Family */

body {
		line-height: 135%;
		font-family: Arial, Helvetica, sans-serif;
		color: #666666;
}

div#top {
	color: #666;
}

.contentheading,
.componentheading {
	font-weight: bold;
	/*text-transform: uppercase;*/
	border-bottom: 1px dashed #2d3454;
}

div.moduletable h3,
div.moduletable-hilite1 h3,
div.mdouletable-hilite2 h3,
.contentheading {
	/* see style css */
}

table.headlines div.moduletable h3,
.componentheading {
	/* see style css */
}

a:link,
a:visited {
	/* color: see style css */
	color: #819D26;
	text-decoration: none;
}

/*div#bottom a:link,
div#bottom a:visited {
	color: #99CC00;
}*/

a:hover {

	text-decoration: underline;
}

/* @end */

/* @end */

/* @end */

/* @group Structure */

html {
	background-color: #FFFFFF;
}

div#wrapper {
	margin: 0 auto;
	width: 868px;
	/*height: 700px;*/
	/*border-bottom: 1px solid #2d3454;*/
}

div#header {
	height: 280px;/*calculado, ojo*/
	border-bottom: 1px solid #2d3454;
	background: url(../images/logo_dextro.jpg) 780px 0 no-repeat;
}
/* --------------- ver si eliminamos esto ------------------*/
img#logo {
	float:  left;
	margin-left: 38px;
	width: 150px;
	height: 100px;
	background: url(../images/logo.png) 0 0 no-repeat;
}
img#logo a:hover{
	background: url(../images/logo_roll.png) 0 0 no-repeat;
}

div#top {
	margin-left:  520px;
	height: 138px;
	font-style: italic;
}

div#top .padding {
	padding:  15px;
}

/* ---------------   ------------------*/
div#imagen {
	height: 156px;
	padding-top: 7px;
}
div#horiz-menu {
	height: 70px;
}

div#menu_inferior {
	height: 50px;
	border-top: 2px solid #2d3454;
}


table.mainbody,
table.usermodules {
	width: 100%;
	padding: 0;
}

td.mainbody {
	background: #fff;
}

td.usermodules {
	padding: 0 10px;
}

td.mainbody .padding,
td.right .padding {
	padding: 20px 15px 0 15px;
}
/*cambio*/
td.mainbody .padding {/*------ Div de contenido ------*/
	padding-left: 15px;
	padding-right: 5px;
}
td.left .padding {
	margin-top: 10px;
}
/*cambio*/
td.mainbody .padding {
	padding: 15px 25px;
}

td.right {
	/*background: #FFFFFF url(../images/col-divider.png) 0 0 repeat-y;*/
	background-color: #FFFFFF;
	/*border-left: 1px solid #d6d2c3;*/
	width: 200px;
}
/*cambio*/
td.left{
	/*background: #FFFFFF url(../images/col-divider.png) 0 0 repeat-y;*/
	background-color: #FFFFFF;
	/*border-right: 1px solid #d6d2c3;*/
	width: 200px;
}
/*cambio*/

#footer {
	background-color: #FFFFFF;
	height: 25px;
	margin-top: 10px;
	text-align: center;
	border-top: 2px solid #2d3454;
}
#footer ul {
	margin: 5px 0;
	padding: 0;
}
#footer li {
	list-style-type: none;
	display: inline;
	font-weight: bold;
}
#footer li a{
	color: #2d3454;
}
#footer a:hover{
	color: #999999;
	text-decoration: none;
}
/*#footer li.nota {
	padding: 0 8px;
	border-right: 1px solid #2d3454;
}
#footer li.certificado {
	padding: 0 0 0 5px;
}*/

/* ---------------------------- MENU SUPERIOR ---------------------------------- */
/* @group menus */

#horiz-menu {
position: relative;
overflow: hidden;
color:#3e2d1d;
/*border-bottom: 2px solid #2d3454;*/
background: url(../images/fondo_menu_horiz.gif)  repeat top left;
}
#horiz-menu ul {
list-style:none;
float:left;
margin:0;
padding: 0;
}
#horiz-menu ul li {
display:block;
float:left;
margin: 41px 0;/*separa los li de la parte superior*/
}
#horiz-menu ul li a {
color:#4d5b5e;
text-decoration:none;
padding:5px 8px;
margin:0;
position: relative;
display:block;
float:left;
z-index: 999;
/*height:80px;*/
text-transform: uppercase;
}
#horiz-menu ul li a:hover{
	color: #2d3454;
}
#horiz-menu ul li.active a{
	font-weight: bold;
	color: #2d3454;
}

#horiz-menu .background {
background: url(../images/bg_menu_right.gif) no-repeat top right;
z-index:8;
position:absolute;
visibility:hidden;
height:29px;
} 
#horiz-menu .background .left {
background:url(../images/bg_menu.gif) no-repeat top left;
height:29px;
margin-right:7px; /* 7px es el ancho de la imagen derecha */
}
/* ---------------------------- MENU SUPERIOR ---------------------------------- */
/* ---------------------------- MENU INFERIOR ---------------------------------- */
div#menu_inferior .moduletable {
	float: none;
	position: relative;
	text-decoration: none;
}
div#menu_inferior ul {
	margin-top: 18px;
}
div#menu_inferior li {
	list-style: none;
	display: inline;
	line-height: 10px !important;
	line-height: 15px;
}
/* NORMAL */
div#menu_inferior li a{
	margin: 0;
	padding: 0;
	/*margin-top: 5px !important;
	margin-top: 15px;*/
	float: left;
	list-style: none;
}
/* HOVER */
div#menu_inferior li.normal a:hover, div#menu_inferior li.active a:hover {
	color: #2d3454;
	text-decoration: none;
}
/* ACTIVO */
div#menu_inferior li.active a{
	font-weight: bold;
	position: absolute;
	_position: static;/*IE6*/
	left: 0%;
	text-transform: uppercase;
	color: #2d3454;
	/*padding: 0 15px 0 0;*/
	border-right: none;
}
/*CON LINK */
div#menu_inferior li.normal a{
	height: 10px;
	color: #4d5b5e;
	float: right;
	display: block;
	padding: 0 15px; /*cambiamos el ancho de los menus */
	border-right: 1px solid #6a8e21; /*cambiamos el color de la separacion*/
}
/* ---------------------------- MENU INFERIOR ---------------------------------- */
/* @end */

/* @group content */

.hide {
	display: none;
}

form {
	border: 0;
	margin: 0;
	padding: 0;
}

table.blog span.article_seperator {
	display: block;
	height: 20px;
}

.highlight {
  background-color: #ffc;
}

/* @end */

/* @end */

/* @group Joomla Core */

/* @group modules */

div.moduletable h3 {
	color: #000000;
	/*border-bottom: 1px solid #e7e7e7;
	padding: 3px 0;*/
}

td.right div.moduletable {
	color: #121A28;
}
/*cambio*/
td.left div.moduletable {
	margin-bottom: 20px;
	color: #121A28;
}
/*cambio*/
/*---------- Modulo registro --------------*/
td.left div.moduletable .input{
	border: none;
}
td.left div.moduletable ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
td.left div.moduletable li a{
	color: #666666;
	text-decoration: none;
}
td.left div.moduletable li a:hover{
	color: #6a8e21;
	text-decoration: none;
}
/*---------- Modulo registro --------------*/
td.right div.moduletable h3 {
	/*border-bottom: 3px solid #D2E0F2;*/
}
/*cambio*/
td.left div.moduletable h3 {
	/*border-bottom: 3px solid #D2E0F2;*/
	color: #2d3454;
	font-weight: 70%;
}
/*cambio*/

div#bottom div.moduletable {
	color: #ccc;
}

div#bottom div.moduletable h3 {
	border-bottom: 3px solid #243959;
	color: #fff;
}

/* @end */

/* @group content */

.contentheading, .componentheading {
	padding: 5px 0;
	margin-top: 10px;
	margin-bottom: 18px;
	line-height:100%;
	color: #2d3454;
}
a.contentpagetitle{
	color: #2d3454;
	text-decoration: none;
}
a.contentpagetitle:hover{
	color: #6a8e21;
}
td.buttonheading {
 	vertical-align: middle;
}

td.buttonheading img {
	margin-right: 5px;
}

table.contentpaneopen, table.contentpane, .contentpaneopen p, .contentpane p {
  border-collapse: collapse;
  padding: 0;
  margin: 0 0 8px 0;
  width: 100%;
  color: #666666;
}

div.contentpane, div.contentpaneopen {
  width: 100%;
}

.clr {
	clear: both;
}

div.mosimage {
  margin: 5px;
}

.pagenav_prev a, .pagenav_next a, a.readon, a.blogsection, a.pagenav, .pagenav, .blog_more, .back_button a{
	font-size: 11px;
	color: #666666;
	text-decoration: none;
	/*float: right;*/
}
a.readon{
	float: right;
}
.back_button a:hover, .pagenav_prev a:hover, .pagenav_next a:hover, a.readon:hover, a.blogsection:hover, a.pagenav:hover, a.blog_more:hover{
	color: #6a8e21;
}

.small {
	color: #666;
}

.modifydate {
	height: 20px;
	vertical-align: bottom;
	color: #666;
}

.createdate {
	height: 20px;
	vertical-align: top;
	vertical-align: top;
	padding-bottom: 5px;
	padding-top: 0px;
	color: #666;
}

table.contenttoc {
  margin: 5px;
  padding: 5px;
}

table.contenttoc td {
  padding: 0 5px;
}

/* @end */

/* @group pathway */

span.pathway {
	display: block;
	height: 16px;
	line-height: 16px;
	vertical-align: middle;
	margin-top: 5px;
	margin-bottom: 20px;
	font-weight: bold;
}

span.pathway img {
	margin: 0px 10px;
	vertical-align: middle;
}

div#pathway {
	margin-bottom: 10px;
	padding-left: 8px;
}

/* @end */

/* @group sections */

table.mainbody td.mainbody td.sectiontableheader {
  font-weight: bold;
  padding: 4px;
  line-height: 20px;
  background-color: #f6f6f6;
  border-bottom: 1px solid #ddd;
}

tr.sectiontableentry1 td,
tr.sectiontableentry2 td,
td.sectiontableentry1,
td.sectiontableentry2 {
  padding: 5px;
  border-top: 1px #fff;
  border-bottom: 1px solid #ddd;	
}

tr.sectiontableentry2 td,
td.sectiontableentry1 {
	background: #fcfcfc;
}

/* @group buscar */

.inputbox {
	/*margin-left: 10px;*/
	border: 1px solid #2d3454;
	font-size: 12px;
	background-color: #FFFFFF;
}
.search {
	float: right;
	margin-left: 45px;
}
.search input {
	color: #999999;
	margin-top: 12px;
	width: 100px;
	padding-left: 20px;
	background: url(../images/icon-search.gif) no-repeat center left #FFFFFF;
}

/* @end */

.pollstableborder .sectiontableentry1,
.pollstableborder .sectiontableentry2 {
	background: none;
	border:  0;
}
.sectiontableentry1 {
	background-color: #e3e2df;
}
/*.sectiontableentry1 a, .sectiontableentry2 a{
	color: #666;
	font-weight: bold;
	text-decoration: none;
}*/


/* @end */

/* @group mainmenu */
/*------------------------- SUBMENUS --------------------------*/
ul.menu{
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.menu li {
	background: none;
	margin: 0;
	padding: 1px 0;
}

ul.menu li a {
	display: block;
	outline: none;
	padding-top: 2px;
	color: #2d3454;
	text-decoration: none;
	text-transform: uppercase;
}

ul.menu li a:hover,
ul.menu li a:active,
ul.menu li a:focus{
	color: #6a8e21;
}

ul.menu li.active a {
	font-weight: bold;
}

ul.menu li ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.menu li li {
	border: none;
}

ul.menu li li a {
	border: none;
	font-weight: normal !important;
	padding-left: 10px !important;
	width: 75%; /*need for ie6*/
	text-transform: none;
	color: #4d5b5e;
}

ul.menu li li a:hover,
ul.menu li li a:active,
ul.menu li li a:focus {
	color: #6a8e21;
}
ul.menu li li.active a{
	color: #6a8e21;
}
/*ul.menu li.active.parent a{
	color: #2d3454;
}*/

/*------------------------------- SUBMENUS ----------------------------*/

/* @end */

/* @end */