/* CSS Document */

body{
	background-color: #292929;
	margin:0px; padding: 0px;
	font-family: Helvetica,  Arial, Verdana, sans-serif;
	font-size:12px;
	color:#333;
}
#main{
	margin-left:170px;
	border:0px;
	width:920px;
	height: 100%;
	background-color:#fff;
}
#leftmenu{
	float:left;
	border:0px;
}
#minilogo{
	background-image:url(imgs/minilogo.png);
	background-repeat:no-repeat;
	width:170px;
	height:170px;
}

input {border: 1px solid #333; margin:1px;}


#topWhiteSeparator {height:20px; overflow:hidden;}

#Content{width:880px; margin-left:20px; margin-right:20px; background-color:#292929;}
#topSeparator{height:10px; overflow:hidden;}
#whiteContent{ width:860px; margin-left:10px; margin-right:10px; background-color:#fff; }
#none{float:left; width: 165px;}
#logoOrosco{width:127px; height:151px; background-color:#292929; margin-left:25px; background-image:url(imgs/oroscoproducciones.png); background-repeat:no-repeat; background-position:bottom; cursor:pointer;}

#login{ float:right; color:#f93; text-align:right; height:120px; font-size:11px;}

	#login a:link, #login a:active, #login a:visited{ color:#f93; text-decoration:none; font-weight:bold;}
	#login a:hover{ font-weight:bold; text-decoration:none; color: #fc0;}
	#login img{border:0px solid #fff;}
	
#alignMenu{display:inline; width:1px; height:151px; vertical-align: bottom; border: 1px solid #FFFF00;}	

#menu{}

	#menu a:link, #menu a:active, #menu a:visited{ color:#333; text-decoration:none; font-weight:bold;}
	#menu a:hover{ font-weight:bold; text-decoration:none; color: #f93;}
	#menu a.inside{color:#f93;}


.celda{
	width:120px; height:120px;
	background-color: #292929;
	color: #666; text-align:right;
	font-size:136px; font-weight:bold;
	padding:0px;
	display:inline-block;
	margin-bottom:5px; margin-right:5px;
	cursor:pointer;
}

.valignCelda{
	display:inline-block;
	height:170px; width:0px;
	vertical-align:bottom;
}

.descCelda{
float:left;
font-size:11pt; color:#4d4948; 
font-weight:bold; height:25px; 
overflow:hidden; 
width:120px; 
text-align:left; 
display:none;
}


#credits{margin-left:32px; margin-top:10px; color:#333; font-weight:bold; font-size:11px;}

	#credits a:link, #menu a:active, #credits a:visited{ color:#333; text-decoration:none; font-weight:bold;}
	#credits a:hover{ font-weight:bold; text-decoration:none; color: #f93;}
	#credits a.inside{color:#f93;}

#titles a:link, #titles a:active, #titles a:visited{ color:#333; text-decoration:none;}
#titles a:hover{ text-decoration:none; color: #f93;}
#titles a.inside{color:#f93;}


#sublogo{text-align:right; margin-top:96px;}
#imgSublogo{margin-right:5px;}

#bottomSeparator{height:10px; overflow:hidden; background-color:#292929;}
#bottomWhiteSeparator{height:30px; overflow:hidden; background-color:#fff;}



#titles a:link, #titles a:active, #titles a:visited{ color:#333; text-decoration:none;}
#titles a:hover{ text-decoration:none; color: #f93;}
#titles a.inside{color:#f93;}

img.valign {
   height: 100%;
   vertical-align: middle;
   width: 0px;
} 
img.bottom {
   height: 100%;
   vertical-align: bottom;
   width: 0px;
} 


#google_translate_element {float:right; height:19px; overflow:hidden; text-align:right; margin-right:40px;}
#google_translate_element select{ border:0px;}