﻿@import url("css/menu.css");

/* CSS Document */
#Body {background-color:#C3BADC; height: 100%; margin:0; padding:0; }

/* ControlPanel style */
.ControlPanel{background:transparent url(images/cpanel_center.png) repeat-x bottom left; border:none;padding-bottom:10px;}
.cpanel_left {background: url(images/cpanel_left.png) no-repeat bottom left;padding-left:21px;}
.cpanel_right {background: url(images/cpanel_right.png) no-repeat bottom right;padding-right:33px;}

/*-------- Default Style --------*/
body,th,td,table,h1,h2,h3,h4,h5,h6,.Normal,.NormalDisabled,.Head,.SubHead,.SubSubHead, a:link, a:visited, a:hover, input, .CommandButton{color:#375162; font-family:Verdana, Arial, Helvetica, sans-serif;}
body,th,td,table,.Normal,.NormalDisabled,.Head,.SubHead,.SubSubHead, a:link, a:visited, a:hover{font-size:12px;}
h1, h2, h3, h4, h5, h6, h2 input{color:#7B03BD;font-weight:bold;margin:1ex 0;}
h1{font-size:18px;margin:10px 0;}
h2, h2 input{font-size:14px;}
h3{font-size:13px;}
h4{font-size:12px;}
h5{font-size:11px;}
h6{font-size:10px;}

a,a:link,a:visited,a:active{color:#7B03BD; text-decoration:none; font-weight:normal; }
a:hover{color:#C3BADC; text-decoration:underline;}
.Head, .SubHead, .SubSubHead, .Normal, .NormalDisabled, .NormalDisabled, .NormalBold, .NormalRed, .NormalTextBox
{font-family:Verdana, Arial, Helvetica, sans-serif;}
.Head{color:#2E3D47;font-weight:bold;}
.SubHead {color:#4C6171;}
.SubSubHead{color:#6E8AA0;}
.NormalRed {color:#F00;}

/*Datagrids */
.DataGrid_Container {margin-top:15px;}
.DataGrid_Header{font-weight:bold;}
.DataGrid_Header td, .NormalBold td{font-weight:bold;}

/*-------- design style --------*/
#s_wrap_main
{
    display:table;
    margin:0 auto 0; 
    width:984px;
    background: transparent url('images/fullpage_mid.png') repeat-y 50% 0;
}
#s_wrap_sub
{
    display:table-row;

}

.template_style
{
    display:table-cell;
    background: transparent; 
        padding: 0 6px 0 8px;
}

#pie
{
    height: 17px;
    width: 984px;
    margin:0 auto 0; 
    background: transparent url('images/fullpage_bottom.png') repeat-y 50% 0;
}


.top_space{height:34px;}
.lang_pad{padding:7px 0 0 25px;float:left;}

.logo_top_left{padding:0; margin:0; background:url(images/logo_top_left.png) no-repeat top left; height:23px;}
.logo_top_right{padding:0; margin:0; background:url(images/logo_top_right.png) no-repeat top right;}
.logo_top_bg{padding:0; margin:0 39px 0 27px; background:#FFF url(images/logo_top_bg.png) repeat-x top;height:23px;}
.logo_left{padding:0; background:url(images/logo_left.png) repeat-y top left;}
.logo_right{padding:0; background:url(images/logo_right.png) repeat-y top right;}
.logo_pad{background:#FFF; margin: 0 19px 0 7px; padding:0 0 10px 10px;height:100%;}

.s_logo{float:left;}
.s_banner{background:#aaa;width:50%;float:right;}

.menu_bg{padding:0 0 0 0px;  margin: 0; width: auto; display: block; }
.menu_left{padding:0; margin:0; }
.menu_right{margin:0; }
.search_style{float:right; height:25px; margin: 0;}
.search_bg{padding:2px 2px 0 0;}

.bread_bg{padding:0; margin: 0 19px 0 7px; height:34px;}
.bread_left{padding:0; margin:0; height:34px;}
.bread_right{padding:0;  height:34px;}

#login_style{ float:right; line-height:34px; padding-right:18px;}
#bread_style{ float:left; line-height:34px; padding-left:9px;color:#000000;}

.center_bg{padding:0; margin:0;clear:both;}
.left_bg{padding:0; margin:0; }
.right_bg{padding:0; margin:0; }
.content_pad{padding:0px 10px 0px 10px; margin: 0 0 0 0; }
.lm_content_pad{padding:0px 22px 0 0px; margin: 0 19px 0 7px; }
.content_width{padding-top:1px; min-height:350px;}
.lm_content_width{padding-top:0px; min-height:350px;}

.bot_left{padding:0; margin:0; }
.bot_right{padding:0; margin:0; padding:0 39px 0 27px;}
.bot_bg{padding:0; margin:0; height:11px;}

.bot_pad{margin-bottom:5px;padding:15px 30px 0 20px; background: transparent url(images/hr_back.png) repeat-x;}
#terms_style{float:left;}
#copy_style{float:right;}

.clear_float{clear:both; line-height:0; font-size:0; height:0;}

/* ------- FileManager -------*/
div.FileManager{height:auto;border:none;}
table.FileManager{width:99%}


a.CommandButton:link, a.CommandButton:visited{color:#CB2027; font-weight:bold; text-decoration:none;}
a.CommandButton:hover{color:#3E81B5; text-decoration:underline;}

/*-------ControlPanel changes ---------------*/
.ControlPanel a.CommandButton:link, .ControlPanel a.CommandButton:visited{color:#3E81B5;}
.ControlPanel a.CommandButton:hover{color:#CB2027; text-decoration:underline;}
.ControlPanel a.CommandButton:link, .ControlPanel a.CommandButton:hover, .ControlPanel a.CommandButton:visited, .ControlPanel .SubHead{
font-size:11px;}
.ControlPanel a[disabled=disabled]{color:#888 !important;text-decoration:none !important;}

/*--------- pane style ----------*/
.BannerPane {display:inline-block;float:right;padding-right:17px;width:auto;}
.ContentPane, .TopPane, .BottomPane{ padding:0; margin:0;}
.LeftPane{ padding:0 0 0 0; margin:0;}
.RightPane{ padding:0 0 0 0; margin:0;}



/*------------ Breadcrumb Style --------------*/
.Breadcrumb,a.Breadcrumb:link,a.Breadcrumb:active,a.Breadcrumb:visited{color:#3E81B5;}
a.Breadcrumb:hover{color:#C00;}

/*-------------- Link Style --------------*/
.linkscontainer{padding-top:20px;text-align:center;}
.links,a.links:link,a.links:active,a.links:visited{ font-weight:bold; color:#3E81B5; text-transform:uppercase;}
a.links:hover{color:#C00;}

/*-------------- User Style --------------*/
.user,a.user:link,a.user:active,a.user:visited { color:#3E81B5;}
a.user:hover{color:#C00;}

/*-------------- Footer Style --------------*/
.footer,a.footer:link,a.footer:active,a.footer:visited { color:#3E81B5;}
a.footer:hover{color:#C00;}

/*-------------- Empty panes Style --------------*/
.DNNEmptyPane{width:0;padding:0;margin:0;}

/*-------------- Search SkinObject Styles --------------*/
div.SearchContainer{position:relative; white-space: nowrap; margin-right: 15px; padding-right: 0;}
div.SearchBorder{width: 180px; height: 20px; border: solid 1px #e0e0e0; float:left; background-color: White; white-space: nowrap; margin-top: 2px;}
div.SearchContainer a{padding: 0; display: block; float:left; }
div.SearchContainer a img{padding-left:5px;}
div.SearchIcon{float: left; width: 31px; height: 20px; cursor: pointer; z-index: 11; background: no-repeat 2px 2px; text-align:right;}
div.SearchIcon img{margin-top: 3px;}

input.SearchTextBox{float: left; z-index: 10; border: 0; width:130px; height:18px; margin-left:3px; color: #43494D;}

#SearchChoices{clear: both; display: none; border: solid 1px #C3D4DF; z-index: 2000; cursor: pointer; margin: 0; padding: 0; text-align:left; background-color: #F3F7FA; position:absolute; top: 22px; left: 0;}
#SearchChoices li{cursor: pointer; margin: 0; padding: 2px 2px 0 2px; padding-left: 25px; height: 18px; text-align:left; background-color: #F3F7FA; background-repeat: no-repeat; background-position: 2px center; list-style: none; list-style-image: none; border: none; display:block;}
#SearchChoices li.searchHilite{background-color: #CE0D0D;	color:#ffffff; border: none;}
#SearchChoices li.searchDefault{background-color: #F8FAFF; border: none;}


/* Minimal Entropy Example Styles */
.linkscontainer_left{padding:0; background:url(images/left_bg.png) repeat-y bottom left;}
.linkscontainer_right{padding:0; background:url(images/right_bg.png) repeat-y bottom right;}
.linkscontainer_pad{background:url(images/center_bg.png) repeat-x bottom left; margin: 0 19px 0 7px; padding:0 0 10px 10px;height:100%;}

.tag_bg{padding:0; margin: 0 19px 0 7px; background:url(images/bread_bg.png) repeat top left; min-height:68px;}
.tag_left{padding:0; margin:0; background:url(images/bread_left.png) repeat-y top left; min-height:68px;}
.tag_right{padding:0;  background:url(images/bread_right.png) repeat-y top right; min-height:68px;}

#tag_style{display:table; margin:0 auto; padding:0; white-space:nowrap;}
#tag_style ul.categories, #tag_style ul.tags{min-height:34px;max-height:34px;height:34px;}


/*-------------- Fixes Violeta ------------------*/
DIV.language-object
{
	display: block;
}

DIV.language-container
{
	display: block;
	float: right;
	margin-top: 3px;
	margin-right: 3px;
}

DIV.SearchContainer
{
	float: right;
}

#topribbon{ 	display: table; width: 970px; margin:0 auto;}
#topribbon_sub { display: table-row; }
#topribbon_container { display: table-cell; }

.cpanel_left{
	text-align: center;
}

.violeta_top{
	display: block;
	overflow: hidden;
	height: 130px;
}

.menu_bg .menu_style .mainMenu
{
	line-height: 15px;
}

/*------ Estilos del Slider ---------------*/
div.sc_menu 
{  
    /* Set it so we could calculate the offsetLeft */  
    position: relative;
    height: 150px;
    /* Add scroll-bars */ 
    /* width: 600px; */
    overflow: hidden;
}


ul.sc_menu 
{ 
    display: block;
    height: 140px;
    /* Max width here, for users without Javascript */ 
    width: 6000px;
    overflow: hidden;
    padding: 0 0 0 15px; /*Si este padding se cambia hay que cambiar el js*/
    /* Remove default margin */ 
    margin: 0; 
    /* background: url('navigation.png'); */
    list-style: none;
}

.sc_menu li 
{ 
    display: block;
    float: left; 
    padding: 0 4px;
}

.sc_menu a 
{ 
    display: block;  
    text-decoration: none;
}

.sc_menu span
{ 
    /* We want a caption to display on the next line */ 
    display: block; 
    margin-top: 3px;
    text-align: center; 
    font-size: 12px;
    color: Black;
}


.sc_menu span 
{
    display: none;
    margin-top: 3px; 
    text-align: center; 
    font-size: 12px;  
    color: Black;
}

.sc_menu a:hover span 
{
    display: block;
}

.sc_menu img 
{ 
    border: 1px solid #7B03BD !important;
}

.sc_menu a:hover img
{ 
    filter:alpha(opacity=50);
    opacity: 0.5;
    
}

.sc_menu  LI
{
	display: table;
	height: 140px;
}

.sc_menu LI > a
{
	vertical-align: bottom;
	display: table-cell;
}

/*------ Estilos específicos Violeta ---------------*/

.frame_fullwith{
	width: 947px;
}

.frame_fullwith > .c_content{
	background: transparent url('images/bloque_fullwidth_1.png') no-repeat 0 top;
	padding-top: 12px;
}

.frame_fullwith > .c_content > DIV {
	padding-bottom: 17px;
	background: transparent url('images/bloque_fullwidth_3.png') no-repeat 0 bottom;
}

.frame_fullwith > .c_content > DIV > DIV {
	background: white url('images/bloque_fullwidth_2.png') repeat-y 0 0;
	padding-left: 18px;
	padding-right: 10px;
	height: 100%;
}

.IlustraKey{
    cursor: pointer;
    margin-bottom: 10px;
}

.IlustraKey span{
    color: #7b03bd;
    font-weight: bold;
    font-size: 18px;
    line-height: 30px;
}
.IlustraKey span:hover
{
    color: #903EBD;
}

.frame_width250 
{
	width: 220px;
}

.frame_width250 > .c_content{
	background: transparent url('images/bloque_250_1.png') no-repeat 0 top;
	padding-top: 12px;
}

.frame_width250 > .c_content > DIV {
	padding-bottom: 14px;
	background: transparent url('images/bloque_250_3.png') no-repeat 0 bottom;
}

.frame_width250 > .c_content > DIV > DIV {
	background: white url('images/bloque_250_2.png') repeat-y 0 0;
	padding-left: 14px;
	padding-right: 10px;
	height: 100%;
}

.frame_width250 .c_footer { margin-bottom: 0px }

.frame_width750 
{
	width: 710px;
    margin-left: 10px;
}

.frame_width750 > .c_content{
	background: transparent url('images/bloque_750_1.png') no-repeat 0 top;
	padding-top: 12px;
}

.frame_width750 > .c_content > DIV {
	padding-bottom: 14px;
	background: transparent url('images/bloque_750_3.png') no-repeat 0 bottom;
}

.frame_width750 > .c_content > DIV > DIV {
	background: white url('images/bloque_750_2.png') repeat-y 0 0;
	padding-left: 14px;
	padding-right: 10px;
	height: 100%;
}

.frame_width750 .c_footer { margin-bottom: 0px }


.frame_width330 
{
	width: 328px;
}

.frame_width330 > .c_content{
	background: transparent url('images/bloque_330_1.png') no-repeat 0 top;
	padding-top: 12px;
}

.frame_width330 > .c_content > DIV {
	padding-bottom: 14px;
	background: transparent url('images/bloque_330_3.png') no-repeat 0 bottom;
}

.frame_width330 > .c_content > DIV > DIV {
	background: white url('images/bloque_330_2.png') repeat-y 0 0;
	padding-left: 14px;
	padding-right: 10px;
	height: 100%;
}

.frame_width330 .c_footer { margin-bottom: 0px }

.frame_width640 
{
	margin-left: 4px;
	width: 615px;
}

.frame_width640 > .c_content{
	background: transparent url('images/bloque_640_1.png') no-repeat 0 top;
	padding-top: 11px;
}

.frame_width640 > .c_content > DIV {
	padding-bottom: 15px;
	background: transparent url('images/bloque_640_3.png') no-repeat 0 bottom;
}

.frame_width640 > .c_content > DIV > DIV {
	background: white url('images/bloque_640_2.png') repeat-y 0 0;
	padding-left: 14px;
	padding-right: 10px;
	height: 100%;
}

.frame_width330 .c_footer, .frame_width640 .c_footer, .frame_fullwith .c_footer { margin-bottom: 0px }
 

.vseparator 
{
    display: block;
    height:8px;
    clear: both;
}

.CommandButton > table > tbody > tr > td > a
{
    display: block;
    background: transparent url('images/li_back.png') no-repeat 0 3px;
    padding-left: 10px;
}


.EVTBoton
{
	min-width:100px;
}

.MiniLibroDiv
{
	width: 143px;
	text-align: center;
	height: 140px;
	float: left;
	display: table;
	
}

.MiniLibroDiv > DIV
{
	display: table-cell;
	vertical-align: bottom;
}

.MiniLibroDiv img
{
	border: 1px solid #7B03BD !important;
}

.VioletaTitle
{
	text-align:center;
	margin-bottom:10px;
}

.TituloLibro
{
    text-align: left;
}

.VioletaTitle  SPAN
{
	font-size:16px;
	color: #7B03BD;
	font-weight:bold;
}

.EditNombreLibro
{
	width: 300px;
}

.ShadowClass
{
    display:none;
}

ul.UlStyle
{
    margin-left:20px;
}
ul.UlStyle li
{
    list-style-type: square;
    list-style-image: url('images/external_link_10.png');
}

ul.UlStyle a { color: #375162; }
ul.UlStyle a:hover { color: #7B03BD; }


.FreeSpace
{
	padding-bottom: 10px;
	margin-left: 6px;
	margin-right: 12px;
	padding-top: 5px;
	height: 100%;
}

.bot_pad .addThisfooter
{
	float: right;
	margin-right: 10px;
}


/*Slider1*/
#slider1 { 
   width: 575px; /* important to be same as image width */ 
   height: 358px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
}

#slider1Content {
   width: 575px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   margin-left: 0; /* important */
}

.slider1Image {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
}

.slider1Image span {
   position: absolute; /* important */
   left: 0;
   font: 10px/15px Arial, Helvetica, sans-serif;
   padding: 10px 13px;
   width: 1px;
   z-index: -100;
    height: 1px;
    overflow: hidden;
    top: 0px;
    left: 0px;
   background-color: #000;
   filter: alpha(opacity=70); /* here you can set the opacity of box with text */
   -moz-opacity: 0.7; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
   opacity: 0.7; /* here you can set the opacity of box with text */
   color: #fff;
   display: none; /* important */
   top: 0;

   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image 
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}

table[id=dnn_ctr647_BlogList_lstBlogs] A.CommandButton,
.CommandButton .dnn_ctr503_ViewCategories_tvCategories_0
{
	font-weight: normal !important;
	color: #375162 !important;
	list-style: none !important;
	background: none !important;
	line-height: 20px;
}
table[id=dnn_ctr647_BlogList_lstBlogs] td[id*=tdIcon]
{
	display:none;
}

div[id=dnn_ctr491_ModuleContent].ModBlogC
{
}

div[id*=_ModuleContent].ModBlogC > span,
div[id*=_ModuleContent].ModBlogC > span
{
	/*margin-top: 10px;
	margin-bottom: 10px;*/
	display: none;
}

div[id*=_ModuleContent].ModBlogC >  table .CommandButton,
div[id*=_ModuleContent].ModBlogC >  table .CommandButton
{
	margin-bottom: 5px;
	display: block;
	color: #7B03BD !important;
	font-weight: normal !important;
}

.search_bg .ServerSkinWidget > img
{
	vertical-align: bottom;
}

.language-container
{
	width: 80px;
}

.language-container > .language-object
{
}

.Blog_RecentEntries
{
	border-bottom: 1px dotted #D9D9D9;
	padding-bottom: 3px;
	margin-bottom: 3px;
	font-size: 14px;
}

.Blog_RecentEntries  >.Blog_RecentEntries_Title
{
	font-family: Georgia;
	font-size: 14px;
}

.Blog_RecentEntries > .Blog_RecentEntries_Dateline
{
    font-size: 10px;
}

.imagen_fondo 
{
    display: block;
    position: relative;
    z-index: 0;
    height: 0px;
    width: 0px;
    overflow: visible;
}

.clear {
   clear: both;
}

/*Ilustraciones*/
.MainIlu
{
    float: left;
    width: 140px; /*Anchura máxima de los thumbs de las fotos + 10*/
    margin: 15px;
}

.MainIlu2
{
    float: left;
    width: 115px; /*Anchura máxima de los thumbs de las fotos + 10*/
    margin: 15px;
}

div.MainIlu a.thickbox div
{
	display:none;
	overflow: hidden;
}
div.MainIlu2 a.thickbox div
{
	overflow: hidden;
	display:none;
}

/*Album*/
.AlbumUploader
{
    margin:10px;
}

.MainAlbum
{
    margin: 5px;
}

/*Fotos*/
.MainFoto
{
    margin: 5px;
    width: 138px;
    float: left;
    text-align: center;
}

/* Blogs - Buscador */
.ModBlogC table table tr > td
{
	padding: 3px 0;
}

.ModBlogC table table tr > td > span.Normal
{
	display: block;
}

.ModBlogC table table tr > td.Normal > a.CommandButton[id*=lnkParentBlogSearch]
{
	display: none;
}
.ModBlogC table table tr > td.Normal > span[id*=lblItemSummary] > p
{
	padding-top: 5px;
}

.ModBlogC input.Normal[id*=btnSearch]
{
	padding: 3px 10px;
}

.ModBlogC td.SubHead, .ModBlogC td.SubHead a
{
	white-space: normal !important;
}

/* Blogs - Ocultar View recent entries */
.ModBlogC  {
	padding: 10px;
}   

.ModBlogC > span[id*="Archive_lblArchive"] { display: none; }

.ModBlogC > table[id*="_BlogList_lstBlogs"] > tbody > tr[id*="trHeader"]
{
    display: none;
}

.ModBlogC  > table[id*="_Archive_lstArchiveMonths"]
{
	margin-top: 10px;

}

.ModVioletaFrontC table tr td img[id*=LibroDatos_img_Caratula]
{
    border: 1px solid #7B03BD !important;
}