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

a {color: #FFFFFF}

hr {color:#FFFFFF 1px dashed}

.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);
  }
#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: #7d7d7d solid 1px;
}

/* SprySlidingPanels.css - version 0.1 - Spry Pre-Release 1.6.1 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

/* This is the selector for the main SlidingPanels container. This selector
 * defines the width and height of the view port for the widget. Note that
 * this selector does not set the overflow property since that is done programatically
 * by the widget. Setting the overflow property programatically ensures that
 * the contens of the widget will be fully visible should JavaScript be disabled
 * in the browser.
 *
 * If you want to constrain the width of the SlidingPanels widget, set a width on
 * the SlidingPanels container. By default, our sliding panels widget expands
 * horizontally to fill up available space.
 *
 * The SlidingPanels container is positioned relative so that content inside it
 * can be positioned relative to its upper left corner.
 *
 * Avoid placing any CSS border or padding properties on the SlidingPanels container
 * as they can affect the proper positioning and sliding animations of the contents
 * inside the container.
 *
 * The name of the class ("SlidingPanels") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style the
 * SlidingPanels container.
 */
.SlidingPanels {
	position: relative;
	width: 100%;
	height: auto;
	padding: 0px;
	border: none;
	background-image:url(../imagenes/design/background_menu3.jpg);
}

/* This is the selector for the container that holds all of the content panels
 * for the widget. The SlidingPanelsContentGroup container is what gets programtically
 * positioned to create the slide animation. It is also what governs the layout of
 * the panels.
 *
 * By default, the width of the container is the same as its parent, the SlidingPanels
 * container.
 *
 * You can make the panels within the SlidingPanelsContentGroup container layout
 * horizontally by giving the SlidingPanelsContentGroup container a width that is as wide
 * or larget than the sum of the widths of all of the content panels, and then floating
 * the content panels inside the SlidingPanelsContentGroup container so they all appear
 * on the same line. You may also need to float the SlidingPanels and SlidingPanelsContentGroup
 * containers to insure that none of the content panels "leak" outside of the widget.
 *
 * Avoid placing any CSS border, margin, or padding properties on the SlidingPanels
 * container as they can affect the proper positioning and sliding animations of the
 * the container within the widget.
 *
 * The name of the class ("SlidingPanelsContentGroup") used in this selector is not
 * necessary to make the widget function. You can use any class name you want to style the
 * SlidingPanelsContentGroup container.
 */
.SlidingPanelsContentGroup {
	position: relative;
	width: 100%;
	margin: 0px;
	padding: 0px;
	border: none;
}


/* This is the selector for the container that holds content for a given panel. In our
 * default style implementation, the dimensions of each content panel exactly match the
 * dimensions of the view port (SlidingPanels) container. This ensures that only one
 * panel ever shows within the view port.
 *
 * Avoid placing any CSS border, margin, or padding properties on the SlidingPanels
 * container as they can affect the proper positioning and sliding animations of the
 * the panel within the widget. You can place border, margins and padding on any content
 * *inside* the content panel.
 *
 * The name of the class ("SlidingPanelsContent") used in this selector is not
 * necessary to make the widget function. You can use any class name you want to style the
 * SlidingPanelsContent container.
 */
.SlidingPanelsContent {
	width: 100%;
	height: auto;
	overflow: hidden;
	margin: 0px;
	padding: 0px;
	border: none;
	
}

/* The class used in this selector is programatically added to the SlidingPanels container
 * anytime we are animating between panels. This rule makes sure that *all* content inside
 * the widget is overflow:none to avoid a rendering glitch that occurs in FireFox 1.5 whenever
 * there is an element inside the widget that displays a scrollbar.
 *
 * The class is automatically removed once the animation has stopped so that the overflow
 * properties of the content inside the widget should be restored.
 */
.SlidingPanelsAnimating * {
	overflow: hidden !important;
}

/* The class used in this selector is programatically added to the SlindingPanelsContent
 * container that is currently visible in the view port. The class is automatically removed
 * when the widget switches to a different panel.
 */
.SlidingPanelsCurrentPanel {
}

/* The class used in this selector is programatically added to the SlidingPanels container
 * anytime the SlidingPanels container is given focus. The class is automatically removed
 * once the SlidingPanels container loses focus.
 */
.SlidingPanelsFocused {
}

#example2.SlidingPanels {
	float: left;
	width: 1000px;
	scroll: auto;
}
#example2 .SlidingPanelsContentGroup {
	float: left;
	width: 10000px;
}
#example2 .SlidingPanelsContent {
	float: left;
	width: 1000px;
	scroll: auto;
}

.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;
	   }

#portada1 {width:400px; height:600px; float:right; margin-left:5px}
#portada2 {width:280px; height:600px; float:left; margin-right:5px}
#portada3 {width:150px; height:600px; float:left; padding:10px;}
#usuario {width:280px; height:600px; float:left; padding:10px;}
#columnadjs1 {width:410px; height:600px; float:left; padding:10px 20px 20px 20px;}
#columnadjs2 {width:410px; height:600px; float:left; padding:10px 20px 20px 20px;}
#columnadjs3 {width:410px; 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 {padding:10px; border: 1px #372a52 solid;}
.foto_invitado {padding:4px; border: 1px #372a52 solid; float:left; width:145px; margin:4px}
a.foto_invitado {padding:4px; border: 1px #372a52 solid; float:left; width:145px; margin:4px}
a.foto_invitado:hover {background-color:#372a52;}
#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 {background-color:#333333; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; padding:10px; margin: 10px}

.contentpane table {margin: 10px; cell-padding: 10px; cellspacing: 10px; border:0px}
.sectiontableentry1 {background-color:#333333}
.sectiontableentry2 {background-color: #666666}
.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:0px 0px 5px; width:150px; background-color:#000000; opacity:.80}

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

#contenido2 {width:700px; height:800px; float:left; padding:10px; }