body{
	width:        900px;
	padding:      0;
	margin-top:   0;
	margin-right: auto;
    margin-left:  auto !important; /* IE */
	
    font-family:  "Lucida Grande", Tahoma, Helvetica, sans-serif;
    font-size:    10px;
    color:        #555555;
    
    text-align:   center;
    background:   #314D6B;
    /*background-attachment: fixed;*/
}
a{
    cursor: url(../images/hand.cur), pointer;
}
div#wrapbg{
    clear: both;
	
    background: #FFFFFF url(../images/header.png) center top no-repeat;
    width: 100%;
}
.clr{
    clear: both;
    overflow: auto;
    width: 100%;
	background: transparent;
}
#contenido{
    width: 100%;
    margin-right: auto;
    margin-left: auto !important; /* IE */
    margin-top: 0;
    padding: 0;
    /*text-align:left;*/
}

/* JOOMLA DEFAULT STYLE
--------------------------------------------------------- */
ul {
	padding: 0;
    margin: 0 0 0 15px;
    /*margin-left: 15px;*/
}
ul li {
    list-style: none;
	line-height: 20px;
	padding: 2px 0 2px 18px; /* Para que la viñeta se vea */
	background: url(../images/list_image.png) 0 6px no-repeat;
}
ul li ul li{
    list-style: none;
	padding: 2px 0 2px 18px; /* Para que la viñeta se vea */
	background: url(../images/list_image.png) 0 3px no-repeat;
}
ul a:link, ul a:visited{
    color: #666699;
    text-decoration: none;
}
ul a:hover{
    color: #666699;
    text-decoration: none;
}
a img{
	border: none;
}
blockquote{
	width: auto;
	height: auto;
	border: 1px solid #DFDFDF;
	padding: 10px 0 10px 20px;
}
object{
    text-align: center;
}
/*.componentheading{
    font-family: "Lucida Grande", Tahoma, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: bold;
    color: #cbcbcb;
    text-align: left;
    margin-bottom: 20px;
}*/
.componentheading, .contentheading{
	width: 100%;
	line-height: 37px;
	position: relative;
	z-index: 2;
    font-family: arial;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 2px;
    text-align: center;
    text-transform: uppercase;
    color: #ffffff;
    
    margin: 0;
    padding: 0 0 7px 0;
    background: url(../images/titulo_verde.png) left center no-repeat;
    /*filter: alpha(opacity=50);
    opacity: .5;*/
}
.contentheading a:link, .contentheading a:visited{
    /*font-family: "Lucida Grande", Tahoma, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #6C0000;
    text-decoration: none;*/
	border-bottom: 1px dotted #FFFFFF;
}
.contentheading a:hover{
	border-bottom: 1px solid #FFFFFF;
}
.modifydate{
    font-family: "Lucida Grande", Tahoma, Helvetica, sans-serif;
    font-size: 10px;
    color: #cbcbcb;
    padding-top: 15px;
}
.small{
    font-family: "Lucida Grande", Tahoma, Helvetica, sans-serif;
    font-size: 0.83em;
    color: #cbcbcb;
}
.createdate{
    font-family: "Lucida Grande", Tahoma, Helvetica, sans-serif;
    color: #cbcbcb;
}
td .createdate{
    font-size: 0.83em;
}
.readon{
    font-family: "Lucida Grande", Tahoma, Helvetica, sans-serif;
    font-size: 0.92em;
    color: #6c0000;
}
a.readon:link, a.readon:visited{
    text-decoration: none;
}
a.readon:hover{
    text-decoration: underline;
}
td.buttonheading{
    width: 32px;
}
.sectiontableheader{
    background-color: #efefef;
    background-repeat: repeat;
    border-bottom: 1px solid #999999;
    padding-left: 2px;
    color: #555555;
    font-weight: bold;
    padding: 2px;
}
.sectiontableentry2{
    background-color: #F3F3F3;
}
.mosimage_caption{
    font-family: "Lucida Grande", Tahoma, Helvetica, sans-serif;
    font-size: 9px;
    color: #cbcbcb;
    padding-top: 5px;
    padding-bottom: 5px;
}
table.contenttoc{
    margin: 0 0 10px 10px;
    padding: 0;
    width: 200px;
}
table.contenttoc td{
    padding: 1px 5px 1px 18px;
}
table.contenttoc th{
    padding: 2px 4px;
    background-color: #efefef;
    border-bottom: solid 1px #999999;
    color: #888888;
    text-indent: 5px;
    text-transform: uppercase;
}
table.blog, table.contentpaneopen{
    width: 100%;
	padding: 0;
}
table.blog a, table.contentpaneopen a{
	border-bottom: 1px dotted #666699;
}
table.blog a:hover, table.contentpaneopen a:hover{
	border-bottom: 1px solid #666699;
}
table.contentpane{
    width: 100%;
    margin-bottom: 30px;
    text-align: left;
}
.highlight{
    background-color: #ffff99;
}
.contentpane{
    width: auto;
}
form {
    margin: 0;
    padding: 0;
}
table.poll {
    padding: 0;
    width: 100%;
    border-collapse: collapse;
}
table.pollstableborder {
    padding: 0;
    width: 100%;
    border: none;
    text-align: left;
}
table.pollstableborder img {
    vertical-align: baseline;
}
table.pollstableborder td {
    padding: 2px!important;
}
form {
    margin: 0;
    padding: 0;
}
#mod_login_password, #mod_login_username {
    width: 140px;
    font-size: 1em;
}
#mod_search_searchword{
    width: 150px;
}
input, select {
    font: 11px "Lucida Grande", Tahoma, Helvetica, sans-serif;
}
select, .inputbox {
    padding: 2px;
}
textarea {
    padding-left: 2px;
}
.button {
    padding: 1px 4px;
    border-top: 1px solid #E1E1E1;
    border-left: 1px solid #E1E1E1;
    border-bottom: 1px solid #BABDB6;
    border-right: 1px solid #BABDB6;
    background: #EFEFEF;
}
.button:hover, .button:focus {
    border-top: 1px solid #BABDB6;
    border-right: 1px solid #E1E1E1;
    border-bottom: 1px solid #E1E1E1;
    border-left: 1px solid #BABDB6;
}
.inputbox {
    border-top: 1px solid #BABDB6;
    border-right: 1px solid #EDEEEC;
    border-bottom: 1px solid #EDEEEC;
    border-left: 1px solid #BABDB6;
    background: #FFFFFF;
}
.inputbox:hover, .inputbox:focus {
    border: 1px solid #BABDB6;
    background: #FFFFFF;
}
.pagenav {
    padding: 2px;
}
a.pagenav,
.pagenav_prev a,
.pagenav_next a,
.pagenavbar a {
    padding: 1px 4px;
    border-top: 1px solid #E1E1E1;
    border-left: 1px solid #E1E1E1;
    border-bottom: 1px solid #BABDB6;
    border-right: 1px solid #BABDB6;
    background: #EFEFEF;
    color: #666666;
    text-decoration: none;
    font-size: 11px;
}
a.pagenav:hover, a.pagenav:active,
.pagenav_prev a:hover, .pagenav_prev a:active,
.pagenav_next a:hover, .pagenav_next a:active,
.pagenavbar a:hover, .pagenavbar a:active {
    padding: 1px 4px;
    border-top: 1px solid #BABDB6;
    border-right: 1px solid #E1E1E1;
    border-bottom: 1px solid #E1E1E1;
    border-left: 1px solid #BABDB6;
    background: #EFEFEF;
    color: #666666;
    text-decoration: none;
}
.pagenavbar {
    padding-left: 14px;
    color: #666666;
    font-size: 11px;
}
.pagenavcounter {
    padding: 8px 14px 0 14px;
    color: #666666;
}
.blog_more {
    margin-top: 5px;
    margin-bottom: 30px;
}
.back_button{
    font-size: 11px;
}
.adminform textarea {
    width: 840px!important;
}

