@import "dropdown.css";

#html,body {
 text-align:center;
 margin:5px; 
 padding:0px; 
 font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
 SCROLLBAR-FACE-COLOR: #c0c0c0; SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; SCROLLBAR-SHADOW-COLOR: #ffffff; SCROLLBAR-3DLIGHT-COLOR: #c0c0c0; SCROLLBAR-ARROW-COLOR: #ffffff; SCROLLBAR-TRACK-COLOR: #e0e0e0; SCROLLBAR-DARKSHADOW-COLOR: #c0c0c0;
 background-color: #F8F5F2; /*#FFFFFF;*/
 font-size: 10pt;
}

#page{
 text-align:center;
 width:762px;
 min-width: 500px;
 margin-left:auto; 
 margin-right:auto; 
 background-color: #FFF;
} 

#container { 
text-align:center;
border: 0px solid gray; 
margin: 5px; 
margin-left: auto; 
margin-right: auto; 
padding: 0px; 
background-color: #F8F5F2; /*#FFFFFF;*/
}

#header { 
    height:60px; 
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-size: 9pt;
    line-height: 100%;
    text-align: justify;
    padding: 2.5px 2.5px 2.5px 5px;
    border-width: 1px; /*1px*/
    border-color: rgb(204,204,204);
    border-style: solid;
    background-color: #F8F5F8; /*#FFFFFF;  /* rgb(239,239,239);*/
    overflow: hidden 
}

#headerdown { 
    height:50px; 
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    line-height: 100%;
    text-align: justify;
    padding: 0px;
    background-color: #F8F5F2; /*#FFFFFF;*/
    /*overflow: hidden*/
    z-index=1
}

#contenido { 
text-align:center;
border: 0px solid gray; 
margin: 5px; 
margin-left: auto; 
margin-right: auto; 
padding: 0px; 
background-color: #F8F5F2;
}

#maincol { 
float: center;
padding: 10px; 
margin-right: 22%; 
margin-left: 22%; 
margin-bottom: 10px; 
border: 0px solid gray; 
}

#bigleftcol { 
float: left;
width: 555px;
margin: 0px 5px 20px 0px;
padding: 10px; 
border-right: 0px; 
text-align: left;
}

#leftcol { 
margin: 0px 5px 20px 0px;
padding: 10px; 
border-right: 0px solid gray; 
text-align: right; 
}

#rightcol { 
margin-left: 200px;
border-left: 1px solid gray;
padding: 1em;
max-width: 36em;

/*float: right;*/
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 9pt;
line-height: 100%;
text-align: justify;
float: right; 
width: 20%; 
margin: 0px 0px 20px 5px;
padding: 10px; 
border-left: 0px solid gray; 
}

#footer { 
clear: both; 
 height:20px; 

    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-size: 9pt;
    line-height: 100%;
    text-align: justify;
    padding: 5px;
    border-width: 1px;
    border-color: rgb(204,204,204); /*#92C392;*/
    border-style: solid;
    background-color:#F8F5F8; /*#F2F8F2 ;*/
    overflow: hidden;
    margin:10px,,,; 
} 
 /*printer styles*/ 
@media print{ 
/*hide the left column when printing*/
/*#leftcol{display:none;} */
/*#outer{border-left:0;} */
#header{display:none}
#headerdown{display:none}
/*hide the right column when printing*/
#rightcol{display:none;}
/*#outer{border-right:0;} */
}

a:link {color: rgb(51,51,141);
     background-color: transparent;
     font-weight: normal;
     font-style: normal;
     text-decoration: none;
     }

a:visited {color: rgb(51,51,141);
     background-color: transparent;
     font-weight: normal;
     font-style: normal;
     text-decoration: none;
     }

a:hover {color: rgb(51,51,141);
     background-color: transparent;
     font-weight: normal;
     font-style: normal;
     text-decoration: underline;
     }
     
a:active {TEXT-DECORATION: underline;
}

.navbox { /*button-like box for the left-side navigation*/
   font-size: 9pt; /*readability for the links*/
   font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
   background-color: #F8F5F2; /* rgb(239,239,239)*/
   border-color: #F8F5F2; /*or, in shorthand, the three*/
   border-style: dashed; /*border-properties would read:*/
   border-width:1px ; /*border: 2px groove #FF6633;*/
   padding: 1px;
   margin: 2px;
   text-align: left;
   }    

table {text-align:justify;	
	   font-size: 9pt;
	   }

