﻿body{margin:0;padding:0}
html{margin:0;padding:0}
body{font: 76% arial,sans-serif;text-align:center;background: #FFFFFF url("../imagenes/fondo.png") repeat-x top left;
	/* #D7E7ED */}
p{margin:0 10px 10px}
a{color: #3E82CB; text-decoration:none;}
a:hover {	color:#FF6600; text-decoration: underline;}
div#header {height:240px;line-height:80px;margin:0; /*margin-top:20px*/;
  padding-left:10px;background: #EEE;color: #79B30B; background-image:url(../imagenes/cabecera.png);}
div#container{text-align:left;
border-top:4px solid #fff;
border-bottom:4px solid #fff;
border-left:4px solid #fff;
border-right:4px solid #fff;
}
div#content p{line-height:1.4; text-align:justify;}
div#content {background: #fff}
div#navigation{background: #EEECDD;
}
div#navigation a{color:#000;
}
div#extra{background:#EEECDD}
div#footer{background: #006BB2;color: #FFF; border-top:5px solid #fff;}
div#footer p{margin:0;padding:5px 10px;text-align:center;}

div#container{width:800px;margin:20px auto; background: #EEECDD}
div#wrapper{float:left;width:100%; border-bottom: 1px solid #fff;}
div#content{margin: 0 200px}
div#navigation{float:left;width:200px;margin-left:-200px;}
#navigation p.dates {
		
        /*height: 32px;
          voice-family: "\"}\"";
          voice-family: inherit;
          height: 24px;*/
        text-decoration: none;
		border-bottom:solid 1px;
		border-bottom-color:#FFFFFF;
        color: #000;
        display: block;
		background-color:#EEECDD;
		padding: 8px 0 10px 10px;
		margin:0;
        }

#navigation p.current {
        /*height: 32px;
          voice-family: "\"}\"";
          voice-family: inherit;
          height: 24px;*/

		color: #FFF;
        background-color:#66C1FF;
		padding: 8px 0 10px 10px;
		margin:0;
        }


div#extra{float:left;width:250px;margin-left:-800px}

#extra ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}
#extra li a {
		
        height: 32px;
          voice-family: "\"}\"";
          voice-family: inherit;
          height: 24px;
        text-decoration: none;
		border-bottom:solid 1px;
		border-bottom-color:#FFFFFF;
		border-left: solid 0px #6d67cd;
		border-right: solid 0px #6d67cd;
        }
		

#extra li a:visited {
        color: #000;
        display: block;
		background-color:#ffffff1e6ff;
	        padding: 8px 0 0 20px;
        }


#extra li a:link {
        color: #006699;
        display: block;
		background-color:#EEECDD;
	        padding: 8px 0 0 20px;
        }

#extra li a:hover {
        color: #FFF;
		background-color:#006BB2;
                padding: 8px 0 0 10px;
        }


#extra li #current {
        color: #FFF;
        background-color:#66C1FF;
		border-bottom:solid 1px;
		border-bottom-color:#FFFFFF;
        padding: 8px 0 0 10px;
        }
		
#extra li #last {
		border-bottom:solid 1px #ffffff;
        }


div#col{clear:left;width:100%;}
div#col{background: #fff;color: #fff; border-top:3px solid #D1ECFF; border-bottom:3px solid #EEECDD;}
div#col a {color:#FFFFFF;}
div#col img {padding-left: 5px; padding-right:2px;}


div#footer{clear:left;width:100%}
.Estilo1 {color: #000000;
text-align:center;}
.Estilo2 {color: #66C1FF;
font-size: large;
font-weight: bold;}
.Estilo3 {
color: #333333;
}