.adminform textarea.inputbox {
    width: 840px!important;
}


/* LAYOUT STYLING
--------------------------------------------------------- */
div#wrapper{
    width: 900px;
}


/* MOO.FX
--------------------------------------------------------- */
div#toolsdiv{
    width: 100%;
    color: #fff;
    font-size: 11px;
    background-color: #000000;
}
div#tools{
    width: 711px;
    height: 55px;
    padding-top: 5px;
}
/* ------------------------------------ */
div#syndicatediv{
    float: left;
    width: 229px;
}
div#colorsdiv{
    float: left;
    width: 256px;
}
div#fontsdiv{
    float: left;
    width: 226px;
}

/* WEBSITE TOOLS
--------------------------------------------------------- */
div#sitetoolsdiv{
    height: 30px;
}
div#sitetools{
    padding: 0 15px; /* Relleno lateral */
    height: 30px;
    float: left;
    display: block;
    background: black;
    font-family: "Lucida Grande", Tahoma, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    /*color: #A6A6A6;*/
    line-height: 30px;
    text-align: center;
    /*text-transform: uppercase;*/
}
div#sitetools a:link, div#sitetools a:visited{
    color: gray;/*#A6A6A6;*/
    text-decoration: none;
}
div#sitetools a:hover{
    color: #fff;
}

