﻿html, body 
{
    height: 100%;                                                   
}
body
{
    font-family: Verdana, Arial, Sans-Serif;
    font-size:0.7em;
}
textarea
{
    font-family: Verdana, Arial, Sans-Serif;
}
html, body, div, span, img, a, form, span
{	
	margin:0;
	padding:0;
}

.darkColor
{	
	color:#1F0E09;
}
.lightColor
{
	color:#E0D5BC;
}
.darkColor a, .darkColor a:visited
{	
	color:#1F0E09;
}
.lightColor a, .lightColor a:visited
{
	color:#E0D5BC;
}
.bgColorDark
{
	 background-color:#1F0E09;
}
.bgColorDarkLight
{
	 background-color:#ADA38A;
}
.bgColorLight
{
	 background-color:#C6BBA5;
}
.borderDark
{
	 border:solid 1px #1F0E09;
}

.bold
{
	font-weight:bold;
}

h4
{
	font-weight:bold;
	font-size:16px;	
}

.galleryModuleImageHeader a, galleryModuleImageHeader a:visited
{
	margin:0 5px 0 10px;
	color: #3b5998;
	outline-style: none;
	text-decoration:none;
}
a, a:visited, a:active
{
	color: #3b5998;
    text-decoration: none;
}
a:hover, .darkColor a:hover, .lightColor a:hover
{
    text-decoration: underline;
}
a img
{
	border:0;
}
.clear
{
	clear:both;
}




body
{
	background-color:black;
	background-image:url(/public/images/bg/html.jpg);
}



.centerForThinCol
{
	width:700px;
	padding:20px 0 20px 20px;
}



.page
{
	width:997px;
	margin:0 auto 0 auto;
}
.pageInner
{
}

#header
{
	width:997px;
	height:46px;
	font-size:1.1em;	
	position:relative;
	background-color:Black;
	background-image:url(/public/images/header.jpg);
	background-repeat:no-repeat;
}

.loginDisplay
{
	position:absolute;
	right:30px;
	top:15px;
	text-align:right;
	color:white;
}
.loginDisplay a, .loginDisplay a:visited
{
	color:white;
	text-decoration:none;
}
.loginDisplay a:hover
{
	text-decoration:underline;
}
.loginDisplay .separator
{
	padding:0 10px 0 10px;
}



#menuContainer
{
	color:White;
	position:absolute;
	left:210px;
	top:15px;
	
}
#menu
{
	z-index:2;
	margin:0px;
	list-style-type:none;
}

#menu ul
{	
	z-index:3;
	list-style-type:none;
}
.menuItem
{	
	z-index:4;
	float:left;
	margin-right:20px;
	font-weight:normal;
}
.menuItem a, .menuItem a:visited
{
	z-index:5;
	text-decoration:none;
	color:White;
}
.menuItem a:hover
{
	text-decoration:underline;
}

.subMenu
{
	
	display:none;
	height:150px;
}


/* menu desplegable */ 
.childMenu
{
	
	margin:0;
	padding:5px; 
	border:solid 0px #cccccc;
	width:150px;

}
.childMenuItem
{
	margin:0;
	padding:0; 
	list-style-type:none;
	padding:3px 10px;        	
} 
.childMenu a, .childMenu a:visited
{
	color:#351A05;
	font-weight:bold;
}       
.childMenuItem:hover
{
	background-color:#E5E0DF;
}

.childMenuItem:hover a, .childMenuItem:hover a:visited
{
	color:#351A05;
}
    
.subMenu a, .subMenu a:visited
{
	text-decoration:none;
}
.subMenu a:hover
{
	text-decoration:none;
}


.headerRow
{
	padding:5px 0;
	text-align:center;
}



#main
{
	clear:both;
}


.smallContent
{
	background-image:url(/public/images/bg/main.jpg);
	background-repeat:repeat-y;
	padding:20px 0 40px 200px;
}


#mainForThinColumn
{
	background-image:url(/public/images/bg/mainThin.jpg);
	background-repeat:repeat-y;
}


.imageBorder
{	
	 border:solid 1px #1F0E09;
	 padding:1px;
}


#leftColumn
{
	float:left;
	overflow:visible;
	width:204px;
	margin:10px 5px 10px 15px;
}
#centerColumn
{
	background-image:url(/public/images/bg/main.jpg);
	background-repeat:repeat-y;
	overflow:hidden;
	padding:10px 20px;
}

#centerColumnThick
{
	background-image:url(/public/images/bg/mainThick.jpg);
	background-repeat:repeat-y;
	overflow:hidden;
}
#centerColumnThin
{	
	overflow:hidden;
	padding-left:10px;
}
#centerColumnContent
{
	overflow:hidden;
}

.centerPadded
{
	padding:20px;
}

/* right column */

#rightColumnThin
{
	float:right;
	width:227px;
}
.columnSectionHeader
{
	clear:both;
	background-image:url(/public/images/bg/section5.jpg);
	/*background-image:url(/public/images/bg/section5.jpg);*/
	background-repeat:repeat-x;
	padding-left:10px;
	font-weight:bold;
	line-height:22px;
}
.columnSectionContent
{
	padding: 20px 19px;
}

