/*   
Theme Name: GORE Arica y Parinacota
Theme URI: http://www.gorearicayparinacota.cl/
Description: Plantilla corporativa GORE Arica y Parinacota.
Author: ID1 & Patricio Mas
Author URI: http://www.id1.cl - http://www.patriciomas.cl
Version: 1.0
.

.
*/

/* ////////////////// reset ////////////// */

*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, 
pre, form, label, fieldset, input, p, blockquote, th, td { 
	margin:0; 
	padding:0;
}

table { 
	border-collapse:collapse; 
	border-spacing:0; 
}

fieldset, img { 
	border:0 
}

address, caption, cite, code, dfn, em, strong, th, var { 
	font-style:normal; 
	font-weight:normal;
}

ol, ul, li { 
	list-style:none 
}
caption, th { 
	text-align:left 
}

h1, h2, h3, h4, h5, h6 { 
	font-size:100%; 
	font-weight:normal 
}

q:before, q:after { 
	content:''
}
hr{
	border: none;
	border-top:1px solid #FEE39D;
	margin-top:17px;
	padding:3px;	
}
/* Global reset-RESET */
/* The below restores some sensible defaults */
	strong { 
		font-weight: bold 
	}
	
	em { 
		font-style: italic 
	}
	
	a img { 
		border:none;
	} /* Gets rid of IE's blue borders */
		
	:focus {
		outline: 0;
	}
	
/* ======= clearfix == */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}

/* fin reseter */


/* ////////////////// body ////////////// */

body {

	background-color: #fec83c;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}


/*#wrapper {*/
#container {
	width: 900px;
	margin: 0 auto;
	background-color: #fff;
}

/* ////////////////// header ////////////// */
	
	#header {

			position: relative;
/*			outline: 1px solid green;*/
			clear: both;
			height: 460px;
	}
	
	#header .description {
		display: none;
	}
	
		#top {
			height: 120px;
			padding: 10px 0px 0px 0px;
/*			outline: 1px solid ;*/
		}
		
			#top h1 a {
				display: block;
				background: url(images/logo.jpg) left top no-repeat;
				width: 420px;
				height: 80px;
				text-indent: -9999px;
				overflow: hidden;
				float: left;
/*				outline: 1px solid black;*/
			}
			
			#top h2 {
				display: block;
				background: url(images/logo_gob.jpg) left top no-repeat;
				width: 100px;
				height: 80px;
				text-indent: -9999px;
				overflow: hidden;
				float: left;
				margin-left: 332px;
/*				outline: 1px solid black;*/
			}

			
			#subnav {
				clear: both;
				padding: 10px 0px 0px 770px;
			}
			
			#subnav li {
				float: left;
				margin-right: 6px;
			}
			
			#subnav li .btn_inicio, #subnav li .btn_contacto, #subnav li .btn_mapa  {
				display: block;
				width: 13px;
				height: 13px;
				text-indent: -9999px;
				overflow: hidden;
			}
			
				#subnav li .btn_inicio {
					background: url(images/btn_inicio.jpg) left top no-repeat;
				}
				
				#subnav li .btn_contacto {
					background: url(images/btn_contacto.jpg) left top no-repeat;
				}
				
				#subnav li .btn_mapa {
					background: url(images/btn_mapa.jpg) left top no-repeat;
				}

/*		#banner {
			background: url(images/imagen01.jpg) left top no-repeat;
			width: 900px;
			height: 317px;
		}*/
		
		#slidebanners img{
			border: 0 none;
			margin: 0;
		}
		
		#nav {
			width: 866px;
			height: 55px;
			margin: 0 auto;
			position: absolute;
			top: 115px;
			left: 17px;
/*			outline: 1px solid red;*/
			background: url(images/sop_nav.png) left top no-repeat;
			font-size: 14px;
			padding: 14px 0px 0px 13px;
