@charset "utf-8";
/* CSS Document */


body {	
	margin:0;
	padding:0;
	
	/*Fonts------------*/
 	/*font-family: Arial, Helvetica, sans-serif;*/
	font:1em "Trebuchet MS",arial, verdana,sans-serif;
 	font-size: 12px;
 	color: #333;
	text-align: left;
 	line-height:150%;
	
	/*Display------------*/
	/*background-color:#0129CA;*/ /*BLUE DARK*/
	/*background-color:#C6D6E3;*/ /*BLUE LIGHT*/
	/*background-color:#D5E4F0;*/ /*BLUE LIGHT*/
	background-color:#E2EDF3; /*BLUE LIGHT*/
	
	
 	/*Centering------------*/
	min-width: 980px;
}

.container{
	/*border:#000 1px solid;*/
	background-color:#FFF;
	position: relative;	
	width:980px;
	padding:0;
	/*centering page*/
	margin-left:auto;
  	margin-right:auto;	
	/*design*/
	background:#FFF;
}
/*html>body .container { padding:0px; }*/ /*-- all browsers --*/


.header {
	/*border:5px solid #E4E4E4;*/
	margin-bottom:20px;
	position: relative;	
	/*width:970px;*/ /*980-(5*2)*/
	width:980px;
	height:100px;
	background: url(../images/header.jpg) top left no-repeat;
}


.leftcol {
	clear:both;
	/*border:red 1px solid;*/
	margin-left:5px;
	position: relative;	
	float:left;
	width:180px;
}

.centercol {
	/*border:red 1px solid;*/
	position: relative;	
	float:left;
	width:450px;
	margin-left:20px;
	margin-bottom:20px;
}

.rightcol {
	/*border:red 1px solid;*/
	position: relative;	
	float:right;
	width:300px;
	margin-right:5px;	
}

.footer {
	border-top:3px solid #D6D6D6;
	clear:both;
	background-color:#4E6A87;
	margin-top:20px;
}




/*********************/
/* LEFT BOX        */
/*********************/
#leftbox {
	border:5px solid #E4E4E4;
	width:170px;/*180-(5*2)*/
	margin-bottom:10px;
	
}
#leftbox .inborder{
	border:1px solid #999;
	width:auto;
}
#leftbox h3 {
	margin:10px 0 0 10px;
	padding:0;
}



/*********************/
/* RIGHT BOX        */
/*********************/
#rightbox {
	clear:both;
	border:5px solid #E4E4E4;
	width:290px;/*290-(5*2)*/
	margin-bottom:10px;
}
#rightbox .inborder {
	border:1px solid #999;
	width:auto;
	padding:10px;
}
#rightbox h2 {
	margin:0;
	padding:0 0 10px 0;
}
#rightbox h3 {
	margin:0;
	padding:0 0 5px 0;
}



/*********************/
/* SIDE NAVG         */
/*********************/


ul#sidenav {
	/*border: solid red 1px;*/
	position: relative;
	top: 0px;
	left: 0px;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	font-family:Verdana, Geneva, sans-serif;
	font-size:120%;
	line-height:170%;
	/*background: url(../images/redstrp_vrt.gif) top right repeat-y;*/
}
ul#sidenav li {
	display: inline;
}
ul#sidenav a, ul#sidenav a:visited {
	display: block;
	width:163px; /* 180 - (2*5) - 5 */
	padding: 5px 0 5px 5px;
	text-decoration: none;
	color:#333333;
	border-bottom: 1px dashed #B4B4B4;
	/*background:#ACC0D7;*/
}
ul#sidenav a:hover {
	color:#0000FF;
	background:#EEF2F2;
	text-decoration: none;
	/*background:url(../images/nav_backg.jpg) top left repeat-y;*/
}
ul#sidenav a.active{
	color:#FFF;
	background:#B7C7D0; /*#4E6A87*/;
	text-decoration: none;
	/*background:url(../images/nav_backg.jpg) top left repeat-y;*/
}
ul#sidenav a.noborder {
	padding: 5px 0 7px 5px; /* */
	text-decoration: none;
	border: none;
}



