@import url("verticalmenu.css");
/* CSS Document */

html {
 width:100%;
}

body {
	margin-top: 0px;
 	height:100%;
	}

html > body #container {
height:100%;
}
/* -- contenedor ------------------------------------------------------------------- */
#container {
width:1000px;
text-align:left;
margin-left:auto;
margin-right:auto;
position:relative;
}

/* -- menu administrador ------------------------------------------------------------------- */
#topmenu {
position:absolute;
clear:left;
padding:0px;
text-align:left;
z-index:999;
left:30%;
}

/* -- login ------------------------------------------------------------------- */

#login {
	width:200px;
	z-index:140;
	position:relative;
}

#sublogin {
width:25%;
float:right;
position:relative;
z-index:140;
font-family:Arial,Helvetica,sans-serif;
font-size:11px;
margin-top:5px;
}

#sublogin a {
color:#000000;
text-decoration:none;
}

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

#logout {
color:#FFFFFF;
float:right;
margin-top:10px;
}

#logout a {
color:#FFFFFF;
}

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


/* -- banner logotipo D0 ------------------------------------------------------------------- */
#header { 
padding:0;
height:148px;
}

#logo {
z-index:-1;
float:right;
height:100px;
}

/* -- menus de usuario ------------------------------------------------------------------- */
#toolbar {
background: url(../images/menubar.gif) left top repeat;
height:48px;
position:relative;
clear:both;
padding:0;
}

#menubar {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
position:relative;
height:48px;
float:left;
width:75%;
}

#menubar ul {
	margin: 0;
	padding: 0;
	float: left;
	margin-top:3px;
	margin-left:4px;
}

#menubar ul ul ul {
	left: -999em;
}

#menubar li {
	display: block;
	padding: 0;
	margin: 0;
	float: left;
	padding-right:4px;
}

#menubar li ul {
	display: none;
	position: absolute;
	margin: 0;
	padding: 0;
	top:24px;
	height: 24px;
	left:0;
	width:728px;
	/*background-color:#000000;*/
	}
#menubar li ul li {
background:none;
}

#menubar li a {
color:#616161;
font-weight:bold;
font-size:12px;
text-decoration: none;
}
#menubar li a:hover {
color:#C10602;
}
#menubar li ul li a {
color:white;
font-weight:bold;
font-size:12px;
}
#menubar li ul li a:hover {
color:white;
text-decoration:underline;
}
#menubar li#active_menu ul {
	display: block;
}
#menubar li#active_menu ul li#active_menu a.sublevel {
font-weight:bold;
color:#616161;
}
#menubar li#active_menu ul li#active_menu {
background:none;
}
#menubar li#active_menu a {
	background:  url(../images/activetab_left.gif) 0 0 no-repeat;
	color:white;
}
#menubar li#active_menu {
	background: url(../images/activetab_right.gif) 100% 0 no-repeat;
}
#menubar li#active_menu ul a {
background:none;
}
#menubar li:hover ul, #menubar li.sfhover ul {
	display: block;
	z-index: 20;
}
#menubar li a {
	display: block;
	float: left;
	padding: 0 8px;
	height: 24px;
	line-height: 20px;
}

#menubar li ul a, #menubar li.active ul a {
	display: block;
	float: left;
	padding: 0 4px;
	background: none;
	height: 20px;
	line-height: 20px;
}

/* -- campo main ------------------------------------------------------------------- */

#main {
width:100%;
z-index:900;
/* position:relative;*/
font-family:Arial;
font-size:0.8em;
font-weight:normal;
color:#000000;
}

#left {

	text-align:left;
	margin-left:0px;
	position: absolute;
	width:200px;
	clear:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	font-weight:500;
	color:#C10602;
   float:left;
    top:155px;
   

}

#suscribe {
	margin-left:10px;
	position:absolute;
	width:200px;
	height:343px;
	left: -10px;
	background-image:url(../images/entrena_con_nosotros.jpg);

}
#portada {
	width:780px;
        padding: 5px;
        clear:none;
        font-family:Arial;
        font-size:0.8em;
        font-weight:normal;
        color:#000000;
	margin-top:45px;
	}

#portada_principal {
	width:540px;
	text-align:left;
	float: left;
	}

#portada_secundario {
	margin-top:10px;
	/*background-color:#F6F6F6;*/
	width:240px;
	text-align:left;
	float: left;
	}