/*			outline: 1px solid black;*/
			z-index: 999;
		}
			
			#nav li {
				display: inline;
				padding: 0px 28px;
				background-color:#fff;
				border-right: 1px solid #ccc;
			}
			
			#nav a {
				text-decoration: none;
				color: #415621;
			}
			
			#nav a:hover {
				color: #fc7713;				
			}
			
			#nav .page-item-38 {
				border: 0px;
			}
			
			#nav li.borderless {
				border: none;
			}
		
		#searchfield {
			width: 866px;
			height: 40px;
			margin: 0 auto;
			position: absolute;
			bottom: 0px;
			left: 17px;
			background: url(images/sop_search.png) left top no-repeat;	
			z-index: 4;
		}
		
			#searchform {
				padding: 12px 10px 0px 0px;
			}
			
				#searchform input {
					border: 1px solid #ccc;
					float: right;
				}
				
					#searchform label {
						display: none;
					}
					#searchform input#searchinput{
						margin-right: 5px;
						text-indent: 5px;
					}
				
					#searchform button {
						display: block;
						background: url(images/button.jpg) left top no-repeat;
						width: 22px;
						height: 22px;
						border: 0px;
						text-indent: -9999px;
						overflow: hidden;
						float: right;
						cursor: pointer;
					}
		
		.borderless {
			border: 0px;
		}


/* ////////////////// content ////////////// */

	#content {
/*		border-top: 1px solid red;
		border-bottom: 1px solid red;*/
		width: 605px;
		float: left;
		padding: 20px 14px 0px 16px;
		position: relative;
	}
	
		#content h2, #content h3 {
			margin-bottom: 5px;
		}
				
			#content h2, #content h3, #content h2 a, #content h3 a {
				text-decoration: none;
				color: #fc7713;
				font-size: 17px;
				font-weight: bold;
			}


			#content h2.titulo {
				font-size: 32px;
				color: #90BC53;
				position: absolute;
				top: -25px;
				left: 40px;
				z-index: 10;
				height: 30px;
				line-height: 37px;
			}

			#content {
				color: #333333;
				line-height: 18px;
				float: left;
			}
			
			#content p {
				margin-bottom: 15px;
			}
			#content a {
				color: #006699;
			}
			#content a:hover {
				text-decoration: none;
				color: #FF3300;
			}
			#content li{
				padding-left: 20px;
				list-style: inside square;
			}
			#content object {
				/*margin-bottom: 40px;*/
			}
			
			iframe {
				/*padding-top: 53px;*/
				/*background: url(images/bkg_galeria.jpg) left top no-repeat; */
			}	
			
/*			#content .wordtube {
				padding-top: 53px;
				background: url(images/bkg_videos.jpg) left top no-repeat;
			}*/

			/* galeria de fotos */
			
			#content .video {
				clear: both;
			}
			#content .galeria_imagenes h3 a, #content .video h3 a {
				display: block;
				width: 605px;
				height: 53px;
				text-indent: -9999px;
				overflow: hidden;
				clear: both;
			}
			
			#content .galeria_imagenes h3 a {
				background: url(images/bkg_galeria.jpg) left top no-repeat;
			}
			
			#content .video h3 a {
				background: url(images/bkg_videos.jpg) left top no-repeat;
				margin-top: 43px;
			}
			
				#content .galeria_imagenes p.fecha, #content .galeria_imagenes p.fecha {	
					display: none;
				}
			
			.resaltado {
				background-color: #999999;
			}
.mas-medios{
	text-align: right;
}
.mas-medios a{
	text-decoration: none;
	font-size: 11px;
}
/* ----- tablas en el los contenidos ------*/		
		#content table {
			margin: 0 auto;
			width: 600px;
			border-top: 1px solid #999;
			border-left: 1px solid #999;
			font-size: 11px;
			color: #333;
			text-indent: 5px;
			margin-bottom: 25px;
		}
		
		#content table.concursos {
			width: 450px;
			margin: 0 auto;
			margin-bottom: 25px;
		}
		
			#content table td, #content table th {
				border-bottom: 1px solid #999;
				border-right: 1px solid #999;
				padding: 2px;
			}
			
			#content table th {
				background-color:#fc7713;
				color: #fff;
				font-weight: bold;
				text-align: center;
				font-size: 12px;
			}
		
				#content table td a {
					color: #006633;
				}
				
				#content table td.mayuscula{
					text-transform: uppercase;
				}
				
	