/* TOP AREA
--------------------------------------------------------- */
div#toparea{
	z-index: 1;
    height: 231px;
}
div#logo{
    width: 452px;
    height: 123px;
    background: url(../images/logo.gif) 0 0 no-repeat;
    float: left;
}
div#banner{
    width: 488px;
    height: 123px;
    position: relative;
	left: 0;
	top: 0;
	z-index: 2;
}
#latestnews{
    width: 300px;
    height: 130px;
    float: left;
	margin-left: 482px;
	margin-top: 65px;
}
#latestnews .moduletable{
	padding: 0;
	margin: 0;
}
#latestnews .moduletable ul li{
	padding: 0;
	margin: 0;
    list-style: none;
}
ul.latestnews{}
li.latestnews{
	background: none;
}
a.latestnews:link, a.latestnews:visited {
    display: block;
	line-height: 20px;
    height: 20px;
    width: 240px;
	padding: 0;
	margin: 0;
    font-weight: bold;
    font-family: "Lucida Grande", Tahoma, Helvetica, sans-serif;
    text-decoration: none;
    color: #6c0000;
    text-align: left;
    text-indent: 5px;
    border-bottom-style: dotted;
    border-bottom-color: #cccccc;
    border-bottom-width: 1px;
}
div#toparea .moduletable h3{
    font-family: "Lucida Grande", Tahoma, Helvetica, sans-serif;
    font-size: 1.1em;
    color: #333333;
    text-align: left;
    font-weight: bold;
    margin: 0px;
    padding: 0px;
}

/* HEADER
--------------------------------------------------------- */
div#headerdiv{
    height: 106px;
    overflow: hidden;
}
div#header{
    padding: 10px;
}
div#header .moduletable h3{
    font-family: "Lucida Grande", Tahoma, Helvetica, sans-serif;
    font-size: 12px;
    color: #333333;
    text-align: left;
    font-weight: bold;
    margin: 0;
    padding: 0;
}
div#header .moduletable{
    font-family: "Lucida Grande", Tahoma, Helvetica, sans-serif;
    font-size: 0.92em;
    color: #e0e0e0;
    text-align: left;
    margin: 0;
    padding: 0;
}
div#header td{
    margin: 0;
    padding: 0;
}
div#header .contentpaneopen {
    font-family: "Lucida Grande", Tahoma, Helvetica, sans-serif;
    font-size: 1em;
    color: #e0e0e0;
    text-align: left;
    margin: 0px;
    padding: 0px;
}
div#header a {
    color: #e0e0e0;
    text-decoration: underline;
}


