@font-face{font-family: bank;src: url('../tipografia/bankgthl.ttf');}
@font-face{font-family: contarell;src: url('../tipografia/Cantarell-Regular.ttf');}

#fixedmenu { position: fixed; top: 0px;}

td{font-family:cantarell;}
p{font-family:cantarell;text-align:justify;}
h4,h3,h2,h1{font-family:bank;color:#003F87;}
h2.indexInfo{color:#B22222;}
h1.header{color:#FFF;font-size:54px;text-shadow: 2px 2px 2px #222;}
p em{color:#B11111;}
li{font-family:bank;margin: 5px 0 0 0;}

html, body {
	margin:0;
	width:100%;
	height:100%;
}

body {
	background:url(../imagenes/bg3.jpg);
}

header {
	top:0;
	text-align:center;
	background:#B22222;/*004F87*/
	width:100%;
	position:fixed;
	z-index:1000;
	border-bottom:1px solid #333;
	box-shadow: 0px 0px 4px 1px #333;
}
header ul.nav {
	list-style:none;
	display:inline-block;
	padding:0;
	margin:0;
	margin-bottom:-4px;
	overflow:hidden;
}
header ul.nav li {
	display:inline-block;
	float:left;
	text-align:center;
	border-right:1px solid #822222;
	padding:0;
	margin:0;
}
header ul.nav li.menu {
	border-left:1px solid #d22222;
}
header ul.nav li.first {
}
header ul.nav li.last {
	border-right:none;
}
header ul.nav li a {
	text-decoration:none;
	color:#fff;
	display:block;
	padding-left:20px;
	padding-right:20px;
	padding-top:10px;
	padding-bottom:10px;
}
ul.nav li.menu a:hover {
	background-color:#d22222;
	color:#fff;
}
/*ul.nav li:hover {
	background-image:url(../imagenes/hover.png);
	background-repeat:no-repeat;
	background-position:bottom;
	background-size:80% 5px;
}*/
ul.nav li.activo a {
	background-image:url(../imagenes/active.png);
	background-repeat:no-repeat;
	background-position:bottom;
	background-size:80% 5px;
	/*background-color:#fff;
	color:#004F87;*/
}
ul.nav li.activo a:hover {
	background-image:url(../imagenes/active.png);
	background-repeat:no-repeat;
	background-position:bottom;
	background-size:80% 5px;
	background-color:#B22222;
	/*color:#004F87;*/
}

.container {
	text-align:center;
}

.content {
	margin-right:auto;
	margin-left:auto;
	margin-top:70px;
	background:#FFFFFF;
	color: #000000;	
	padding: 20px; 
	border-bottom-right-radius: 10px; 
	border-top-left-radius: 10px; 
	border-top-right-radius: 10px; 
	border-bottom-left-radius: 10px; 
	width:80%; 
	text-decoration: none; 
	box-shadow:0px 0px 3px #888;
}

footer {
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	font-family: 'Cantarell', arial, serif;
	font-size: 14px; 
	background:#FFF; 
	/*width:100%; */
	margin-top:80px; 
	padding:25px; 
	border-top:1px solid #ccc;
}

footer img {
	width:22px;
}
footer img.bottom {
	opacity:0.4;
}
footer img.top {
	display:none;
}
footer img#scalini_footer {
	width:70px;
}
footer a {
	text-decoration:none;
	color:#000;
}
footer td.links a:hover {
	opacity:0.6;
}
footer td:hover img.top {
	display:inherit;
}
footer td:hover img.bottom {
	display:none;
}


@media (max-width: 1000px){
	div.content {
		width:90%;
	}
	header {
		width:100%;
	}
	footer table {
	}
}

@media (max-width: 820px){
	.content {
		margin-top:150px;
	}
	
	ul.nav li {
		width:49%;
		float:left;
		border-left:1px solid #d22222;
		border-bottom:1px solid #822222;
	}
	ul.nav li a {
		padding:0;
	}
	
	footer table {
	}
}
@media (max-width:480px) {
	header {
		position:static;
	}
	.content {
		margin-top:30px;
	}
}