/* ----- Posts ------*/	
		
		#content .main_post, #content .page_post  {
			border-bottom:1px solid #FEE39D;
			width:605px;
			padding-bottom: 10px;
			margin-bottom: 10px;
			overflow: hidden;
		}
		
			#content .main_post p a img, #content .main_post p img, #content .page_post p a img, #content .page_post p img{
				float: right;
				display: block;
				width: 247px;
				height: 186px;
				margin: 0px 2px;
			}

		#content .main_post h2, #content .post h2, #content .page_post h3 {
				text-decoration: none;
				color: #fc7713;
				font-size: 17px;
				font-weight: bold;
		}
				
		
		#content .post {
			float:left;
			margin-top:15px 0px;
			width:287px;
			overflow: hidden;
			padding: 0px 10px 10px 5px;
		}
		
			#content .post p a img, #content .post p img {
				float: right;
				display: block;
				width: 127px;
				height: 95px;
				margin: 0px 2px;
			}
		
			#content .fecha {
				color: #0662a2;
				font-size: 10px;
				margin-bottom: 5px;
			}
				
			#content a.more-link {
				color: #0662a2;
				font-size: 10px;
				text-decoration: none;
				float: left;
				padding: 10px;
				width: 100%;
/*				outline: 1px solid red;*/
				text-align: right;
			}
			
		
			
/*#content p {
	line-height:25px;
	margin:25px 0;
	font-size:110%;
	word-spacing:2px;
}

#content a {
	text-decoration:none;
	color:#333;
	border-bottom:1px solid #eee;
}

#content a:hover {
	color:#000;
}

#content h2 {
	font-family:"Times New Roman", Times, serif;
	font-size:2.8em;
	font-weight:normal;
	margin:15px 0;
	border-bottom:1px solid #f6f6f6;
	padding:5px 0;
	line-height: 30px;  
}

#content h2 a {
	color:#444;
	text-decoration:none;
	border:none;
}

#content h3 {
	margin:10px 0;
	font:160% Trebuchet MS;
	color:#222;
}

#content ul, ol {
	margin:10px 10px 10px 25px;
	border-top:1px solid #eee;
}

#content li {
	padding:10px;
	border-bottom:1px solid #eee;
}
*/
/* ////////////////// side ////////////// */

#sidebar #searchform {
	display: none;
}

	#sidebar {
		border-left: 1px solid #fee39d;
		width: 230px;
		float: left;
		padding: 5px 15px 0px 15px;
		margin-bottom: 20px;
	}
	#sidebar img{
		border: none;
		background: none;
	}
	#sidebar div {
		margin-bottom: 15px;
	}
	
	#sidebar a.banner01, #sidebar a.banner02, #sidebar a.banner03, #sidebar a.banner04,
	#sidebar a.banner05, #sidebar a.banner06, #sidebar a.banner07, #sidebar a.banner08,
	#sidebar a.banner09, #sidebar a.banner_especial {
		display: block;
		text-indent: -9999px;
		width: 230px;
		height: 100px;
	}
	
	#sidebar a.banner01{
		background: url(images/banner01.jpg) left top no-repeat;
		height: 130px;
	}
	
	#sidebar a.banner02{
		background: url(images/banner02.jpg) left top no-repeat;
	}
	
	#sidebar a.banner03{
		background: url(images/banner03.jpg) left top no-repeat;
	}
	
	#sidebar a.banner04{
		background: url(images/banner04.jpg) left top no-repeat;
	}
	
	#sidebar a.banner05{
		background: url(images/banner05.jpg) left top no-repeat;
	}
	
	#sidebar a.banner06{
		background: url(images/banner06.jpg) left top no-repeat;
	}
	
	#sidebar a.banner07{
		background: url(images/banner07.jpg) left top no-repeat;
	}
	
	#sidebar a.banner08{
		background: url(images/banner08.jpg) left top no-repeat;
	}
	
	#sidebar a.banner09{
		background: url(images/banner09.jpg) left top no-repeat;
	}
	
	#sidebar a.banner_especial {
		background: url(images/banner_gob.jpg) left top no-repeat;
		width: 230px;
		height: 43px;
	}
	#sidebar h2{
		display: none;
	}
	#sidebar .tituloAgenda {
		display: block;
		background: url(images/bkg_agenda.jpg) left top no-repeat;
		padding-top: 35px;
		text-indent: -9999px;
		overflow: hidden;
	}
	
	#sidebar h5 {
