/*
Azul: 004890
*/

body {
	/*background: url(../img/body.png) repeat-x;*/
}

a:link, a:visited {
	color: #004890;
}

.usc {
	background-image: url(../img/logo.png);
	width: 349px;
	height: 75px;
}
#cabeceira h1 {
	font-size: 1.3em;
	text-transform: uppercase;
	font-weight: normal;
}

#menu {
	font-size: 0.8em;
	/*background: #eee;*/
	background: #004890;
	border: solid 1px #ddd;
}
#menu a {
	color: #fff;
	/*background: none;*/
	background: #004890;
	padding: 3px 8px;
	float: left;
}
#menu a:hover, #menu .select a {
	background: #fff;
	color: #004890;
}

#buscador label {
	margin-right: 20px;
	font-size: 0.8em;
}

#buscador .exemplo {
	font-size: 0.75em;
}

#volumes a {
	font-size: 1.2em;
}

#buscador .exemplo a  {
	color: #004890;
}

#texto {
	width: 349px;
	background: url(../img/buscar.png) no-repeat;
	padding: 6px 5px 8px 5px;
	border: none;
	/*color: #999;*/
}
.buscar {
	width: 40px;
	height: 40px;
	margin-left: -55px;
	position: absolute;
}

ul#datos-busca {
	list-style: none;
	font-size: 0.8em;
	line-height: 1.4em;
	margin: 0;
}
ul#datos-busca strong {
	clear: left;
	color: #004890;
}




#pe {
	text-align: center;
	font-size: 0.7em;
}


#modal {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
}
#modal-background {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #ccc;
	
	opacity:.75;
	-moz-opacity: 0.75;
	filter: alpha(opacity=75);
}
#modal-content {
	position: relative;
	background: #fff;
	color: #000;
	width: 300px;
	margin: 20px auto;
	
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}
#modal-close {
	padding: 5px;
	text-align: right;
	font-size: 0.9em;
	border-bottom: solid 1px #004890;
}
#modal-close a {
	color: #004890;
	padding: 5px;
	text-decoration: none;
	font-weight: bold;
}
#modal-load {
	text-align: left;
	padding: 10px;
}

ul.formas {
	list-style: none;
	color: #999;
	font-size: 0.9em;
}







.tableone th, .tablemapa th {
	color: #fff;
	padding: 5px 10px;
	font-size: 0.8em;
	font-weight: normal;
	border: none;
}



.tableBlue th {
	background: #004890;
}

.tableOrange th {
	background: orange;
}

.tableRed th {
	background: red;
}




.tableone th a {
	color: #fff;
	text-decoration: none;
	background: url(../img/ordenar.png) no-repeat left center;
	padding-left: 15px;
}
.tableone th a:hover {
	text-decoration: underline;
}
.tabletwo td, .tablemapa td {
	color: #777777;
	font-size: 0.8em;
	border: none;
	/*padding: 3px 10px;*/
	padding-bottom: 5px;
	padding-top: 5px;
	border-top: 1px solid #DDD;
}

.tablemapa td {
	border: 1px solid #DDD;
	padding-left:10px;
}


.tabletwo td a {
	color: #004890;
	text-decoration: underline;
}
.tabletwo td a:hover {
	text-decoration: none;
}





.tableone th a.desc {background:url(../img/desc.png) no-repeat left center; cursor:pointer; padding-left:15px}
.tableone th a.asc {background:url(../img/asc.png) no-repeat left center; cursor:pointer; padding-left:15px}



.tableone {width:940px; border-collapse:collapse; margin:0 auto;}
.tabletwo {width:910px; border-collapse:collapse;}
.th1 {width:300px;}
.th2 {width:350px;}
.th3 {width:100px;}
.th4 {width:100px;}
.th5 {width:130px;}

.td1 {width:275px; padding-left:10px;}
.td2 {width:380px;}
.td3 {width:100px;}
.td4 {width:100px;}
.td5 {width:100px;}

.tdT1 {width:295px; padding-left:10px;}
.tdT2 {width:360px;}


.innerb {height:430px; overflow:auto;}