.buttonNew
{
	background-image:url(/public/images/bg/buttonBg.jpg);
	background-color:#240808;
	background-repeat:repeat-x;
	border: solid 1px #240808;		
	padding:0px 10px;
	color:White;
}


#publishStatus
{
	 padding:10px;
	 margin:0px 10px 0 0;
	 overflow:auto;
}

.userStatus
{
	font-weight:bold;
	margin-bottom:5px;
}
#publishStatus .textBox
{
	width:350px;
	height:25px;
	line-height:1.8;
	margin-right:5px;
}

.button
{
	border: solid 1px #664314;
	background-color: #351A05;
	color: white;
	cursor:pointer;
	padding-top:3px;
	padding-bottom:3px;
}

/* wall */

.formBlock
{
	 margin:20px 0px 5px 0px;
	 padding:10px;
	 overflow:auto;
}

a.deleteComment, a.deleteComment2
{
	padding: 0 5px 3px 5px;
	font-family:Verdana;
}
a.deleteComment2, a.deleteComment2:visited
{
	text-decoration:none;
	float:right;
}

a.deleteComment:hover, a.deleteComment2:hover
{
	background-color:#3B5998;
	color:White;
}


/* tabs */
.tabs
{
	margin:5px 0;
	border:solid 0 #2F1613;
	border-width: 0 0 1px 0;
	padding-left:10px;
	overflow:hidden;
	font-size:1.1em;
}
.tab
{
	display:block;
	float:left;
	padding: 6px 25px;
	background-color:#1E0906;
	margin:0 0px 0 1px;
}
.tabSelected
{
	display:block;
	float:left;
	border:solid 1px #2F1613;
	padding: 5px 25px 6px 25px;
	margin:0 0px -1px 1px;
	border-bottom: solid 1px #F3E9D0;
	text-decoration:none;
	color:#3E1D0B;
}
.composeTab
{
	margin-left:155px;
}

a.tab , a:visited.tab 
{
	text-decoration:none;
	color:#E5DABA;
}

a.tabSelected , a:visited.tabSelected
{
	text-decoration:none;
	color:#3E1D0B;
}

.tabContent
{
	padding:20px 10px 10px 10px;
}


.deleteLink
{
	text-align:right;
}
.deleteVideoLink
{
	
}

.publishLabel
{
	margin-bottom:10px;
}
.userVideo
{
	margin:20px 0 40px 0;
}


/* ------- Pagination --------- */
#pagination
{
	text-align:right;
	margin:10px 0 20px 0;
	color:#777777;	
	clear:both;
}
#pagination span
{
	padding:2px 5px 2px 5px;
	font-weight:bold;
	border: solid 1px #bbbbbb;
	margin-right:3px;
	background-color:#333333;
	color:White;
}
#pagination a
{
	padding:2px 6px 2px 6px;
	margin-right:3px;
	text-decoration:none;
	color:#777777;
	border: solid 1px #bbbbbb;
}

.deleteComment
{
	float:right;
}


.mainBg
{	
	background-image:url(/public/images/bg/main.jpg);
	background-repeat:repeat-y;
}
#genericErrorBody
{
	text-align:center;
	font-size:14px;
	line-height:2;
	padding:10px 0 0px 0;
	background-image:url(/public/images/bg/main.jpg);
	background-repeat:repeat-y;
}

#genericErrorBody img
{
}

.userMsg
{
	font-weight:normal;
	font-size:14px;
	padding-left:20px;
}

.wideContent
{
	width:600px;
	text-align:justify;
	padding:60px 0 30px 100px;
}
.galleryMessage
{
	margin:70px 30px 150px 30px;
}

/* SimpleModal */
#simplemodal-overlay 
{
  background-color:#000;
  cursor:wait;
}
#simplemodal-container 
{
  height:300px;
  width:600px;
  background-color:#fff;
  border:3px solid #ccc;
}
.modalCloseX, .modalCloseX:active, .modalCloseX:hover, .modalCloseX:link
{
	text-decoration:none; 
	font-weight:bold; 
	font-size:1.5em; 
	position:absolute; 
	top:0px; 
	right:8px; 
	color:#999;
}
#modalFormContent
{
	padding:40px;
}
#modalFormContent img
{
	float:left;
	margin-right:20px;
}
.modalFormRightContent
{
	overflow:auto;
}
.modalFormTitle
{
	font-weight:bold;
	font-size:15px;
	color:#666666;
}
.modalFormUserName
{
	font-weight:bold;
	font-size:15px;
	margin:10px 0 10px 0;
}
#modalFormMessage
{
	width:350px;
	height:70px;
	display:block;
	margin:10px 0 10px 0;
}
.modalFormResultMessage
{
	font-weight:bold;
	font-size:15px;
	margin:20px 0 10px 0;
}
.modalFormPrivateMessageTitle
{
	font-weight:bold;
	font-size:15px;
	margin:0px 0 20px 0;
}
#modalFormSubject
{
	width:300px;
}
#modalFormPrivateMessage
{
	width:350px;
	height:120px;
	display:block;
	margin:10px 0 10px 0;
}