/*********************/
/* SMALL NAV         */
/*********************/
ul#smallnav {
	/*border: solid red 1px;*/
	position: relative;
	top: 0px;
	left: 0px;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	font-family:Verdana, Geneva, sans-serif;
	font-size:90%;
	line-height:120%;
}
ul#smallnav a:link, ul#smallnav a:visited {
	display: block;
	width:150px; /* 180 - (2*5) - 5 */
	padding: 10px 0 10px 0;
	margin-left:10px;
	text-decoration: none;
	color:#333;
	border-bottom:1px dotted #CCC;
}
ul#smallnav a:hover {
	color:#00F;
	text-decoration:underline;
}


/*********************/
/* TOP NEWS        */
/*********************/
#topnews {
	/*border:1px solid blue;*/
	background-color:#72ABEB;
	margin-bottom:10px;
}
#topnews h2 {
	/*border:1px solid red;*/
	font-size:18px;
	color:#E4E4E4;
	background-color:#003;
	padding:10px;
	margin:0;
	width:auto;
	clear:both;
}
#topnews img {
	/*border:1px solid red;*/
	float:left;	
}
#topnews div#left {
	float:left;
}
#topnews div#right {
	float:right;
	padding:5px;
	width:210px;
}
#topnews h3 {
	/*border:1px solid red;*/
	padding-top:5px;
	margin:0 0 10px 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#003;
}
#topnews a, #topnews a:visited {
	color:#003;
	text-decoration:none;
}
div#right a:hover {
	color:#003;
	text-decoration:underline;
}
#topnews p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#003;
}
#topnews p.small {
	font-size:10px;
	line-height:12px;
	color:#003;
	padding-top:10px;
}
#topnews div.small p {
	font-size:10px;
	line-height:12px;
	color:#003;
	padding-top:10px;
}


/*********************/
/* BIG LISTING      */
/*********************/
#biglist {
	border: 1px solid #417096;
	margin-top:10px;
	padding:5px;
}

#biglist h2 {	
	font-size:18px;
	color:#E4E4E4;
	background-color:#4E6A87;
	padding:10px;
	margin:0;
	width:auto;
	clear:both;
}
#biglist a#more, #biglist a:visited#more { /* "more" link*/
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#314C68;
	font-weight:bold;
	margin:0 0 0 20px;	
}
ul#biglist {
	border: none;
	/*border:1px solid red;*/
	list-style: none;
	margin:5px 0 5px 0;
	padding:0;
}
ul#biglist li {
	/*border: solid red 1px;*/
	padding:0;
	margin:0;
	
	background-image: url(../images/bullet_doublearrow_pink.gif);
	background-repeat: no-repeat;
	background-position: 0 10px;
	
}
ul#biglist a, ul#biglist a:visited {
	/*border: solid red 1px;*/
	display: block;
	width:auto; /* 180 - (2*5) - 5 */
	padding: 5px 0 5px 0;
	margin:0 0 0 20px;
	text-decoration: none;
	border-bottom:1px dotted #CCC;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#417096;
}
ul#biglist a:hover {
	color:#00F;
	text-decoration:underline;
}



/*********************/
/* FOOTER        */
/*********************/
#navblock {
	margin:0 0 0 30px;
	padding: 10px 0 10px 0;
}
ul#footerlist {
	border-right: 1px dotted #8CBFC8;
	float:left;
	width:100px;
	margin:0 0 0 10px;
	padding-left:20px;
	list-style-type:none;
}
ul#footerlist li {
	/*border: solid red 1px;*/
	padding:0;
	margin:0;
}
ul#footerlist a, ul#footerlist a:visited {
	display: block;
	padding: 2px 0 2px 0;
	margin:0;
	text-decoration: none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#FFF;
}
ul#footerlist a:hover {
	text-decoration:underline;
}

#disclaimer p {
	/*border:1px solid red;*/
	float:right;
	width:350px;
	padding:0;
	margin: 0 50px 0 0;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	text-align:justify;
}

#copyright {
	width:auto;
	padding:5px 0 5px 50px;
	color:#8CBFC8;
	background-color:#003;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
}


/*********************/
/* SEARCH        */
/*********************/
#searchbox {
	/*border:1px solid red;*/
	width:auto;
	padding-bottom:20px;
	margin-bottom:20px;
}
#searchnav {
	/*border:1px solid green;*/
	float:right;
	width:290px;
}
	