.Estilo4 {color: #000000;font-weight: bold;text-align:center;}

.Estilo5 {color: #B695CF}
.imagen {display: block; padding: 3px; border: 1px solid #999999; margin-left: auto; margin-right: auto; margin-top: 20px; margin-bottom: 20px; text-align: center;}

table.stats
{font-family: Verdana, Geneva, Arial, Helvetica, sans-serif ;
font-weight: normal;
font-size: 11px;
color: #ccc;
width: 370px;
background-color: #CCC;
border: 0px;
border-collapse: collapse;
border-spacing: 0px;
margin-left:auto; margin-right:auto;}

table.stats td
{background-color:#F0F0EE;
color: #000;
padding: 4px;
text-align: center;
border: 1px #ccc solid;}

table.stats td.hed
{background-color:#3399FF;
color: #fff;
padding: 4px;
border-bottom: 2px #ccc solid;
font-size: 12px;
font-weight: bold;}

table.stats td.hed2
{background-color:#84c7de;
color: #fff;
padding: 4px;
border-bottom: 2px #ccc solid;
font-size: 12px;
font-weight: bold;}

table.stats2
{font-family: Verdana, Geneva, Arial, Helvetica, sans-serif ;
font-weight: normal;
font-size: 11px;
color:#0066FF;
width: 370px;
background-color: #CCC;
border: 0px;
border-collapse: collapse;
border-spacing: 0px;
margin-left:auto; margin-right:auto;}

table.stats2 td
{background-color:#F0F0EE;
color:#0066FF;
padding: 4px;
text-align: center;
border: 1px #ccc solid;}

table.stats2 td.hed
{background-color:#3399FF;
color: #fff;
padding: 4px;
border-bottom: 2px #ccc solid;
font-size: 12px;
font-weight: bold;}

table.stats2 td.hed21
{background-color:#84c7de;
color: #fff;
padding: 4px;
border-bottom: 2px #ccc solid;
font-size: 12px;
font-weight: normal;}

table.stats2 td.hed3
{background-color:#3399FF;
color: #fff;
padding: 3px;
border-bottom: 2px #ccc solid;
font-size: 11px;
font-weight:normal;}

table.stats2 td.hed4
{background-color:#fff;
color: #fff;
padding: 3px;
border-bottom: 0px #ccc solid;
font-size: 11px;
font-weight:normal;}

table.stats2 td.hed5
{background-color:#fff;
color: #fff;
padding: 3px;
border-bottom: 1px #ccc solid;
font-size: 11px;
font-weight:normal;}

table.stats2 td.hed6
{background-color:#fff;
color: #fff;
padding: 3px;
border:none;
/*border-bottom: 1px #ccc solid;*/
font-size: 11px;
font-weight:normal;}
.centered { text-align: center; }
z.right {text-align:right;}



/** You can use this style for your INPUT, TEXTAREA, SELECT elements **/
.myinputstyle {
	border: 1px outset #666666;
	/** remember to change image path **/
	background: url(none) no-repeat #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 14px;
	color: #7c83a2;
}

/** You can use this style for your LABEL elements **/
.mylabelstyle {
	font-family: Arial, Helvetica, sans-serif;
	font-style: bold;
	font-size: 13px;
	color:#0066CC;
}

/** 
*  You can use this style for your INPUT, TEXTAREA, SELECT elements 
*  for onmousehover event
**/
.myinputstyle:hover {
	border: 1px solid #0099FF;
	/** remember to change image path **/
	background: url(none) no-repeat #FFFFFF;
	color: #454743;
}

/** 
* You can use this style for your INPUT, TEXTAREA, SELECT elements 
* for onmousefocus event
**/
.myinputstyle:focus {
	border: 1px solid #b0d3f2;
	/** remember to change image path **/
	background: url(none) no-repeat #b0d3f2;
	color: #454743;
}

buttom.mylabelstyle {margin-left: 220px;
}

#navlist
{
padding-left: 40px;
margin-left: 0;
/*border-bottom: 1px solid gray;*/
width: 320px;
}

#navlist li
{
list-style: none;
margin: 0;
padding: 1.0em;
border-top: 1px solid gray;
}

#navlist li a { text-decoration: none; }

/* MARQUESINA DEL INDEX (vertical.js) */
#jump_base {
  overflow-y:hidden;
  width: auto; /*350px*/
  height: 50px;
  border: 1px dotted #000099;
  margin: auto;
  padding: 0 10px 0 10px;
  font-size: .9em;
  font-family: Verdana, Arial, sans-serif;
}

#jump_base a {
  color: #000099;
  background-color: inherit;
}

.news {
  background-color: #DDDDDD;
  color: inherit;
}
/* FIN MARQUESINA INDEX */