/* SUCKERFISH
--------------------------------------------------------- */
#navdiv {
    height: 30px;
    margin-top: 10px;
    margin-left: 20px;
    
    /* Descomentar para centrar barra de navegación
       width: 70%;
       margin-left: auto;
       margin-right: auto;
     */
}
#nav {
    margin: 0;
    padding: 0;
    height: 30px;
}
#nav a {
    font-size: 11px;
    font-weight: bold;
    color: #FFFFFF;
    float: left;
    text-decoration: none;
    display: block;
    line-height: 30px;
    background: url(../images/fondo_naranja.gif) 0 0 repeat-x;
    padding: 0 15px;
	
	border-style: none;
}
#nav a.topdaddy{
    /*filter: alpha(opacity=50);
    opacity: .5;*/
}
#nav ul li.tail {
	width: 150px;
	height: 69px;
	
	position: relative;
	z-index: 0;
	
	background: url(../images/tail.jpeg) 0 0 no-repeat;
}
#nav li a {}
#nav li a:hover{}
/*#nav li li a{
    background: none;
    padding: 0;
    text-indent: 15px;
    text-transform: uppercase;
    color: #939393;
    line-height: 30px;
}*/
#nav ul li ul li a:hover{
    background: none;
}
#nav ul li a:hover,
#nav ul li ul li ul li a:hover {
    color: #ffffff;
}
#nav, #nav ul {
    float: left;
    list-style: none;
    margin: 0;
    padding: 0;
}
#nav li li {
    padding: 0;
    background: none;
    /*border-bottom: 1px solid #405664;
    border-top: 1px solid #405664;*/
}
#nav ul ul a {
    display: block;
    color: #FFFFFF;
    text-decoration: none;
    width: 100%;
	height: 100%;
	line-height: 38px;
	vertical-align: middle;
    text-transform: none;
    font-size: 11px;
    text-align: left;
	background: none;
}
/*#nav li {
    float: left;
    padding: 0;
    background: none;
    height: 30px;
}*/
#nav ul li {
    position: relative; /* Position property needed to use layers */
    z-index: 10;
	
	float: left;
    padding: 0;
    background: none;
    height: 30px;
}
#nav li ul {
    top: 30px;
    position: absolute;
    /*left: 0;  /*REVISAR*/
	left: -999em;
    height: auto;
    width: 170px;
    font-weight: normal;
    margin: 0;
    padding: 0;
    border: 1px solid #FFFFFF;
/*    opacity: .7;
    filter: alpha(opacity=70);*/
}   
#nav li li {
    float: left;
    padding: 0;
	height: 38px;
    width: 170px;
	background: #001D30 url(../images/submenu_blue.png) 0 0 repeat-x;
}
/*#nav li ul ul {
    margin: -25px 0 0 170px;
}*/
#nav li:hover ul ul, 
#nav li:hover ul ul ul,
#nav li:hover ul ul ul ul,  
#nav li.sfhover ul ul, 
#nav li.sfhover ul ul ul, 
#nav li.sfhover ul ul ul ul {
    left: -999em;
}
#nav li:hover ul, 
#nav li li:hover ul, 
#nav li li li:hover ul, 
#nav li li li li:hover ul,
#nav li.sfhover ul, 
#nav li li.sfhover ul, 
#nav li li li.sfhover ul,
#nav li li li li.sfhover ul {
    z-index: 10;
    left: 0;
}
#nav li:hover, #nav li.sfhover {
    left: 0;
    /*background-color: #4b0000;*/
}
#nav li:hover a,        #nav li.sfhover a ,
#nav li li:hover a,       #nav li li.sfhover a,
#nav li li:hover a:hover, #nav li li.sfhover a:hover 
{}
#nav li.active {}
#nav li li.active {}
#nav li li:hover, 
#nav li li li:hover, 
#nav li li li li:hover,
#nav li.sfhover, 
#nav li li.sfhover, 
#nav li li li.sfhover,
#nav li li li li.sfhover {
	background: #001D30 url(../images/submenu_blue.png) 0 0 repeat-x;
}