#searchnav .search-left {
	position:absolute;
	background: url('../images/search/search_left.jpg') no-repeat scroll top left;
	width:10px;
	height:30px;
	margin-left:-10px;
}
	
#searchnav .search-button {
	text-indent:-3000px;
	position:absolute;
	background: url('../images/search/search_bttn.jpg') no-repeat scroll top right;
	width: 90px;
	height: 30px;
	margin-left:200px;
	cursor: pointer;
	z-index:10;
}
#searchnav input {
	position:absolute;
	border:0;
	height:30px;
	background: url('../images/search/search_extd.jpg') repeat-x top right;
	/* */
	line-height:30px;
	margin:0; padding:0 3px 0 3px;
	color:#666;
	font-size:11px;
	font-weight:bold;
	width:200px;
}
html>body #searchnav input { padding:0 3px 10px 3px; } /*-- all browsers --*/

@-moz-document url-prefix() { 
		#searchnav input { 
			margin:0; padding:8px 3px 0 3px;
		} 
	}


/*********************/
/* CONTENT       */
/*********************/


#content h1 {
	/*border:1px solid red;*/
	color:#003;
	font-family:Arial, Helvetica, sans-serif;
	font-size:21px;
	line-height:24px;
	margin-top:0;
	padding-top:0;
}
#content h1.voces {
	margin:0 0 10px 0;
	padding:0;
}
#content h2 { /* page subhead */
	/*border:1px solid red;*/
	color:#A5B8C0;
	font-size:18px;
	font-family:Verdana, Geneva, sans-serif;
	padding:20px 0 5px 0;
	margin:0 0 20px 0;
	border-bottom:5px solid #A5B8C0;
}
#content h2.socialnav { /* page subhead with socialnav under */
	padding:20px 0 5px 0;
	margin:0 0 0 0;
}

#content h3 {
	color:#003;
	font-size:14px; /*IE only*/
	font-family:Verdana, Geneva, sans-serif;
} html>body #content h3 { font-size:16px; } /*-- all browsers --*/

#content p {
	color:#003;
	font-size:12px;
	font-family:Verdana, Geneva, sans-serif;
	line-height:18px;
	margin-top:5px;
}
#content p.date {
	margin:0 0 5px 0;
	padding:0;
}

#content #socialnav {
	/*border:1px solid red;*/
	border-bottom:3px solid #CED8DB;
	margin:0 0 10px 0;
	padding:3px 0 3px 0;
}
#content #socialnav .left {
	float:left;	
	margin-top:2px; /*even buttons height */
}
#content #socialnav .right {
	float:right;	
}

ul#content {
	border: none;
	position: relative;
	width:auto;
	margin:0 0 10px 0;
	padding-left:1em;
	list-style-type:square;
	/* */
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#003;
}
ul#content li {
	/*border: solid red 1px;*/
	padding:5px 0 5px 0;
	margin:0;
}
ul#content a, ul#content a:visited {
	/*border: solid red 1px;*/
	display: block;
	width:auto; /* 180 - (2*5) - 5 */
	padding:0;
	margin:0;
	text-decoration: none;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#417096;
}
ul#content a:hover {
	color:#00F;
	text-decoration:underline;
}

#centerbox {
	border:5px solid #E4E4E4;
	width:440px;/*450-(5*2)*/
	margin-bottom:10px;	
}

#centerbox .inborder {
	border:1px solid #999;
	width:auto;
	padding:10px;
}

/*********************
	ARCHIVES  
/*********************/
#content #archivo {
	border-bottom:1px dotted #ccc;
	padding:10px 0 10px 0;
}
#content span.date {
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#999;
	margin:0;
	padding:0;
}
#content span.author {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#666;
	margin:0;
	padding:0;
}
#content span.searchdate {
	font-size:10px;
	color:green;
	font-weight:bold;
}
#content #archivo p {
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#666;
	margin:0;
	padding:0;
}
#content #archivo a, #content #archivo a:visited {
	color:blue;
}
#content #archivo a:hover {
	color:#003;
}

/*********************
	RECORDNAV (Archivos y Search)         
*********************/
#content #recordnav {
	text-align:center;
	margin:20px 0 10px 0;
	font-weight:bold;
}