#descargar {
	font-size: 0.75em;
}
#descargar a, #descargar a:hover, #descargar a:active {
	color: #004890;
	padding: 5px 20px 5px 0;
	background: transparent url(../img/page_white_excel.png) no-repeat center right;
}
#descargar a:hover {
	/*
	background: #004890;
	color: #fff;
	*/
	text-decoration: none;
}







.tdfirst {vertical-align: top; color: black !important;}





#contido-texto {
	line-height: 1.3em;
	font-size: 0.9em;
	text-align: justify;
}
#contido-texto h2 {
	font-size: 1.3em;
	margin: 0 0 1em 0;
}
#contido-texto p, #contido-texto ul {
	margin-bottom: 1em;
}


#lang {
	margin: 0;
	padding: 0;
	font-size:0.8em;
	text-align: right;
}



div.side-by-side { width: 100%; margin-bottom: 1em; }
div.side-by-side > div { float: left; width: 49%; }
div.side-by-side > div > em { margin-bottom: 10px; display: block; }


.clearfix:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}	


/*Botones CSS
// http://www.red-team-design.com/just-another-awesome-css3-buttons
*/

.button
{
		display: inline-block;
		white-space: nowrap;
		background-color: #ccc;
		background-image: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ccc));
		background-image: -webkit-linear-gradient(top, #eee, #ccc);
		background-image: -moz-linear-gradient(top, #eee, #ccc);
		background-image: -ms-linear-gradient(top, #eee, #ccc);
		background-image: -o-linear-gradient(top, #eee, #ccc);
		background-image: linear-gradient(top, #eee, #ccc);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#eeeeee', EndColorStr='#cccccc');
		border: 1px solid #777;
		padding: 0 1.5em;
		margin: 0.5em;
		font: bold 1em/2em Arial, Helvetica;
		text-decoration: none;
		color: #333;
		text-shadow: 0 1px 0 rgba(255,255,255,.8);
		-moz-border-radius: .2em;
		-webkit-border-radius: .2em;
		border-radius: .2em;
		-moz-box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
		-webkit-box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
		box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
}

.button:hover
{
		background-color: #ddd;
		background-image: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#ddd));
		background-image: -webkit-linear-gradient(top, #fafafa, #ddd);
		background-image: -moz-linear-gradient(top, #fafafa, #ddd);
		background-image: -ms-linear-gradient(top, #fafafa, #ddd);
		background-image: -o-linear-gradient(top, #fafafa, #ddd);
		background-image: linear-gradient(top, #fafafa, #ddd);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#fafafa', EndColorStr='#dddddd');
}

.button:active
{
		-moz-box-shadow: 0 0 4px 2px rgba(0,0,0,.3) inset;
		-webkit-box-shadow: 0 0 4px 2px rgba(0,0,0,.3) inset;
		box-shadow: 0 0 4px 2px rgba(0,0,0,.3) inset;
		position: relative;
		top: 1px;
}

.button:focus
{
		outline: 0;
		background: #fafafa;
}    

.button:before
{
		background: #ccc;
		background: rgba(0,0,0,.1);
		float: left;
		width: 1em;
		text-align: center;
		font-size: 1.5em;
		margin: 0 1em 0 -1em;
		padding: 0 .2em;
		-moz-box-shadow: 1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,.5);
		-webkit-box-shadow: 1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,.5);
		box-shadow: 1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,.5);
		-moz-border-radius: .15em 0 0 .15em;
		-webkit-border-radius: .15em 0 0 .15em;
		border-radius: .15em 0 0 .15em;
		pointer-events: none;
}


/*Inputs redondeados y con foco azul brillante
//http://www.webstuffshare.com/2010/04/stylize-input-element-using-css3/
*/

input {
	padding: 3px;
	font-size: 15px;
	text-shadow: 0px 1px 0px #fff;
	outline: none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #AAAAAA;
	-webkit-box-shadow: 1px 1px 0px #efefef;
	-moz-box-shadow: 1px 1px 0px #efefef;
	box-shadow:  1px 1px 0px #efefef;
}

input:focus {
	-webkit-box-shadow: 0px 0px 5px #007eff;
	-moz-box-shadow: 0px 0px 5px #007eff;
	box-shadow: 0px 0px 5px #007eff;
}