body{
	font-family:arial, sans-serif;
	background:url("../images/fondo.jpg") repeat;
}

#youtube{
	background: white;
	position: fixed;
	top: 150px;
	right:0;
	padding: 5px 3px;
}

#facebook{
	position: fixed;
	top: 300px;
	right:0;
}

#facebook:hover, #youtube:hover{
	right:2px;
}

#cintillo{width:100%;position:relative;z-index:10;}
#cintillo-conten{width:1050px;}

#cintillo, #cintillo-conten{
	border:0px solid blue;
	background-color:black;
	height:5px;
	margin:0px auto;
}

#cabecera{
	border:0px solid black;
	width:1050px;
	height:200px;
}

#menu-absolute{
	background-color: #9fb5b5;
	position: absolute;
	top: 205px;
	z-index: -1;
	width: 100%;
	height:46px;
}

#menu{
	border:0px solid green;
	background-color: #9fb5b5;
	width:1050px;
	height: 46px;
}

#menu a{
	text-decoration:none;
	color:black;
}

#menu ul li{
	position: relative;
	float:left;
}

.menu{
	border-right:1px solid #ddd;
	background-color: #9fb5b5;
	width: 115.5px;
	font-weight: bold;
	text-align: center;
	font-size: 16px;
	padding:15px 0px;
	float: left;
}

.menu:hover{
	background-color:#596666;
	color: white;
	cursor: pointer;
}

.diferente-padding{
	padding: 7px 0px;
}

#menu ul li:hover #menu-secundario{display:block;}

#menu-secundario{
	border: 1px solid #ddd;
	position: absolute;
	top:46px;
	left:-20px;
	z-index: 20000;
	display: none;
}

.menu-secundario{
	border-bottom:1px solid #ddd;
	background-color: #9fb5b5;
	width: 150px;
	font-weight: bold;
	text-align: center;
	font-size: 16px;
	padding:15px 0px;
	float: left;
}

.menu-secundario:hover{
	background-color:#596666;
	color: white;
	cursor: pointer;
}

#efecto{
	border:0px solid black;
	width:1050px;
	margin: 10px 0px 0px 0px;
}

#ladoi a{
	color:black;
}

.ficha{
	border: 1px solid #ddd;
	width: 103px;
	height: 125px;
	float: left;
	margin:0px 5px 10px 0px;
}

.ficha2{
	height: 170px;
	margin: 0 5px 20px 0;
}

.ficha:hover{
	background-color: #ddd;
}

.titulo-ficha{
	word-wrap: break-word;
	text-align: center;
	font-size: 14px;
}

.ficha img{
	width: 80px;
	margin:5px 0px 0px 10px;
}

#pie{
	border:0px solid blue;
	background-color:black;
	width:100%;
	height:350px;
	float:left;
}

#pie-conten{
	border:0px solid red;
	background-color: black;
	width:1050px;
	height:350px;
	margin:0px auto;
}

.seccion-pie{
	border:0px solid black;
	width:328px;
	float:left;
	padding:10px;
}

.seccion-pie a{
	color: white;
}

.seccion-pie a:visited{
	color: white;
}

.titulo-seccion-pie{
	border-bottom:1px solid gray;
	font-weight:bold;
	color: white;
	padding:0px 0px 6px 10px;
}

.desarrollo-seccion-pie{
	line-height:18px;
	color: white;
	text-align:justify;
	font-size:14px;
	padding:10px;
}

#pantalla-oscura{
	background-color: rgba(260,260,260,0.8);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#80FFFFFF,endColorstr=#80FFFFFF);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
	width: 100%;
	height: 100%;
	display: none;
}

#pantalla-blanca{
	border: 3px solid black;
	background-color: white;
	width: 400px;
	height: 330px;
	margin: 150px auto;
}

#titulo-login{
	background-color: #ddd;
	font-weight: bold;
	padding: 15px;
}

#desarrollo-login{
	padding: 20px;
}

#desarrollo-login input{
	border:1px solid gray;
	padding: 4px;
	margin: 0px 0px 10px 0px;
}

#desarrollo-login input:focus{
	border:1px solid gray;
}

#tags{
	width: 100px;
	line-height: 30px;
	float: left;
}

#inputs{
	width: 200px;
	float: left;
}

#cerrar{
	cursor:pointer;
}

#cerrar:hover{
	background-color: black;
	color:white;
}

#login-administrador{
	cursor: pointer;
}