@charset "utf-8";
/* CSS Document */
html{
overflow:auto!important;
}
body{
margin:0;
color:#35312c;
}
#main_container{overflow:visible!important;}

#contenedor{
height:640px;
}
#content{
width:990px;
height:640px;
background: white;
/*border:1px solid #35312c;*/
margin:0 auto;
position:absolute;
z-index:10;
left:50%;
margin-left:-495px;
font-family:Arial, Helvetica, sans-serif;
/*color:#35312c;*/
color:555555;
scrollbar-face-color: #FFFFFF;
scrollbar-highlight-color: #FFFFFF;
scrollbar-3dlight-color: #C0C0C0;
scrollbar-darkshadow-color: #C0C0C0;
scrollbar-shadow-color: #FFFFFF;
scrollbar-arrow-color: #4B4B4B;
scrollbar-track-color: #FFFFFF;
}

#left, #center, #rigth{
float:left;
}

	#left, #rigth{
		width:40%;
		height:100%;
	}
	
		#leftTop, #rigthTop{
		height:19%;
		width:100%;}
		
		#leftFoot, #rigthFoot{
		height:13%;
		width:100%;
		font-size:11px;
		font-weight:bold;
		text-align:center;
		}
		#leftFootMenu{
		height:11%;
		padding-top:3%;
		width:100%;
		font-size:11px;
		font-weight:bold;
		text-align:center;
		}
		#leftFoot3{
		height:100%;
		/*background:#f2f2f2;*/		
		-moz-border-radius: 12px;
		-webkit-border-radius: 12px;
		#margin-top:-4px;
		#line-height:1;
		}
		#leftFoot2{
		height:13%;
		width:100%;
		background:#f9f9f9;
		}
		 #rigthFoot{
		 text-align:right !important;}
		
			#submenu1, #submenu2, #submenu3, #submenu4, #submenu5{
			float:left;
			width:78px;
			height:35%;
			padding:1% 1px;
			margin:1px 0% 0%;
			}
			#submenu5{
			width:62px!important;}
			
			#submenu2{
			/*margin:1px 0% 0%;*/
			vertical-align:bottom !important;
			height:30%;
			}
			
			#submenu1 a, #submenu2 a, #submenu3 a, #submenu4 a, #submenu5 a{
			color:#35312c;
			text-decoration:none;
			}
			
			#submenu1 a:hover, #submenu2 a:hover, #submenu3 a:hover, #submenu4 a:hover, #submenu5 a:hover{
			color:#F4801F;
			}			
			
			#submenu1, #submenu2, #submenu3, #submenu4{
			border-right:1px solid #F4801F;}
		
		#leftMedium, #rigthMedium{
		height:68%;
		width:100%;
		background:#f9f9f9;
		border-bottom:1px solid #f9f9f9;
		border-top:1px solid #f9f9f9;
		}
			
			#box1, #box2, #box3, #box4, #box5{
			float:left;
			width:136px;
			height:122px;
			margin: 14px 31px;
			#margin: 10px 18px;
			background:#f9f9f9;
			}			
			
			#box3{
			float:none;
			margin:0 auto;
			clear:both;
			}
			
			#nombre, #nombre a{
			background:#464646;
			width:136px;
			height:21px;
			text-align:center;
			font-size:11px;
			line-height:180%;
			font-weight:bold;
			color:#e6e6e6;
			text-decoration:none;}
			#nombre a:hover{
			color:#fca140;}			
			
			.imgSubmenu{
			width:90%;
			height:90%;
			margin-top:17px;
			border: 8px solid #ffffff;
			-moz-border-radius: 12px;
			-webkit-border-radius: 12px;}
			
			.servicios{
			/*filter: alpha(opacity=60);
			-moz-opacity: 0.6;
			opacity: 0.6;*/}
			.servicios:hover{
			/*filter: alpha(opacity=100);
			-moz-opacity: 1.0;
			opacity: 1.0;*/
			filter: alpha(opacity=60);
			-moz-opacity: 0.6;
			opacity: 0.6;}
		
		#logeo{
		width:90%;
		height:70%;
		overflow:hidden;
		/*background:#f2f2f2;
		border-bottom:1px solid #727272;*/
		text-align:right;
		font-size:12px;
		font-weight:bold;
		line-height:180%;
		padding: 3% 6% 3% 3%;}
		
		.olvidoClave{
		font-size:10px;}
		
		#chat{
		float:left;
		padding:0% 2%;}
		
	#text{
	width:90%;
	#width:82%;
	height:85%;
	overflow:auto;
	margin:5%;
	font-size:12px;
	text-align:justify;
	background: #ffffff;
	padding:14px;
	-moz-border-radius:12px;
	-webkit-border-radius: 12px;
	}
	
	#text h1{
	color:#35312C;
	font-size:16px;
	margin:0px;
	}
			
		.inputLogeo{
		border:1px solid #cccccc;
		width: 110px;
		height: 15px;
		color:#35312c;
		padding:2px;}
		
		.boton{
		background:url(/imagenes/boton.png) no-repeat;
		width:80px;
		height:20px;
		border:0px;
		color:#FFFFFF;
		font-size:10px;
		font-weight:bold;
		padding:0px;
		margin:2px;
		cursor:pointer;}

	#center, #center a{
		background-color:#464646;
		width:20%;
		height:100%;
		#height:101%;
		color:#e6e6e6;
		font-weight:bold;
		text-align:center;
		line-height:185%;
		text-decoration:none;
		font-size:20px;
	}
	#center a:hover{
	color:#fca140;}
	
		.menuColor{
		color:#f7931e !important;}
		
#izquierda, #derecha{
float:left;
height:640px;
width: 50%;
position:absolute;
z-index:1;
}
#derecha
{
right:0;
}
.sub{
border-bottom:1px solid #F4801F;
margin-left:2px;
margin-right:2px;
padding-bottom:2px;
min-height:28px;
#z-index:100!important;
}