/* 
	Trango News Styles
	by  Rubén Lozano - contacto@rubenlozano.com
	http://www.kenzenstudio.com | http://www.rubenlozano.com
	
	Style Index

		$1 - General Styles
		$2 - Header Styles
		$3 - Content Styles
		$4 - Sidebar Styles
		$5 - Footer Styles
		$6 - Form Styles
		$7 - Other Styles
*/

/* $1 - General Styles ///////////////////////////////////////////////////////////////////////////////////*/

* {
	margin: 0;
	padding: 0;
}

body {
	background: #DDD;
	font: 62.5%/1.5em Arial, Helvetica, sans-serif;
	color: #393939;
	width: 770px;
	margin: 0 auto;
}

img {
	border: none;
}

p {
	margin: 1.3em 0;
}

/* $2 - Header Styles ////////////////////////////////////////////////////////////////////////////////////*/

div#header {
	width: 770px;
	background: #FFF;
	position: relative;
	font-size: 1.2em;
	padding: 0 0 10px 0;
}

h1 {
	padding: 20px 20px;
}

	div#header .trangoads {
		position: absolute;
		right: 20px;
		top: 10px;
		font-size: 1.3em;
		width: 40%;
		text-align: right;
		line-height: 1.4em;
	}
	
		div#header .trangoads a:link {
			text-decoration: underline;
		}
		
		div#header .trangoads a:hover {
			color: #002D5C;
		}
	
	div#header .googleads {
		position: absolute;
		right: 20px;
		top: 25px;
	}

	div#header ul#main-nav {
		
	}
	
		div#header ul#main-nav li {
			display: inline;
			margin: 0 0 0 20px;
		}
	
	div#header p.date {
		position: absolute;
		right: 20px;
		bottom: -5px;
	}
	
	div#header a:link,
	div#header a:visited {
		text-decoration: none;
		color: #333;
		font-weight: bold;
	}
	
	div#header a:hover,
	div#header a:active {
		text-decoration: underline;
	}

/* $3 - Content Styles ///////////////////////////////////////////////////////////////////////////////////*/

div#content {
	background: #FFF;
	width: 770px;
	position: relative;
}

	div#content h2 {
		background: #002D5C url(../images/indicator.gif) left bottom no-repeat;
		border-top: 5px solid #003C7B;
		padding: 10px 20px 20px 20px;
		color: #FFF;
		font-size: 1.6em;
	}
	
	div#content p.rss {
		position: absolute;
		right: 20px;
		top: 0;
	}
	
		div#content p.rss a {
			color: #FFF;
			text-decoration: none;
			font-size: 12px;
			vertical-align: middle;
		}

	body#home div#content div.news {
	}
	
		body#home div#content div.news div.new {
			width: 48%;
			height: 160px;
			margin: 0 2% 5px 0;
			float: left;
		}
		
			body#home div#content div.news div.new h3 {
				font-size: 1.4em;
				border: none;
				padding: 0;
			}
			
			body#home div#content div.news div.new a:link,
			body#home div#content div.news div.new a:visited {
				text-decoration: none;
			}
			
			body#home div#content div.news div.new p {
				margin: .3em 0;
			}
	
	body#home div#content div.googlemaps {
		margin: 0 0 40px 0;
	}
		
	
div#main-content {
	background: #FFF;
	width: 480px;
	float: left;
	padding: 20px 20px 20px 20px;
	font-size: 1.2em;
	line-height: 1.5em;
}

	div#main-content h3 {
		color: #002D5C;
		font-size: 18px;
		border-bottom: 1px solid #DDD;
		padding: 0 0 .5em 0;
	}
	
	div#main-content h4 {
		color: #002D5C;
		margin: .5em 0;
		font-size: 1.2em;
	}
	
	div#main-content h5 {
		color: #333;
		margin: .5em 0;
		font-size: 1.1em;
	}
	
	div#main-content img {
		float: right;
		border: 3px solid #DDD;
		margin: 1em 0 1em 1em;
	}
	
	div#main-content ul {
		list-style: square inside;
		margin: 1.5em;
	}
	
	div#main-content ol {
		margin: 1.5em 1.5em 1.5em 2.8em;
	}
	
	div#main-content li {
		margin: .2em 0;
	}
	
	div#main-content a:link {
		color: #002D5C;
	}
	
	div#main-content a:visited {
		color: #444;
	}
	
	div#main-content a:hover,
	div#main-content a:active,
	div#main-content a:focus {
		color: #000;
	}
	
	div#main-content blockquote {
		font-family: Georgia, serif;
		background: url(../images/blockquote.gif) left top no-repeat;
		padding: .5em 2em;
		color: #666;
		font-size: 1.1em;
	}
	
	div#main-content p.date {
		font-style: italic;
		color: #666;
		margin: .5em 0;
	}
	
	div#main-content p.preamble {
		font-weight: bold;
		font-size: 1.1em;
	}
	
	div#main-content div.map {
		float: right;
		margin: 45px 0 20px 20px;
	}