/*			width: 37px;*/
			height: 37px;
			background-color: #fc7713;
			float: left;
			color: #fff;
			text-align: center;
			margin-right: 5px;
			font-size: 18px;
	}
	

	#sidebar .agenda {
		margin-bottom: 15px;
	}

	#sidebar .agenda a {
		text-decoration: none;
		color: #006633;
	}
	
	#sidebar .agenda a:hover {
		text-decoration: underline;
	}
	
/*	.event_even, .event_odd {
		display: none;
	}*/





/*	#side ul.agenda {
		background: url(images/bkg_agenda.jpg) left top no-repeat;
		padding-top: 54px
	}
	
		#side ul.agenda li a {
			text-decoration: none;
			color: #006633;
		}
		
		#side ul.agenda li a:hover {
			text-decoration: underline;
		}
		
		#side ul.agenda li .enlace {
			width: 186px;
			float: right;
		}*/

		#sidebar ul li.lista_eventos {
/*			outline: 1px solid red;*/
			padding-bottom: 5px;
			margin-bottom: 10px;
			clear: both;
			overflow: hidden;
			
		}
		#sidebar .date {
			width: 37px;
			height: 37px;
			background-color: #fc7713;
			float: left;
			color: #fff;
			text-align: center;
			font-weight: bold;
			padding: 2px;
			font-size: 17px;
			line-height: 18px;
		}
		
			#sidebar .dia{
				font-size: 18px;
			}
			
		#sidebar .enlace {
			width: 186px;
			float: right;
			text-decoration: none;
			color: #006633;
		}
		
			#sidebar .enlace a {
				text-decoration: none;
				color: #006633;
			}

			#sidebar .enlace a:hover {
				text-decoration: underline;
			}
			
			
			
			
/* jdsgcgsfgjdfgjhsdghjgfhgfhgfhgjhghhjvghjvghjfvghjfgvhjfghjdfgjh*/
/*#sidebar h2 {
	letter-spacing:2px;
	font-size:1.4em;
	color:#333;
	border-bottom:1px solid #f6f6f6;
	padding:0 0 3px 0;
}

#sidebar ul {
	list-style:none;
	margin:0 0 20px 0;
}

#sidebar li {
	padding:3px;
	border-bottom:1px solid #f6f6f6;
}

#sidebar li a {
	color:#333;
	text-decoration:none;
}

#sidebar input {
	width:240px;
	padding:5px;
	background:#fdfdfd;
	color:#444;
	border:1px solid #f6f6f6;
	font:11px Verdana;
}

#sidebar input:focus {
	background:#fff;
	border:1px solid #eee;
}

#sidebar li a:hover {
	color:#000;
}*/


/* ////////////////// footer ////////////// */

	#footer {
		width: 746px;
		height: 22px;
		margin: 0 auto;
		background: url(images/bkg_footer.jpg) left top no-repeat;