select { font-family: Tahoma,Verdana, Arial, Helvetica, sans-serif; font-size: 12px; border: #000000; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px} 

input {FONT-FAMILY: Tahoma, Verdana, Arial, Helvetica, sans-serif}

textarea {FONT-FAMILY: Tahoma, Verdana, Arial, Helvetica, sans-serif}

ul {margin: 0 0 0 0;      
    padding: 0 0 0 0}

li {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif
  text-align:justify;
	font-size: 12px;
	list-style-position: inside;
	list-style-image: url(images/picobl.gif);
}

.title {
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  margin:0px 0px 0px 0px;
  padding:0px 5px 0px 5px;
  border:0px 0px 0px 0px;
  border-width:0px 0px 0px 0px;
  font-size:125%;
  line-height:1.5em;
  font-weight:bold;
  color:white;
  /*text-transform:uppercase;*/
  letter-spacing:.1em;
  background-color: #BBB8A9;
  }	
div.title a:link {
  font-weight:bold;
  color:white;
  letter-spacing:.1em;
}
div.title a:visited{
  font-weight:bold;
  color:white;
  letter-spacing:.1em;
}  
.titulo {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: bold;
	color: rgb(51,51,141);
	text-transform: uppercase;
	letter-spacing: .2em;
	border-color: rgb(239,239,239); /*or, in shorthand, the three*/
	border-style: dashed; /*border-properties would read:*/
	border-width: 0px; /*border: 2px groove #FF6633;*/
	line-height: 130%;
}	 

  
.image {
	float: left;
	filter: alpha(opacity=100);
	border: 0px;
	padding-right: 10;
	padding-bottom: 10;
}  
.imagebis {
	float: right;
	filter: alpha(opacity=90);
	border: 0px;
	padding-right: 0;
	padding-bottom: 0;
	margin-top:0
}       
h4{
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size:125%;
  font-weight:bolder;
  color:grey; /*rgb(51,51,141);*/
  text-transform:uppercase;
  /*letter-spacing:.2em;*/
   border-color: rgb(204,204,204); /*or, in shorthand, the three*/
   border-style: dashed; /*border-properties would read:*/
   border-width: 0px 0px 2px 0px; /*border: 2px groove #FF6633;*/
  padding-bottom: 2px;
  }	 

  
  
  
/*///////COMIENZA EL MENU */
ul#tabnav {
font: 11px Tahoma, Verdana, Arial, Helvetica, sans-serif;
list-style-type: none;
padding-bottom: 24px;
border-bottom: 1px solid #92C392;
margin: 0;

}

ul#tabnav li {
float: left;
height: 22px;
background-color: #F2F8F2;
margin: 1px 1px 0px 1px;
border: 1px solid #92C392;
list-style-image: none;
}

body#tab1 li.tab1, body#tab2 li.tab2, body#tab3 li.tab3, body#tab4 li.tab4, body#tab5 li.tab5, body#tab6 li.tab6, body#tab7 li.tab7, body#tab8 li.tab8, body#tab9 li.tab9, body#tab10 li.tab10, body#tab11 li.tab11, body#tab12 li.tab12{
border-bottom: 1px solid #fff;
background-color: #fff;

}

body#tab1 li.tab1 a, body#tab2 li.tab2 a, body#tab3 li.tab3 a, body#tab4 li.tab4 a, body#tab5 li.tab5 a, body#tab6 li.tab6 a, body#tab7 li.tab7 a, body#tab8 li.tab8 a, body#tab9 li.tab9 a, body#tab10 li.tab10 a, body#tab11 li.tab11 a, body#tab12 li.tab12 a {
color: #000;

}

#tabnav a {
float: left;
display: block;
color: #666;
text-decoration: none;
padding: 4px;
}

#tabnav a:hover {
background: #fff;
}  

/*AUMENTO Y DISMINUCION TAMAŅO FUENTE*/
#sizer {  float: right;
	display: none 
	 margin: 10px 10px 10px 10px; 
	padding: 10px 10px 10px 10px;
    border-width: 0px;
    border-color: rgb(204,204,204);
    border-style: dashed;} 
    
div#sizer a img { border:none }


/*CUADRADOS DE LA PORTADA*/
#portada{ 
 float: left; 
 width: 560px; 
 position: relative; 
 margin: 0px 0px 0px 0px; 
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-size: 9pt;
    font-weight:normal;
    line-height: 130%;
    text-align: left;
    padding: 10px;
    border-width: 0px 0px 0px 0px;
    border-color: rgb(204,204,204);
    border-style: solid;
    background-color: rgb(255,255,255);
    overflow: inherit;
     }
     
/*PRIMERA LETRA*/
.dropcap
{
float: left;
width: .7em;
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 4em;
line-height: 83%;
color: rgb(51,51,141);
}

/*IMAGENES DE LOS ARTICULOS*/
.imgart
{
float: left;
/*width: 103px;*/
margin: 0 10px 10px 10px;
background-color: #fff;
padding: 10px;
border: 1px solid rgb(204,204,204);
}

div.imgart img
{
border: 1px solid #999;
}

/*TITULOS DE ARTICULOS*/
a.tituloart
{
font-size: 125%;
font-weight:bolder
}

h2
{
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-weight:bolder;
  color:#008055;
  letter-spacing:.1em;
  text-transform: uppercase;
}

h3
{
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-weight:bolder;
  color: rgb(51,51,141);
  text-transform: uppercase;
  font-size: 125%;
}

h3.inici
{
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-weight:bolder;
  color: white;
  text-transform: uppercase;
  font-size: 125%;
}

#titleactiv
{
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 125%;
font-weight:bolder;
color: rgb(51,51,141);
}