/* ***************************
  Merlos Network V6.0
  by NaTaSaB
****************************** */

/*############### ELEMENTOS HTML  ########################### */

body {
	margin: 0%;
	background-color: white;
	color: #227;
	font-family: Arial,Verdana,Helvetica,sans-serif;
	font-size: 100%;
}

code {
	color:red;
	background:white;
}

samp{
	color: #4444CC;
	background: inherit;
	font-size: 110%;
}

pre {
	color: #263456;
	background:white;
	font-size: 120%;
}

ul { 
     list-style-type: circle;     
     background: auto;	
}
h1 {
 margin: 0 0 0.8em 0;
}

h2, h3, h4, h5, h6 {
   margin: 0 0 0.1em 0;
   padding: 0 0 0 0;
   /* border-bottom: 1px solid #ccc;    */
   font-family: arial, verdana, sans-serif;
}
li h1, li h2, li h3, li h4, li h5, li h6 {
   border: none;
}

h2 {
  margin-top: 1.0 em;
}

input,textarea {
}

fieldset{
	border: 1px solid #AAAABB;
	padding: 3px;
}

/* ############################# 
   Elementos comunes merlos.org 
 ################################*/

/* - - - - - Interfaz general - - -  */

#header {
  background: transparent url('img/top-4.png') no-repeat top right; 
  height:74px;
  border-bottom: 1px solid #ccccdd;
}

#head_accesibilidad{
	position: absolute;
	top:3px;
	left:275px;
	padding:0px;
}


#header h1 {
  border:0px solid black;
   text-align: left;
  padding-left: 0px;
   padding-top: 0px;
   font-size: 50px;
   margin: 0 0 0.1em 0;
   color: #9999AA;
}

#h1container {
	position: absolute;
	left 375px;
	top: 2px;
}

/** texto invisibles */
.invisible{
	display:none;
}


#topmenu{
	position:absolute;
	top: 45px;
	right: 5px;
	text-align: right;
	/*background-color:#EEEEFF; */
	/*border-top: 1px solid #CCCCDD; */
	font-size: 80%;
	
}

#topmenu input {
 padding: 0;
 margin: 0;
}

#topmenu a {
  background: #eeeeff url('img/link_bg.jpg') repeat-x top left;
  border: 1px solid #ccccdd;
  padding: 2px;
  font-weight: bold;

} 

#topmenu a:hover, #menu a:hover {
  background: #ccccdd url('img/link_bg_over.jpg') repeat-x top left;
  /*border-left: 1px solid black;
  border-right: 1px solid black;
  border-top: 1px solid black;*/
}




.roseline {
   margin-top: 0px;
   margin-bottom: 5px;
   background: #EEEEFF;
   border-top: 1px solid #CCCCDD;
   border-bottom: 1px solid #CCCCDD;
   padding: 5px;
}

/*Quitar borde a imágenes con enlace.*/
.imagen{
	  border: 0px;	  
}


#tree {
 padding: 2px;
 border-bottom: 1px solid #cccccc;
 font-size: 70%;
}

.center {
    text-align: center;
}
.rojo {
      color: red;
      background: auto;
}

a:link {
	color: #04a1ff;
	text-decoration:none; 
}
a:hover{ 
	text-decoration: underline
}

a:visited{
        color: #994444;
	text-decoration: none;
}

.top {
     margin: 5px;

     border: 1px solid #AAAABB;
     padding: 0px;
}

#menu {	
	clear: both;
	border: 1px dotted #AAF;
	padding-left: 40px;
	padding-right: 40px;
	margin-left: 40px;
	margin-right: 40px;	
	font-size: 80%;
}

.menu-cat {
	float: left;
	margin-right: 1em;
}

#menu ul {
	list-style-type: none;
	padding: 0px;

}
#menu a {
      color: #99F;
      
}

#contents {
    padding-left: 40px;
    padding-right: 40px;

}

#bottom {
        clear: both;
	text-align: right;
	bottom: 0px;
	width: 100%;
	background: transparent;
	color: #AAAABB;
}