/*		outline: 1px solid blue;*/
		clear: both;
		padding: 5px 50px 5px 70px;
		line-height: 23px;
		background-color: #fff;
		text-align: center;
	}
	
	#footer ul {
		margin: 0 auto;
	}
	
	#footer ul li {
		display: inline;
		padding: 0px 15px;
		border-right: 1px solid #fc7713;
		color: #fc7713;
	}
	
	#footer ul li.borderless {
		border: 0px;
	}
	#footer p{
		font: normal 11px Arial;
		color: #fc7713;
		padding: 10px 0;
	}
	#footer a{
		font: normal 11px Arial;
		color: #fc7713;
		text-decoration: none;
	}
	#footer a:hover{
		color: #006699;
	}.clear {
	clear:both;
}

p.news {
	padding:10px;
	background:#D7F0B2;
	margin:10px 0;
	color:#537B17;
	border-bottom:2px solid #BCE67D;
	border-top:2px solid #BCE67D;
}

blockquote {
	padding:5px 15px;
	background:#f6f6f6;
	margin:10px 0;
	border:1px solid #eee;
}

img {
	background:#ccc;
	padding:1px;
	border:5px solid #eee;
}

a.more {
	display:block;
	text-align:right;
	color:#2F460D;
	text-decoration:none;
	margin:10px 0 0 0 ;
}
a.more:hover {
	text-decoration:underline;
}

textarea#comment { 
	width: 591px; 
	padding: 5px;
	font: normal 17px Arial;
	color: #006699;
}  

/* --------------- Comments ------------------- */
.link-respond{
	float: right;
}
.link-respond a{
	text-decoration: none;
	color: #91BC53!important;
}
.link-respond a:hover{
	color: #FF6600!important;
}
.commentmetadata { 
	font-size: 10px; 
}
.navigation{
	text-align: center;
}
.navigation a{
	text-decoration: none;
}
#comments{
	color:#FC7713;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
}
.nocomments {
	font: italic 12px Arial;
	color: #FF9900;
}
#submit{
	float: right;
	border: none;
	background: #F88C20;
	font: normal 18px Arial;
	color: #FFF;
	padding:3px 5px;
}
#content .commentlist li{
	list-style-image:none;
	list-style-position: outside;
	list-style-type:none;
	border-bottom: #CCC 1px solid;
	margin-bottom: 10px;
}
.avatar{
	display: none;
}
.fn, .says{
	font-size: 15px;
}
.commentmetadata{
	padding-bottom: 10px;
}

/* Documentos */

#lista-documentos {
   list-style-type: none;
   background-color: #f88c20;
   /*background-color: #91bc53; verde */ 
   padding-bottom: 5px;
   margin-left: 1px;
   padding-right: 4px;
}

#lista-documentos ul {
   list-style-type: none;
}

#lista-documentos img {
   padding: 8px 11px 8px 8px;
   margin-top: 5px;
   margin-bottom: 5px;
   margin-left: 0px;

}

/*# p.titulo-doc {}*/

/*#lista-documentos img:hover {
   background-color: #faaa40;
}*/

a.doc {
   line-height: 1.6em;
   margin-left: 4px;
   padding: 4px 4px 4px 4px;
   color: white;
   font-family: sans-serif;
   font-size: 1.4em;
   text-decoration: none;
   display: block;
}

a.doc:hover {
   background-color: #faaa40;
}
/*#lista-documentos li:hover {
   background-color: #faaa40;
}*/

/* Software libre recomendado */
#caja-programas {
  width: 232;
  border-style: solid;
  border-width: 1px;
  /*border-color: #BBBBBB;*/
  border-color: #999;
  text-align: left;
  padding-left: 20px;
  padding-right: 20px;
  font-family: sans-serif;
}

.programa {
  text-decoration: none;
  color: black;
  line-height: 2em;
  /*font-weight: bold;*/
}

/*
.programa:hover {
  background-color: #f88c20;
  color: white;
}*/