#content #recordnav p {
	font:Arial, Helvetica, sans-serif;
	font-size:14px;
	margin:0;
}
#content #recordnav a, #content #recordnav a:visited {
	color:blue;
}
#content #recordnav a:hover {
	color:#003;
}




/*********************/
/* COMMENTS       */
/*********************/
#comments {
	/*border:1px solid red;*/
	border-bottom:1px dotted #4E6A87;
}
#comments h3 {
	margin:10px 0 10px 0;
	color:#4E6A87;	
}
#comments p {
	margin:5px 0 5px 0;
	color:#333;	
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
}


/*********************/
/* RIGHTLISTS       */
/*********************/
ul#rightlist {
	border: solid red 1px;
	border: none;
	position: relative;
	width:auto;
	margin:0 0 10px 0;
	padding-left:1em;
	list-style-type:square;
}
ul#rightlist li {
	/*border: solid red 1px;*/
	padding:5px 0 5px 0;
	margin:0;
	border-bottom:1px dotted #ccc; 
}
ul#rightlist a, ul#rightlist a:visited {
	/*border: solid red 1px;*/
	display: block;
	width:auto; /* 180 - (2*5) - 5 */
	padding:0;
	margin:0;
	text-decoration: none;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#417096;
}
ul#rightlist a:hover {
	color:#00F;
	text-decoration:underline;
}



/*********************/
/* TESTIMONIOS       */
/*********************/
#player p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666;
	margin:0;
	padding:0 0 5px 0;
}
#player h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:21px;
	line-height:24px;
	color:#333;
	margin:0;
	padding:0 0 10px 0;
}
#thumbox {
	border-bottom:1px dotted red;
	padding:10px 0 10px 0;
}
#thumb {
	border:1px solid #666;
	float:left;
	width:70px;
	height:50px;
	padding:1px;
}
#thumb img {
	/*border:1px solid #999;*/
}
#thumbtext p {
	/*border:1px solid #999;*/
	float:right;
	width:360px;
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666;
}
#thumbtext a, #thumbtext a:visited {
	color:#022ACA;
}




/*********************
   IMAGES GALLERY
*********************/
/* 
- #gallery is used on "inc/rightcol.php" records image gallery
- #gallery1, #gallery2, #gallery3 are used on "index.php" for the galleries reel.
*/

div#gallery {
	float:right;
	width:139px;  
	border-right:1px solid #B7C7D0;
}

div#gallery1, div#gallery2 {
	float:left; 
	width:139px; 
	margin-right:9px; 
	border-right:1px solid #B7C7D0;
}
div#gallery3 { /*no border or margin on last one */
	float:left; 
	width:130px
}

div#gallery a, div#gallery1 a, div#gallery2 a, div#gallery3 a {
	display:block;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:14px;
	color:#333;
	padding:0;
	margin:0;
}
div#gallery img, div#gallery1 img, div#gallery2 img, div#gallery3 img {
	clear:both;
	/*padding: 0 0 10px 0;*/
	padding:0;
}

div#gallery a.list, #gallery1 a.list, #gallery2 a.list, #gallery3 a.list {
	position:relative;
	color:red;
	/*display:block;*/
	display:none;
	text-indent: -1999px;
	overflow: hidden;
}
/* floating picture */
.picture {
	position:relative;
	border:5px solid #E4E4E4;
	display:block; 
	float:right; 
	width:290px;
	padding:0;
	margin-bottom:20px;
}
.picture img {
	/*border:double 3px black;*/
	border:1px solid #666;
}
.picture div#bttn {
	position:absolute;
	display:inline;
	background:url(../images/bttn_gallery.png) left top no-repeat;
	width:50px;
	height:50px;
	right:0; /*-- IE 6.0 --*/
	top:0;
	cursor:pointer;
}
html>body .picture div#bttn { right:0; } /*-- all browsers --*/

.picture p {
	padding:0;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%;
	font-style:italic;
}






/*********************/
/* VARIOUS           */
/*********************/

.cleardiv {
	clear:both;
}

a.small{
	font:Arial, Helvetica, sans-serif;
	font-size:10px;
}
a.medium{
	font:Arial, Helvetica, sans-serif;
	font-size:12px;
}