#content {
	width:770px;
	padding: 10px;
	clear:none;
	font-family:Arial;
	font-size:0.9em;
	font-weight:normal;
	color:#000000;
	line-height:20px;
	top:155px;
	border-left: 1px dashed #999999;
	border-right: 1px dashed #999999;
	border-bottom: 1px dashed #999999;
	float:left;
}


#right {
	text-align:left;
	width:200px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.9em;
	float:right;
	margin-top:5px;
}

div#header h1 a{
font-size:30px;
text-decoration:none;
color:#C10602;
}

div#content h1 a{
font-size:20px;
text-decoration:none;
color:#000000;
line-height:25px;

}

div#content h1 a:hover{
font-size:20px;
text-decoration:none;
color: #C10602;
}

#footer {
display:block;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:10px;
margin-left:auto;
margin-right:auto;
margin-top:20px;
overflow:hidden;
padding:5px;
clear:both;
position: relative;
background-color:#F6F6F6;
}



/* ---------------------------------------------------------------------  XARAYA REQUIRED CLASSES */
a {
/*font-family:Arial, Helvetica, sans-serif;
font-size:12px;*/
text-decoration:none;
color:#C10602;
}

a:hover {
/*font-family:Arial, Helvetica, sans-serif;
font-size:12px;*/
text-decoration:underline;
color: #C10602;

}
blockquote {
}

body, input, select, textarea {
 /*font-family:"Helvetica Neue",Helvetica,Arial,Geneva,sans-serif;
font-size:13px;
font-stretch:normal; 
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal; */
}

code {
}

h1 {
	font-size:1.6em;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;

}

h1 a {
	font-size:1.6em;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;

}

h1 a:hover {
	text-decoration: underline;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}

h2 {
color:#000000;
font-family: Arial, Helvetica, sans-serif;
font-size:2em;
font-style:italic;
}

h2 a {
color:#C10602;
font-family: Arial, Helvetica, sans-serif;
font-size:1em;
font-style:italic;
}

h2 a:hover{
color:#C10602;
font-family: Arial, Helvetica, sans-serif;
font-size:1em;
text-decoration:underline;
font-style:italic;
}


.subtitulo  {
font-size:1.2em;
font-style:italic; 
color:grey;
margin-top:-10px;
}

.subtitulo a{
font-size:1em;
font-style:italic; 
color:#646464;
}

.subtitulo a:hover {
text-decoration:underline;
font-size:1em;
font-style:italic; 
color:#646464;
margin-top:-10px;
}

h3 {
}
h4 {
}
th {
}
td {
}
tr {
}
table {
margin-top:5px;
margin-bottom:15px;
}
thead {
}
tbody {
}
tfoot {
}
p {
line-height:20px;
}
pre {
}
input {
	border: 1px solid #999999;
}


button {

}
select {
}
textarea {
}
img {
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
color: #000000;  
}

a img{
 border: 0; 
  }
li {
list-style: disc inside;
}

ul {
padding-left: 10px;
list-style: disc inside;
}

ol {
}
sup {
}
sub {
}

label {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color: #000000;  
}