/* Private messages */
.privateMessages
{
	border-collapse:collapse;
	width:100%;
}
.privateMessages td
{
	padding:10px;
	border-bottom:solid 1px #dddddd;
}

.privateMessageDate
{
	color: #666666;
}
.privateMessage a, .privateMessage a :visited
{
	outline-style: none;
	text-decoration:none;
}
.privateMessage a:hover
{
	text-decoration:underline;
}

.privateMessage
{
	line-height:1.5;
	clear:both;
}

.privateMessage .short
{
	width:40px;	
}

.disabledToolbarCmd
{	
	color:#777777;
	padding-right:20px;
}
.toolbarCmd
{	
	padding-right:20px;
	cursor:pointer;
}

.toolbarCmd:hover
{	
	text-decoration:underline;
}

/* Invite friends */

.staticTwoColsBodySmall
{
	color:Gray;
}
.staticTwoColsLabel
{
	margin:20px 0 5px 0;
}
.staticFormRow
{
	margin-top:10px;
}

/* AJAX */
.jsAction
{
	color: #3b5998;	
	cursor:pointer;
}
.jsAction:hover
{
	text-decoration:underline;
}
#ajaxResultPanel
{
	position:relative;
	background-color:#FFF1A8;
	width:500px;
	margin:10px auto;
	display:none;
}
#ajaxResultPanelClose
{
	font-weight:bold; 
	font-size:1.5em; 
	position:absolute; 
	top:0px; 
	right:8px; 
	color:#999;
	cursor:pointer;
}
#ajaxResultPanelContent
{
	padding:10px;
	text-align:center;
	font-weight:bold;
}


/* System Message */
.systemMessage
{
	color:#270402;
	background-color:#F1EFE2;
	border:solid 1px #B6B2B2;
	width:600px;
	margin:20px auto;
}

.t1
{
	font-size:25px;
	font-weight: bold;
}


#footerContainer
{
	clear:both;
}
#footer
{
	background-color:Black;
	background-image:url(/public/images/bg/footer.jpg);	
	background-repeat:no-repeat;
	line-height:2.9;
	text-align:center;
	color:#E5DAB8;
}
#footer .separator
{
	color:White;
	padding:0 10px 0 10px;
	font-weight:bold;
}
#footer a, #footer a:visited
{
	color:White;
	font-weight:bold;
	text-decoration:none;
}
#footer a:hover
{
	text-decoration:underline;
}


/* SECTIONS */
.sectionHeader
{
	overflow:hidden;
	background-color:#B6AB99;
	font-size:45px;
	background-image:url(/public/images/bg/headerRow.jpg);
	background-repeat:repeat-x;
	line-height:63px;
}
.sectionHeaderContent
{
	padding:2px 10px 10px 20px;
}
.sectionHeader img
{
	float:right;
}
.sectionHeaderBottomRow
{
	height:20px;
	background-color:#695C44;
}

.blockItems
{
	margin:30px 15px;
}

.blockItemInfo
{
	background-image:url(/public/images/marcos/informacion.jpg);
}
.blockItemDirectorio
{
	background-image:url(/public/images/marcos/directorio.jpg);
}
.blockItem
{
	background-repeat:no-repeat;
	float:left;
	padding:10px;
	margin:0 9px 10px 0;
	width:280px;
	height:85px;
}
.blockItemIcon
{
	float:left;
	margin-right:10px;
}
.blockItemText
{
	text-align:right;
	margin-left:10px;
	overflow:hidden;
}
.blockItemtitle
{
	font-size:16px;	
}
.blockItemdescription
{
	font-size:12px;		
	margin-top:5px;
}

.spacer
{
	clear:both;
	height:10px;
}



.resultMessagePanel
{
	font-weight:bold;
	text-align:center;
	padding:20px 10px;
	font-size:16px;
}

#waga
{
	margin-left:20px;
}


.wizardPanel
{	
	overflow:hidden;
	margin-bottom:20px;
}
.wizardPanel img
{
	float:left;
	margin-right:10px;
}
.wizardStep
{
	text-align:center;
	width:162px;
	height:26px;
	line-height:24px;
	float:left;
	background-repeat:no-repeat;
	margin:0;
}
.inactiveWizardStep
{	
	background-image:url(/public/images/wizStep.jpg);	
}

.activeWizardStep
{
	font-weight:bold;
	background-image:url(/public/images/wizStepSelected.jpg);
}

.smallContentInner
{
	border:solid 1px #3D1F05;
	background-color:#EADAB3;
	padding:20px;
	width:550px;
}



.postOptionsLink
{
	text-align:right;
	cursor:pointer;
	visibility:hidden;
	font-weight:bold;
}
.postMenu
{
	background-color:White;
	padding:10px 30px;
	border:solid 1px #3D1F05;
	position:absolute;
	text-align:center;
}
.postMenu a
{
	display:block;
}
.link
{
	cursor:pointer;
}

.tagsPannel
{
	padding:10px 5px;
}
.tagsPannel a
{
	text-decoration:underline;
}