/* DEFAULT JOOMLA MENU STYLING
--------------------------------------------------------- */
a:link, a:visited {
	color: #666699;
	font-family: "Lucida Grande", Tahoma, Helvetica, sans-serif;
    text-decoration: none;
	border-bottom: 1px dotted #666699;
}
a:hover {
    color: #666699;
	text-decoration: none;
	border-bottom: 1px solid #666699;
}
a.category {}
a.mainlevel:link, a.mainlevel:visited {
    display: block;
    height: 20px;
    width: 200px;
	color: #666699;
    text-align: left;
    text-indent: 15px;
    border-bottom-style: solid;
    border-bottom-color: #CCCCCC;
    border-bottom-width: 1px;
    line-height: 20px;
}
a.mainlevel:hover {
    background-color: #f7f7f6;
    display: block;
    height: 20px;
    width: 200px;
    text-decoration: none;
}   
a.sublevel:link, a.sublevel:visited {
    display: block;
    height: 20px;
    width: 196px;
    color: #666666;
    text-align: left;
    text-indent: 25px;
    border-bottom-style: solid;
    border-bottom-color: #cccccc;
    border-bottom-width: 1px;
    line-height: 20px;
	text-decoration: none;
}
a.sublevel:hover {
    background-color: #f7f7f6;
    display: block;
    height: 20px;
    width: 196px;
    color: #666666; 
}
#active_menu {
	color: #53586F;
	background-color: #f7f7f6;
    display: block;
    height: 20px;
    width: 200px;
}
#active_menu.sublevel {
    background-color: #f7f7f6;
    color: #4C7EAF;
    display: block;
    height: 20px;
    width: 196px;
}
div.moduletable_menu{
	margin-bottom: 25px;
}

div.message{
	color: #333333;
	font-size: 12px;
	font-weight: bold;
	padding: 4px 4px 4px 4px;
	margin-bottom: 5px;
	background: #FFD86F;
	border: 1px solid #FC8C02;
}