.msec1 { /*Secciones Menu*/
	padding-left: 2px;
	font-weight: bolder;
	margin-top: 2px;
	margin-bottom: 2px;
	fbackground:  #EEEEFF;
}


.msec { /*Secciones Menu*/
	padding-left: 2px;
	font-weight: bolder;
	margin-top: 2px;
	margin-bottom: 2px;
	border-top: 1px solid #CCCCDD;	
	fbackground:  #EEEEFF;
}

.msub {
	padding-left: 4px;
	/*border-right: 1px solid #CCCCDD;
        border-left: 1px solid #CCCCDD;
        border-bottom: 1px solid #CCCCDD;*/
	
}


.text{
      display: block;
      padding: 2px;	    
      margin: 2px;
      
}
  

.formbutton { 
	 text-size: 10px; 
	 border: 1px outset #CCCCDD;
	 background: white;
}

.atencion {
    margin-right: 3px;
    margin: 0 0 0.1em 0;
    border: 1px solid #DDDDFF;
    padding: 1em;
}

/************** INICIO ********************/
.bileft {
  float: left;
  width: 75%;
  border-right: 1px solid #DDF;
  padding-right: 10px;
}


.biright{
 padding: 10px;
 float: right;
 width: 20%;
}


/**##############  Index  ############### */

#twitter_update_list {
	list-style-type: none;
	margin: 0;
	padding: 0;
	font-size: 80%;
}
#twitter_update_list li {
	border-top: 1px solid #eee;
	padding: 0.25em;
	
}
.delicious-posts {font-family: sans-serif; }
.delicious-posts ul, .delicious-posts li, .delicious-banner { margin: 0; padding: 0}
.delicious-post { border-top: 1px solid #eee; padding: 0.25em; font-size: 80% }
.delicious-odd { background-color: #f8f8f8 }
.delicious-banner a { font-size: 80% }
.delicious-posts a:hover { text-decoration: underline }
.delicious-posts a { text-decoration: none; color: #a15426; display: block;padding-top: 0.3em; padding-bottom: 0.3em }
.delicious-post a { color: #04a1ff }



/* ################ NOTICIAS ######################*/

.noticia{
	 border: 1px solid #DDDDFF;
	 background: #F5F5FF;
	 margin: 5px;
         margin-left: 0px;
	 padding: 5px;
}

.date{
 border-bottom: 1px dotted #CCCCEE;
}


/* ######################## Blog inicio ############# */

.blogtitle{
 font-family: Arial, Georgia, Times New Roman, sans-serif;
  font-size: 140%;
}

.blogdiv {
  font-family: Arial, verdana, comic-sans;
  padding: 10px;
  margin-bottom: 7px;
  text-align: justify;
} 

.escrito {
   font-size: 80%;
   color: #999;
}


/* ################# Mis documentos ################### */
div.docsec {
	/*border: 1px solid green;*/
	margin-bottom: 1em;
}
.docsec h3 {
	/*border: 1px solid blue;*/
}
.docsec p {
	margin: 0em;
	font-size: 80%;
	color: #77A;
	/* border: 1px solid red;*/
}

div.doc {
  margin-bottom: 1em;
}

.doc small {
	font-size: 60%;
	color: #999;
	font-weight: normal;
}

.doc p {
	padding-left: 1em;
	margin: 0em;
	margin-top: 0.1em;
	font-size: 80%;
	color: #66A;
	/* border: 1px solid red;*/
}

.commenttitle {    background: #DDDDEE;
    border: thin solid black;
    padding: 5px;
    }

.comentario {
    background: #EEEEFF;
    border: thin outset #CCCCDD;
    padding: 5px;
    margin: 1em;
    }    

/* ################## PROGRAMS #################### */

.program {
	margin-top: 1em;
}

.program h3 {
	font-size: 160%;
}

.program small {
	font-size: 60%;
	color:#666;
	
}

.program-thumb {
	padding: 3px;
	border: 1px solid #AAA;
	float: left;
	margin-right: 1em;
	margin-bottom: 2em;
	width: 160px;
	
}

.program-stuff {
	margin-top: 1em;
}

/* ############### WEBS ################# */

.webdesc{
	 font-size: 90%
	 
}