/* CSS Document */
body, td, tr, p
 { font: Verdana, Arial, Helvetica, sans-serif;
   font-size:12px;
   color:#000000;
   margin: 0px;
   padding: 0px;
  }

a {
	color: #ffffff; text-decoration:none;
	font-weight: normal;
}

hr {color:#FFFFFF 1px dashed}

li {margin-left:10px; padding:3px; }

.texto 
 { font: Verdana, Arial, Helvetica, sans-serif;
   font-size:11px;
   color: #818bb2;
  }
.textonegro 
  { font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:11px;
  color:#000000}
  
#container
 {
  border: 0px;
  width: 1000px;
  margin: 5px auto;
  background-image:url(../imagenes/design/background_menu3.jpg);
  height:auto;
  }
#menu
 {background-image:url(../imagenes/design/background_menu2.jpg); 
 height:20px; 
 line-height:20px; 
 padding:5px;
 border-top: 1px #333333 solid;
 border-bottom: 1px #333333 solid;}

.clearAll {
	clear: both;
}


#lineah { height:3px;
border-bottom: #999999 solid 1px;
}



.menu { 
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
		color:#FFFFFF;
		margin-bottom:10px;
	   }
a.menu:link 
		{ 
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
		color:#FFFFFFF;
		margin-bottom:10px;
	   }
a.menu:hover 
		{ 
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
		color:#999999;
		margin-bottom:10px;
	   }

.mainlevel { 
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
		color:#FFFFFF;
		margin-bottom:10px;
	   }
a.mainlevel:link 
		{ 
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
		color:#FFFFFFF;
		margin-bottom:10px;
	   }
a.mainlevel:hover 
		{ 
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
		color:#999999;
		margin-bottom:10px;
	   }


#portada1 {width:400px; height:600px; float:right; margin-left:5px}
#portada2 {width:280px; height:600px; float:left; margin-right:5px}
#portada3 {width:350px; height:600px; float:left; padding:10px;}
#usuario {width:260px; height:600px; float:left; padding:0px 5px; margin-right:5px}
#columnadjs1 {width:410px; float:left; padding:10px 20px 20px 20px;}
#columnadjs2 {width:410px; float:left; padding:10px 20px 20px 20px;}
#columnadjs3 {width:415px; float:left; padding:10px; text-align:left; font-family:Verdana, Arial, Helvetica, sans-serif; color:#000000}
#modulo2 {width:380px; float:left; padding-right:10px; padding-top:10px; height:600px; margin-right:10px}
#modulo1 {width:325px; float:left; padding-right:10px; padding-top:10px; height:600px}
#modulo3 {width:150px; float:left; padding-right:10px; padding-top:10px}
#modulo4 {width:150px; float:left; padding-right:10px; padding-top:5px}
#modulo5 {width:150px; float:left; padding-right:10px; padding-top:5px}
#foto_residente {width:150px; padding:10px; height:150px; border: 1px #003333 solid;}
#foto_invitado {width:150px; padding:10px; height:80px; border: 1px #003333 solid;}
#foto_sala {width:150px; padding:10px; height:100px; border: 1px #003333 solid;}


/*Estilos referentes a los módulos*/
.moduletable {padding: 5px; width: 100%}

.moduletable_user3 {border: 1px #333333 solid; padding:5px; margin:0px 0px 5px; width:150px}
.moduletable_user5 {border: 1px #333333 solid; padding:5px; margin:0px 0px 5px; width:150px; vertical-align:middle}
.moduletable_user1 {border: 1px #333333 solid; padding:5px; margin:0px 0px 5px; width:380px}
.moduletable_user2 {border: 1px #333333 solid; padding:5px; margin:0px 0px 5px; width:315px}
.moduletable_user2 td {padding:3px; width:auto}
.moduletable_portada {border: 1px #333333 solid; padding:5px; margin:0px 0px 5px; width:350px}
.moduletable_encuesta {padding:5px; width:280px}
.moduletable_encuesta td {padding:3px; margin:1px;}

.moduletable_login h3, {
font:  13px Verdana;
color: #fffff;
font-weight: normal;
padding: 0px 5px 0px 5px;
margin: 0px -5px 0px -5px;
}

.moduletable_login .search input {
font: 12px Verdana;
border:0px;
color:#666;
padding:5px;
margin:5px;
}

.moduletable_login .search input:hover {
background-color:#ff6600;
}

.moduletable_login .mainlevel {
text-decoration:none;
color: #FF6600;
}

.logindiv {width:160px ; border: 1px #333333 solid; padding: 5px; margin-bottom: 5px}
#mp3 {float:right; width:auto; padding:10px}
#banner {float:right; width:auto; padding:10px}

label {margin: 12px}

.componentheading {padding:5px; margin: 5px; font: Verdana, Arial, Helvetica, sans-serif bold; font-size:18px }

.contentpane table {margin: 5px; border:0px; width: 575px; padding:5px}
.sectiontableheader { font-size:18px; font-weight:bold}

.button {}

.user2 {border: 1px #333333 solid; padding:5px; margin:0px 0px 5px; width:400px; background-color:#000000;}
.portada1 {border: 1px #333333 solid; padding:5px; margin:0px 5px 5px 0px; width:400px; background-color:#000000; opacity:.80;}
.portada2 {border: 1px #333333 solid; padding:5px; margin:0px 0px 5px 0px; width:280px; background-color:#000000; opacity:.80}
.portada3 {border: 1px #333333 solid; padding:5px; margin:5px 0px 0px 0px; width:350px; background-color:#000000; opacity:.80}
.contenido {border: 1px #333333 solid; padding:5px; margin:5px; width:600px; background-color:#000000; opacity:.80; float:left; height:100%}

#megabanner {width:678px; float:left; padding:5px; }
.megabanner {border: 1px #333333 solid; padding:5px; margin:0px 0px 5px; width:678px; background-color:#000000; opacity:.80}

#contenido {width:580x; padding:5px;}
#contenido2 {width:275px; float:left;  border: 1px #333333 solid; padding:3px; margin:2px; background-color:#000000; opacity:.80; }
.login_portada {width:280px; float:right;  border: 1px #333333 solid; padding:5px; background-color:#000000; opacity:.80; margin:5px 5px 5px 5px; height:250px}
.login_portada2 {width:280px; float:right; border: 1px #333333 solid; padding:5px; background-color:#000000; opacity:.80; margin:5px 0px 5px 5px;}

.contentpaneopen {
color: #FFFFFF;
text-align:justify;
}

.contentpaneopen table {
color: #ffffff;
padding: 0px;
margin: 0px;
text-align:justify;
}
.article_seperator {width:100%; background-color:#333333; height: 1px; padding:0px; margin:3px}