fieldset {padding:10px;}
legend {color:#C10602;}

/*  XARAYA REQUIRED INDIVIDUAL CLASSES */
tr.xar-norm {background-color:#FFFFFF;}
td.xar-norm {background-color:#FFFFFF;}
td.xar-alt {}

/*  XARAYA REQUIRED ANONYMOUS CLASSES  */

.xar-block-head{
/*margin-top:20px;*/
}
.xar-block-title {
	font-weight:bold;
	font-size:15px;
/*	color: #C10602;*/
	color:#FFF;
	text-align:left;
	text-indent:29px;
	margin-left:20px;
	/*background-image:url(../images/titular_m.png);*/
	line-height:28px;
	/*width:195px;*/
	height:28px;
}
.xar-block-body {

}
.xar-block-foot {
}

/* right block group classes */
.xar-block-head-right{
}
.xar-block-title-right {
}
.xar-block-body-right {
}
.xar-block-foot-right {
}

/* topnav block group classes */
.xar-block-head-topnav {
}
.xar-block-title-topnav {
}
.xar-block-body-topnav {
}
.xar-block-foot-topnav {
}

/* center block group classes */
.xar-block-head-center{
}
.xar-block-title-center {
}
.xar-block-body-center {
}
.xar-block-foot-center {
}
.xar-mod-head {
}
.xar-mod-title {
font-weight:bold;
font-size:14px;
}
.xar-mod-body {
padding: 5px; 
overflow:auto;
}
.xar-mod-foot {
}
.xar-alt {
background-color:#FFFFCC;
}
.xar-accent {
background-color:#EEEEEE;
}
.xar-alt-outline {
}
.xar-accent-outline {
}
.xar-norm-outline {
}
.xar-norm {
}
.xar-norm a{
text-decoration:none;
color:#C10602;
}

.xar-norm a:hover{
text-decoration:underline;
color:#C10602;
}
.xar-sub {
}
.xar-menu-section {
width:100%;
margin-top:0px;
}
.xar-menu-section-current {
}
.xar-menu-item {
  margin-top:5px;
  text-transform:uppercase;
}

.xar-menu-item a{
font-weight:bold;
text-transform:uppercase;
text-decoration:none;
font-size:16px;
color:#000000;
}

.xar-menu-item-current {
color:#C10602;
}
.xar-menu-item a:hover {
color:#C10602;
}
.xar-menu-subitem {
}
.xar-menu-subitem:hover { 
}
.xar-menu-subitem-current {
}
.xar-menu-item-current > .xar-menu-subitem > a {
}
.xar-menu-item-current > .xar-menu-subitem > a:visited {
}
.xar-title {
font-weight:bold;
font-size:16px;
}
.xar-error {
color:#FF0000;
text-align:center;
word-spacing:normal;
}

.xar-left {
float:left
}

.xar-right {
float:right;
}

.xar-mitad {
width:49%;
}

.xar-auto {
width:auto;
}

.xar-form-label {
font-weight:bold;
margin-left:3px;
width:15em;
}

/* ----------------------------------------- Clases extra ------------------------------ */
div.menus {
/*width:185px;*/
}

div.menus ul li {
/*height:20px;*/
/*list-style-image: url(../images/arrow.png);
list-style-position: outside;*/
margin-top:5px;
white-space:normal;
padding: 3px 3px;
border-bottom: solid 1px #C10602;
list-style-position:inside;
list-style-type: none;
list-style-image: none;
}

div.menus ul li a {
/*font-weight:bold;
text-transform:uppercase; */
font-family:Arial, Helvetica, sans-serif;
text-decoration:none;
font-size:13px;
color: #C10602;
height:20px;
font-weight:bold;
text-indent:5px;
}

div.menus ul li a:hover {
color: #000000;
height:20px;
font-size:13px;
font-weight:bold;
text-indent:5px;
}

dl, dt, dd, ul, li {
/*margin: 0; */
margin-left:4px;
/*padding: 0;*/
/*list-style-type: none;*/
}

ul.foro-portada li {
margin-left:4px;
padding: 0;
list-style-type: none;
}

.comentarios {
margin-top:5px;
background-color:#FAF8CC;
padding:10px;
}

.clean { clear:both; }

table.tabalt {background-color:#FFF0F0;
width:100%;}
table.tabalt th {background-color:#FFF0F0;}
table.tabalt tr {background-color:#FFF0F0;}

.mitad {
width:48%;
}

.red {
color:red;
}

div.contenedor {}

div.contenedor {
height:100%;
}

ul.nav {
margin:0px;
}

textarea.legales {
width:50%;
background-color:#FFF8C6;
text-rendering:optimizelegibility;
}

.inferior {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #000000;
}

/* Cajita gris*/
.granaroundbox { background: url(../images/nt_grana.gif) repeat; }
.grisroundbox { background: url(../images/nt_gris.gif) repeat; }
.granatop div { background: url(../images/tl_grana.gif) no-repeat top left; }
.granatop { background: url(../images/tr_grana.gif) no-repeat top right; }
.grisbot div { background: url(../images/bl_gris.gif) no-repeat bottom left; }
.grisbot { background: url(../images/br_gris.gif) no-repeat bottom right; }

/* height and width stuff, width not really nessisary. */
.granatop, .granatop div, .gristop div, .gristop, .grisbot div, .grisbot {
width: 100%;
height: 7px;
font-size: 1px;
}
.griscontent { margin: 0 7px; }
.grisroundbox { width:100%; margin: 1em auto; }

.grisbox {background-color:#F6F6F6;}

.xar-chat-online {
   list-style-type: none;
   list-style-image: none;
   list-style-position: inside
}
.xar-chat-connected {
   list-style-type: none;
   list-style-image: none;
   list-style-position: inside
 }
.frase {
background:transparent url(../images/comillas.png) no-repeat scroll left top;
color:#666666;
display:block;
font-size:180%;
letter-spacing:-0.03em;
line-height:120%;
margin:10px 20px;
padding:10px 20px 0 40px;
}

ul.eventlist li {
list-style-type: none;
   list-style-image: none;
   list-style-position: inside
   }