/*========================================================*/
/*         CSS for DotNetNuke Skin - Servinet             */
/*                  by Sonia Saiz              */
/*========================================================*/

/*========================================================*/
/*  1. Universal                                          */
/*========================================================*/

/* Style For HTML PAGE                   */ html { height: 100%; width: 100%; overflow: hidden; }
/* Style For HTML BODY                   */ body
{
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
	background-color: #31a192;
	
}
/* Setting Text Throughout the skin      */ table, tr, td
{
    font-family: Arial, Tahoma;
    font-size: 12px;
    line-height: 1.3em;
    font-weight: normal;
    margin: 0;
}
p
{
    font-family: Arial, tahoma; 
    font-size: 11px; 
    color: #000000; 
    line-height: 1.2em;
}
    
/*========================================================*/
/*  2. Design Elements                                    */
/*========================================================*/
.OuterDiv
{
    vertical-align:  middle;
    background-image: url(fondoweb.jpg);
    background-repeat: repeat-x;
    background-position: center center;
}
.fondo
{
    background-image: url(fondo.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-color: Transparent;
    
}
.fondotabla
{
   /* background-image: url(fondotabla.jpg);
    background-position: center center;
    background-repeat: no-repeat;*/
    background-color: Transparent;
}
/*-- outermost table of skin -Standard      --*/ 
.TodaTabla
{
	width: 743px;

	background-color: Transparent;
	vertical-align: top;
}
.cabecera
{
    background-image: url(cabecera.jpg);
    background-repeat: no-repeat;
    background-position: center top;
}
.tabla2
{
    background-image: url(tabla2.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    background-color: Transparent;
}
.menu
{	
    background-color: Transparent;
	padding-left: 35px;
}
/*.tablaPie
{
    background-image: url(pie.jpg);
    background-color: Transparent;
    background-position: center bottom;
    background-repeat: repeat-y;
}*/
.PaneLogo
{
    background-image: url(fondologo.jpg);
    background-color: Transparent;
    background-repeat: no-repeat;
    background-position: left top;
    width: 133px;
    height: 82px;
    padding: 5px 10px 5px 5px;
}

.login
{
	vertical-align: text-top;
	color: #31a191;
	padding: 0px 0px 0px 0px;
	text-align: right;
    background-color: Transparent;
}
.tablacontenido
{
    width: 581px;
    height: 650px;
    background-image: url(fondotablacontenido.jpg);
    background-color: Transparent;
    background-repeat: no-repeat;
    background-position: left top;
}

.PaneFoto
{
    width: 581px;
    height: 339px;
    background-color: Transparent;
    padding: 0 4px 0 0;
}

/*-- outermost table of skin -Admin         --*/ .OuterTableAdmin
{
	background-color: Black;
	width: 100%;
	height: 100%;
	vertical-align: middle;
}
/*-- cell containing login and register - 2 --*/ .LoginTD { vertical-align: top; height: 92px; color: #FFF; padding: 20px 15px 0px 0px; text-align:right; }


.foto
{
    width: 500px;
    height: 406px;
    background-color: Transparent;
}
/*-- cell containing breadcrumbs            --*/ .BreadCrumbsTD { vertical-align: top; color: #778; padding: 10px 18px 0px 18px; text-align:left; }
/*-- cell containing search                 --*/ .SearchTD { text-align:right; vertical-align: top; padding: 6px 7px 0px 0px; height:20px; width:310px;}
/*-- cell containing date                   --*/ .DateTD { text-align:left; vertical-align: top; padding: 4px 0px 0px 228px; height:20px;}
/*-- cell containing date 2                 --*/ .DateTD2 { text-align:right; vertical-align: top; padding: 10px 13px 0px 228px; height:29px;}
/*-- cell containing menu                    .MenuTD { width: 199px; vertical-align: top; padding: 0px 0 0 0; }--*/
/*-- cell containing panes                  --*/ .PanesTD { width:100%; height: 100%; vertical-align: top; background-image: url(fondocontenido.jpg); background-repeat: repeat-y; padding: 0 0 0 0px; }
/*-- Tabla de arriba						--*/ .TablaArriba
{
	background: url(FondoArriba.jpg) fixed repeat-x top left;
	padding-bottom: 0px;
	padding : 0px;
	height: 195px;
}
/*-- Tabla de arriba Abajo						--*/ .TablaAbajo
{
	padding-right: 0px;
	padding-left: 0px;
	background: url(abajo.jpg) fixed repeat-x left top;
	padding-bottom: 0px;
	padding-top: 0px;
	height: 41px;
}

/*-- Tabla de arriba Abajo						 .Pda
{
	padding-right: 0px;
	padding-left: 0px;
	background: url(Pda.jpg) fixed no-repeat right top;
	padding: 0px;
	margin: 0px;
	height: 195px;
}--*/
.arriba1
{
	background-image: url(Arriba1.jpg);
	background-repeat: no-repeat;
	height: 30px;
	color: #FFF;
	padding: 7px 5px 0px 15px;
	text-align:left;
	vertical-align: text-top;
}
.pie
{
	
	padding: 0px 0px 0px 0px;
	text-align: right;
	vertical-align: top;
	background-color: Transparent;
}
.barraArriba
{
    height: 90px;
    width: 885px;
    background: url(barraArriba.jpg) black fixed repeat-x center bottom;
    
}
.logo
{
	background-attachment: scroll;
	background-image: url(logo.jpg);
	background-repeat: no-repeat;
	height: 90px;
	background-position: left;
	width: 391px;
}
.nombre
{
	background-attachment: scroll;
	background-image: url(nombre.jpg);
	background-repeat: no-repeat;
	height: 90px;
	background-position: right;
	width: 494px;
}

.contieneSubmenu
{
    background-image: url(fondoSubmenuRepe.jpg);
    background-repeat: repeat-y;
    background-position: right top;
    padding: 0 0 0 35px;
    
}
. contenidoCentro
{
   padding: 0px 10px 6px 3px; 
   background-color: Transparent;
}


/*-- top header section                     --*/ .TopRow { background:  url(header_bg.jpg) repeat-x top left; height: 174px; padding: 0; }
/*-- topleft header section                 --*/ .TopRowLeft { background:  url(headerlogo.jpg) no-repeat top left; height: 174px; width:100%; padding: 0; }
/*-- topright header section                --*/ .TopRowRight {background:  url(header_bg_r2.jpg) no-repeat top right; height: 174px; width:100%; padding: 0;}
/*-- topright header section                --*/ .TopRowRight2 { background:  url(header_bg_r.jpg) no-repeat top right; height: 174px; width:100%; padding: 0;}
/*-- bottom footer section                  --*/ .BottomRow { background:  url(footer_bg.gif) repeat-x top center #B5B5B5; height: 56px; padding: 0;}
/*-- bottomleft footer section              --*/ .BottomRowLeft { background:  url(footer_bg_l.gif) no-repeat top left; height: 56px; padding: 0;}
/*-- bottomright footer section             --*/ .BottomRowRight { background:  url(footer_bg_r.gif) no-repeat top right; height: 56px; text-align: right; vertical-align: top; padding: 27px 25px 0 25px; }
/*-- middle content section                 --*/ .MiddleRow { background:  url(page_bg_r.gif) repeat-y top right; padding: 0 8px 0 14px; }

/*========================================================*/
/*  3. Content Panes                                      */
/*========================================================*/
                                        .PaneFotos { padding: 0; background-color: Transparent;}
                                        .PaneTitulo { padding-top: 5px; background-color: Transparent;}
                                        .PaneCabecera { width: 754px; height: 150px; padding: 0px; background-color: Transparent;}
                                        .PaneSubmenu { width: 133px; height: 311px; padding: 0 0px 0 20px; background-color: Transparent;}
/*-- top inside content pane       --*/ .PaneTop { padding: 0px; background-color: Transparent; }
/*-- left content pane             --*/ .PaneLeft { padding: 10px 25px 0px 85px; background-color: Transparent; }
/*-- content pane                  --*/ .PaneCenter { padding: 3px 5px 2px 10px; background-color: Transparent; border-left: #026255 1px dashed;}
/*-- right content pane            --*/ .PaneRight { padding: 0px 0px 0px 0px; background-color: Transparent; }
/*-- bottom inside pane            --*/ .PaneBottom { padding: 0px 0px 20px 0px; background-color: Transparent; }
                                        .PaneBottomLeft { padding: 0px 0px 25px 0px; background-color: Transparent; }
/*-- bottom menu content pane      --*/ .PaneMenuBottom { width: 100%; padding: 0px 5px 0 5px; }
                                        .PanePie { padding: 0px 0px 0px 25px; background-color: Transparent; }

/*========================================================*/
/*  4. Tokens                                             */
/*========================================================*/

/*-- login and user token idle         --*/ .LOGIN_object, a.LOGIN_object:link, a.LOGIN_object:visited, a.LOGIN_object:active, .USER_object, a.USER_object:link, a.USER_object:visited, a.USER_object:active { color: #006255; font-family: Arial, tahoma; font-weight:bold; font-size: 11px; text-decoration: none;}
/*-- login and user token hover        --*/ a.LOGIN_object:hover, a.USER_object:hover { color: #006255; font-family: Arial, tahoma; font-weight:bold; font-size: 11px; text-decoration: none; }
/*-- date token idle                   --*/ .DATE_object, a.DATE_object:link, a.DATE_object:visited, a.DATE_object:active { color: #FFF; font-family: Arial, tahoma; font-size: 11px; text-decoration: none; }
/*-- date token hover                  --*/ a.DATE_object:hover { color: #ddd; font-family: Arial, tahoma; font-size: 11px; text-decoration: none; }
/*-- date token idle 2                 --*/ .DATE_object2, a.DATE_object2:link, a.DATE_object2:visited, a.DATE_object2:active { color: #777; font-family: Arial, tahoma; font-size: 11px; text-decoration: none; font-weight:normal; }
/*-- date token hover 2                --*/ a.DATE_object2:hover { color: #777; font-family: Arial, tahoma; font-size: 11px; text-decoration: none; }
/*-- breadcrumbs token idle            --*/ .BREADCRUMBS_object, a.BREADCRUMBS_object:link, a.BREADCRUMBS_object:visited, a.BREADCRUMBS_object:active { color: #777; font-family: Arial, tahoma; font-size: 11px; text-decoration: none; font-weight:bold;}
/*-- breadcrumbs token hover           --*/ a.BREADCRUMBS_object:hover { color: #444; font-family: Arial, tahoma; font-size: 11px; text-decoration: none; font-weight: bold; }
/*-- terms privacy and copyright       --*/ .FOOTER_objects { color:#006255; font-size: 10px; font-family: Arial; }
/*-- terms privacy and copyright links --*/ a.FOOTER_objects:link, a.FOOTER_objects:visited, a.FOOTER_objects:active { color: #006255; font-size: 10px; font-family: Arial; font-weight: bold; text-decoration: none; }
/*-- terms privacy and copyright hover --*/ a.FOOTER_objects:hover { color: #169584; font-size: 10px; font-family: Arial; font-weight: bold; text-decoration: none;  }

/*========================================================*/
/*  5. Text                                               */
/*========================================================*/
                                            .texto { font-family: Arial, tahoma; font-size: 11px; color: #000000; line-height: 1.2em; }
/*-- most of the text on site          --*/ .normal, .Normal { font-family: Arial, tahoma; font-size: 11px; color: #000000; line-height: 1.2em; }
/*-- most of the bold text on site     --*/ .NormalBold { font-family: Arial, tahoma; font-size: 11px; font-weight: bold; color: #000000; }
/*-- red text on site for errors       --*/ .NormalRed { color: #C50000; font-family: Arial, tahoma; font-weight: bold; font-size: 11px; }
/*-- subheadings - mostly in admin     --*/ .SubHead { font-family: Arial, tahoma; font-size: 11px; font-weight: bold; color: #000000; padding: 0; }
/*-- headings - mostly in admin        --*/ .Head { font-size: 11px; color: #000000; background: transparent; font-weight: bold; padding: 0;}

/*========================================================*/
/*  6. Links                                          */
/*========================================================*/

/*-- default links visited and active  --*/ a:link, a:visited{ color: #006255;  font-weight: bold;  text-decoration: none; }
/*-- default links hover               --*/ a:hover, a:active
{
    color: #169584;
    text-decoration: none;
}
/*-- normal  links visited and active  --*/ a.Normal:link, a.Normal:visited { color: #006255;  font-weight: bold; text-decoration: none; }
/*-- normal  links hover               --*/ a.Normal:hover { color: #169584;  	text-decoration: none; }
/*-- admin button-link style           --*/ a.CommandButton:link, a.CommandButton:visited, a.CommandButton:active { color: #6A6A6A; border: 1px solid #ABABAB; background: #EFEFEF; padding: 0px 3px 3px 4px; font-family: Arial, tahoma; font-weight: bold; font-size: 12px; text-decoration: none; height: 20px; }
/*-- admin button-link style hover     --*/ a.CommandButton:hover                                                 { color: #6A6A6A; border: 1px solid #868686; background: #DFDFDF; padding: 0px 3px 3px 4px; font-family: Arial, tahoma; font-weight: bold; font-size: 12px; text-decoration: none; height: 20px; }
/*-- search button in search form      --*/ .SearchButton { background: transparent; padding: 13px 17px 4px 13px; cursor: hand; font-size:1px; margin: 0 0 0 0px;}

/*========================================================*/
/*  7. Forms                                              */
/*========================================================*/

/*-- default form elements      --*/ select, input { font-family: Arial, tahoma; font-size: 12px; color: #333; }
/*-- textbox                    --*/ .NormalTextBox { color: #333; padding-left: 4px; line-height: 12px; font-family: Arial, tahoma; font-weight: normal; font-size: 12px; }
/*-- textbox container          --*/ td.NormalTextBox { padding: 0; margin: 0; background: transparent; visibility: invisible; border: 0; }
/*-- textbox used for search    --*/ #dnn_dnnSEARCH_txtSearch.NormalTextBox { height:19px; background: transparent; width: 174px; color: #888; padding: 4px 0px 0px 8px; border: 0px solid #FFFFFF; cursor:text;}
/*========================================================*/
/*  8. Main Menu and Module Menus                         */
/*========================================================*/

/*-- box that holds the menu. Contenedor del men�  --*/ .MainMenu_MenuContainer
{
    background-color: Transparent;
    width: 190px;
}
/*-- bar that holds the menu. Al pasar el rat�n por encima de cada elemento del men�,
 en navegadores como: Mozilla, Netscape y Opera. En Internet Explorer no se aprecia --*/ 
.MainMenu_MenuBar 
{
    
    cursor: pointer; 
    cursor: hand; 
    background-color: Transparent;  
    width: 190px;
}/*barra del men� principal*/
/*-- submenu container        --*/ .MainMenu_SubMenu
{    
	padding-right: 4px;
	padding-left: 0px;
	padding-bottom: 0px;
	cursor: hand;
	padding-top: 0px;
	background-color: #52b0a4;
	border: none;
} /*fondo del submen�*/

.ModuleTitle_SubMenu 
{
    z-index: 1000;  
    cursor: pointer;  
    cursor: hand; 
    margin: 0 0 0 1px; 
    background: white; 
    padding: 0px; 
    border: 0px solid #BCC5DE; 
    font-weight: normal; 
    filter: none; 
    color: green;
}
/*-- submenu items idle       --*/ .MainMenu_MenuItem
{
    padding-right: 7px;
	padding-left: 15px;
	font-weight: normal;
	font-size: 13px;
	padding-bottom: 0px;
	cursor: hand;
	color: #006255;
	padding-top: 0px;
	font-style: normal;
	font-family: Arial, Tahoma;
	background-color: Transparent; 
	border: none;
}

 .ModuleTitle_MenuItem 
{
    font-family: Arial;  
    color: green; 
    font-size: 11px; 
    background: white; 
    font-weight: bold; 
    font-style: normal; 
    padding: 0px 30px 0px 16px;  
    border: none;
}/*fondo del men� de los m�dulos*/
/*-- submenu items hover --*/      .MainMenu_MenuItemSel
{
    font-family: tahoma; 
    font-size: 11px; 
    font-weight: bold; 
    cursor: pointer; 
    cursor: hand; 
    color: #222; 
    background: transparent; 
    padding: 0px 30px 0px 16px; 
    border: 0;
}
 .ModuleTitle_MenuItemSel 
{
    font-family: tahoma; 
    font-size: 11px; 
    font-weight: bold; 
    cursor: pointer; 
    cursor: hand; 
    color: #222; 
    background: #BCC5DE; 
    padding: 0px 30px 0px 16px; 
    border: 0;
}
/*-- menuitems idle      --*/      .MainMenu_Idle 
{
    color: Green; 
    background: transparent url(nav_idle.gif) no-repeat; 
    padding: 0; 
    height: 22px; 
    font-weight: bold;
}
/*-- menuitems over     --*/       .MainMenu_Selected 
{
    color: Green; 
    background: transparent url(nav_over.gif) no-repeat; 
    padding: 0; 
    height: 22px; 
    font-weight: bold;
}
/*-- menuitems active    --*/      .MainMenu_Active, .MainMenu_BreadcrumbActive 
{
    color: Green; 
    background: transparent url(nav_active.gif) no-repeat; 
    padding: 0; 
    height: 22px; 
    font-weight: bold;
}
/*-- not needed - main menu   --*/ .MainMenu_MenuArrow, .MainMenu_RootMenuArrow, .MainMenu_MenuIcon  
{
    background-color: Transparent;
    display: none; 
    border: none;
}
/*-- module menu continer     --*/ .ModuleTitle_MenuContainer 
{
    color: #2c2c2c;
    border: none;
}
/*-- module menu bar          --*/ .ModuleTitle_MenuBar 
{
    cursor: pointer; 
    cursor: hand;
    border: none;
}
/*-- module menu padding      --*/ .ModuleTitle_MenuItem, .ModuleTitle_MenuItemSel 
{
    padding: 0 5px 0 0; 
    border: none;
}
/*-- not needed - module menu --*/ .ModuleTitle_MenuBreak, .MainMenuSeperator,.MainMenu_MenuBreak, .ModuleTitle_MenuArrow, .ModuleTitle_RootMenuArrow, .ModuleTitle_MenuIcon 
{
    display: none; 
    border: none;
}

/*==========================================================*/
/*  End Style Sheet                                         */
/*==========================================================*/

/* Menus --*/
.MainMenu_TabRootMenuItem TD
{
   	padding-right: 5px;
	padding-left: 5px;
	font-weight: bold;
	font-size: 15px;
	padding-bottom: 0px;
	cursor: hand;
	color: #006255;
	padding-top: 0px;
	font-family: Arial, Tahoma;
	background-color: Transparent;
}

.MainMenu_TabRootMenuItemSel TD
{  
	padding-right: 2px;
	padding-left: 0px;
	font-weight: bold;
	font-size: 15px;
	padding-bottom: 0px;
	cursor: hand;
	color: #ffffff;
	padding-top: 0px;
	font-family: Arial, Tahoma;
	background-color: Transparent;
	
}

.MainMenu_TabMenuItemHover TD
{
    padding-right: 5px;
	padding-left: 5px;
	font-weight: bold;
	font-size: 15px;
	padding-bottom: 0px;
	cursor: hand;
	color: #e4761c;
	padding-top: 0px;
	font-family: Arial, Tahoma;
	background-color: Transparent;
	
}
.MainMenu_TabMenuItemSelHover TD
{    
	padding-right: 2px;
	padding-left: 0px;
	font-weight: bold;
	font-size: 15px;
	padding-bottom: 0px;
	cursor: hand;
	color: #ffffff;
	padding-top: 0px;
	font-family: Arial, Tahoma;
	background-color: Transparent;
}


.SubMenu_TabMenuItemSelHover 
{
    padding-right: 7px;
	padding-left: 15px;
	font-weight: normal;
	font-size: 13px;
	background-image: none;
	padding-bottom: 0px;
	cursor: hand;
	color: #ffffff;
	padding-top: 0px;
	font-style: normal;
	font-family: Arial, Tahoma;
	background-color: #31a192;
	border: none;
}

.SubMenu_TabMenuItemHover
{
	padding-right: 7px;
	padding-left: 15px;
	font-weight: normal;
	font-size: 13px;
	background-image: none;
	padding-bottom: 0px;
	cursor: hand;
	color: #169584;
	padding-top: 0px;
	font-style: normal;
	font-family: Arial, Tahoma;
	background-color: #52b0a4;
	border: none;
}
.SubMenu_TabMenuItemSel
{
	padding-right: 7px;
	padding-left: 15px;
	font-weight: normal;
	font-size: 13px;
	background-image: none;
	padding-bottom: 0px;
	cursor: hand;
	color: #ffffff;
	padding-top: 0px;
	font-style: normal;
	font-family: Arial, Tahoma;
	background-color: #31a192;
	border: none;
}
.MainMenu_MenuArrow, .MainMenu_RootMenuArrow, .MainMenu_MenuIcon  {
	display: none; }

.MenuBreak
{
    border: none;
}