/* MAIN CONTENT
--------------------------------------------------------- */
div#left .newsfeed a, div#user2 .newsfeed a,
div#user3 .newsfeed a, div#user4 .newsfeed a,
div#user5 .newsfeed a, div#user6 .newsfeed a,
div#user7 .newsfeed a, div#right .newsfeed a{
    font-weight: normal;
}
ul.newsfeed li{
	margin: 0;
	text-align: left;
}
div#user2 .moduletable, div#user3 .moduletable,
div#user4 .moduletable, div#user5 .moduletable,
div#user6 .moduletable, div#user7 .moduletable{
    font-size: 0.92em;
}
div#user2 .moduletable ul{
    list-style: none;
    margin:0;  /* Lista sin margen */ 
    padding:0; /* Y sin relleno */
}
div#maincontentdiv{
	width: 100%;
    margin: 30px 0px 30px 0px;
}
div#maincontent{
	width: 100%;
}
span.small{
	font-size: 10px;
	color: #333333;
}
span.pathway{
	position: absolute;
	z-index: 2;
}
div#pathway{
	height: auto;
    text-align: left;
    font-size: 12px;
    font-weight: bold;
    font-family: "Trebuchet MS";
    color: #555555;
    padding-bottom: 20px;
}
div#pathway a {
	color: #9F4C3B;
	font-family: "Trebuchet MS";
	text-decoration: none;
	border: none;
}
#pathway img {
	background: url(../images/arrow.png) 0 0 no-repeat;
}
/*div#pathway a:link, div#pathway a:visited{
    color: #6C0000;
    text-decoration: none;
}
div#pathway a:hover{
    text-decoration: none;
}*/
div#topusersdiv{
    padding: 0 0 20px 0;
    height: 1%;
}
div#bottomusers1div{
    padding: 30px 0 20px 0;
    height: 1%;
}
div#bottomusers2div{
    padding: 0 0 20px 0;
    height: 1%;
}
div#user2div, div#user3div,
div#user4div, div#user5div,
div#user6div, div#user7div{
    float: left;
}
div#user2, div#user3,
div#user4, div#user5,
div#user6, div#user7{
    /*padding: 0px 10px 0px 10px;*/
    text-align: left;
    font-size: 1em;
    color: #939393;
}
div#user2 h3, div#user3 h3,
div#user4 h3, div#user5 h3,
div#user6 h3, div#user7 h3{
    /*font-size: 1em;
    color: #474747;
    margin: 0px 0px 5px 0px;*/
    
    font-family: arial;
    font-size: 1.2em;
    font-weight: bold;
    letter-spacing:.1em;
    text-align: center;
    text-transform: uppercase;
    /*filter:shadow(color=white);*/
    color: #ffffff;
        
    margin: 0px 7px 7px 0px;  /* Aquí están los famosos márgenes negativos*/
    padding: 7px 0px 7px 0px;
    border: solid 1px #CCCCCC; /* Color del borde */
    width: 200px;
    background: url(../images/titulo.gif) center 0 repeat-x;
    /*filter: alpha(opacity=50);
    opacity: .5;*/
}
/* ------------------------------------ */
div#leftblock{
    float: left;
    width: 240px;
	border-right: 1px solid #cccccc;
}
div#leftdiv{
    width: 200px;
    text-align: left;
}
div#left{
    font-size: 1em;
    color: #939393;
}
div#left h3, div#right h3{
    font-family: arial;
    font-size: 12px;
    font-weight: bold;
    letter-spacing:.1em;
    text-align: center;
    text-transform: uppercase;
    color: #ffffff;        
    margin: 0;
    padding: 7px 0 5px 0px;
    width: 202px;
	height: 31px;
    background: url(../images/titulo_lateral.gif) 100% 0 no-repeat;	
}
div#left .moduletable{
	text-align: center;
	margin-top: 5px;
    margin-bottom: 25px;
    font-size: 0.92em;
}
div#left a{
    font-size: 12px;
    font-weight: bold;
}
/* ------------------------------------ */
div#centerblock{ /* 3 columns layout */
    float: left;
    width: 500px;
}
div#centerblockright{ /* 2 columns layout ~ right block disabled */
    float: left;
    width: 500px;
	margin-left: 0;
}
div#centerblockleft{ /* 2 columns layout ~ left block disabled */
    float: left;
    width: 500px;
    border-right: 1px solid #cccccc;
}
div#centerblockfull{ /* 1 columns layout */
    float: left;
    width: 780px;
}
div#centerdiv{
    width: 490px;
    padding: 0px 20px 0px 20px;
}
div#center{
    clear:left;
    width: 100%;
    text-align: left;
    position: relative;
}
/* ------------------------------------ */
div#rightblock{
    float: left;
    /*width: 240px;*/
    width: 150px;
}
div#rightdiv{
    width: 100%;
    text-align: left;
}
div#right{
    font-size: 1em;
    color: black;
}
div#right .moduletable{
    margin-bottom: 20px;
    font-size: 1.2em;
    font-weight: bold;
}
div#right a{
    font-size: 1em;
    font-weight: bold;
}

div#right label{
    /*font-size: 1.2em;
    font-weight: bold;*/
}

/* FOOTER
--------------------------------------------------------- */
#footercontent{
	clear: both;

    float: left;
    width: 100%;
	height: 80px;
	vertical-align: middle;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 20px;
    color: #aaaaaa;
    font-size: 10px;
    background: #314D6B url(../images/footer_bg.png) 0 0 no-repeat;
}
#footer{
	position: relative;
	margin: 0;
	background: transparent;
	width: 100%;
	height: 100%;
}
span#footercopyright{
	position: relative;
	margin-top: 25px;
	display: block; /* Break before and after each element */
}
span#footercopyright a:link, span#footercopyright a:visited{
    color: #aaaaaa;
    text-decoration: none;
	border-bottom: 1px dotted #aaaaaa;

}
span#footercopyright a:hover{
    color: white;
    text-decoration: none;
	border-bottom: 1px solid #aaaaaa;
}
div#w3cdiv{
	display: block; /* Break before and after each element */
	
    width: 240px;
    float: right;
	margin-right: 20px;
    text-align: right;
}
#w3c a{
	border: none;
}