/* $4 - Sidebar Styles ///////////////////////////////////////////////////////////////////////////////////*/

div#sidebar {
	background: #FFF;
	width: 230px;
	float: left;
	padding: 20px 20px 0 0;
	font-size: 1.2em;
}

	div#sidebar div.googleads {
		text-align: center;
		margin: 0 0 20px 0;
	}

	div#sidebar div#selects {
		background: #002D5C url(../images/selects_up.gif) top left no-repeat;
		margin: 0 0 20px 0;
	}
	
		div#sidebar div#selects div#search {
			padding: 20px 20px 10px 20px;
		}
			
			div#sidebar div#selects div#search input#ctl00_s {
				width: 115px;
				padding: 2px 1px;
				margin: 0 5px 0 0;
			}
			
			div#sidebar div#selects div#search input#ctl00_Button1 {
				width: 60px;
			}
		
		div#sidebar div#selects div#themes {
			padding: 20px 20px 10px 20px;
			background: #002D5C url(../images/selects_down.gif) bottom left no-repeat;
		}
		
			div#sidebar div#selects div#themes label {
				color: #FFF;
				padding: 5px 0 2px 0;
				display: block;
			}
			
			div#sidebar div#selects div#themes select {
				padding: 2px 1px;
				margin: 0 0 10px 0;
				width: 190px;
			}

	div#sidebar h4 {
		margin: 0 0 .5em 0;
		font-size: 1.2em;
		border: none;
	}

	div#sidebar ul#sec-nav {
		border-top: 1px solid #CCC;
		width: 100%;
		margin: 0 0 3em 0;
		list-style: none;
	}
	
		div#sidebar ul#sec-nav li {
			border-bottom: 1px solid #CCC;
			padding: .7em 0 .7em 2.4em;
			background: url(../images/icosidebar.gif) .7em center no-repeat;
		}
		
		div#sidebar ul#sec-nav li.dad {
			background: url(../images/icosidebar.gif) .7em .7em no-repeat;
		}
		
		div#sidebar ul#sec-nav ul {
			border: none;
			list-style: none;
			margin: .5em 0 0 0;
		}
		
			div#sidebar ul#sec-nav ul li {
				border: none;
				padding: .7em 0 .7em 1.2em;
				background: url(../images/icosidebar2.gif) left center no-repeat;
			}
		
		
		
	div#sidebar ul.news {
		border-top: 1px solid #CCC;
		width: 100%;
		margin: 0 0 3em 0;
		list-style: none;
	}
	
		div#sidebar ul.news li {
			border-bottom: 1px solid #CCC;
			padding: .7em 0 .7em 2.4em;
			background: url(../images/iconews.gif) .7em .8em no-repeat;
		}
		div#sidebar ul.news li strong {
			display: block;
			color: #002D5C;
		}
		
		div#sidebar ul.news li a:hover {
			font-weight: normal;
		}
		
	div#sidebar a:link,
	div#sidebar a:visited {
		color: #333;
		text-decoration: none;
	}

	div#sidebar a:hover,
	div#sidebar a:active,
	div#sidebar a:focus {
		color: #002D5C;
		font-weight: bold;
	}

/* $5 - Footer Styles ////////////////////////////////////////////////////////////////////////////////////*/

div#footer {
	background: #FFF;
	width: 730px;
	padding: 0 20px 20px 20px;
	border-top: 1px solid #CCC;
	font-size: 1.2em;
}

	div#footer a:link,
	div#footer a:visited {
		color: #333;
	}

	div#footer a:hover,
	div#footer a:active,
	div#footer a:focus {
		color: #002D5C;
	}

	p#credits {
		float: right;
	}

	p#copy {
		float: left;
	}

/* $6 - Form Styles //////////////////////////////////////////////////////////////////////////////////////*/

div#main-content form {
	border: 1px solid #DDD;
	margin: 1.5em 0;
	padding: 1.5em 1.5em .5em 1.5em;
}

	div#main-content label {
		display: block;
		font-weight: bold;
	}
	
	div#main-content input {
		width: 50%;
		display: block;
		margin: .5em 0 1.5em 0;
		padding: .3em;
	}
	
		div#main-content input#submit {
			width: auto;
			padding: .5em 1.5em;
			cursor: pointer;
		}
	
	div#main-content textarea {
		width: 90%;
		height: 10em;
		margin: .5em 0 1.5em 0;
		padding: .3em;
	}
	
	div#main-content textarea:focus,
	div#main-content input:focus {
		background: #FFF7C0;
	}
	
/* $7 - Other Styles /////////////////////////////////////////////////////////////////////////////////////*/

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

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */