/* GPI THEME v 1.0  */
/** body **/

 
* {
	margin: 0;
	padding: 0; }
 
body {
	background: #2e2e2e;
	margin: 0;
	padding: 0;}
 
#page-content,#page-closure {
	background: #fff;
	margin-left: auto;
	margin-right: auto;
	width: 960px; }
 
#page-inner, #page-inner-content {  }
 
.wrapper-top {
	background: #004469;
	border-top: 3px solid #f29828; }
 
#navigation-top,
  #navigation {
	left: -10000px; /* and prevent any anchor styles from appearing. */
	position: absolute; /* Take the named anchors out of the doc flow    */ }
 
#skip-to-nav {
	display: none;
	visibility: hidden; }
 
	#skip-to-nav a:link, #skip-to-nav a:visited { color: #fff; /* Same as background color of page */ }
 
	#skip-to-nav a:hover {
		color: #000;
		text-decoration: none; }
 
/** header **/
#header {
	background: url(images/back-header.gif) repeat-x bottom;
	width: 100%; }
 
#header-inner { width: 100%; }
 
#logo-title { height: 109px;width:257px; float:left;}
 
/* The name of the website */
h1#site-name {
	background: url(images/logo.gif) no-repeat left;
	float: left;
	margin: 0;
	padding: 0;
	width: 257px; }
 
	h1#site-name a {
		background: url(images/logo.gif) no-repeat left ;
		color: #033D6E;
		display: block;
		height: 109px;
		width: 257px; }
 
		h1#site-name a span {
			position: absolute;
			z-index: -1; }
 
/* The slogan (or tagline) of a website */
#site-slogan {  }
 
 
/** main (container for everything else) **/
#main { padding: 10px; }
 
#main-inner {
	padding-bottom: 15px;
	padding-top: 0.5em; }
 
/** content **/
.wrapper-content { background: #fff }
 
#content,
  .no-sidebars #content {
	float: left;
	margin-left: 0;
	padding: 0; /*margin-right: -960px; Negative value of #content's width + left margin. */ /* DO NOT CHANGE. Add padding or margin to #content-inner. */
	width: 739px; border-right:1px solid #D0D0D0;}
 .in-front #content{border-right:1px solid #D0D0D0;
width:465px;}
#content-inner { padding-right:10px; margin-right:5px; }
.in-front #content-inner {border-right:0;} 

/* The path to the current page in the form of a list of links */
.breadcrumb {
	color: #a3a3a3;
	font-size: 0.85em;
	margin: 5px 0 20px 0;
	padding-bottom: 0; /* Undo system.css */ }
 
	.breadcrumb a {
		color: #a3a3a3;
		text-decoration: underline; }
 
		.breadcrumb a:hover {
			color: #a3a3a3;
			text-decoration: none; }
 
/* The title of the page */
/* Block title or the title of a piece of content when it is given in a list of content */
/* Comment title */

h1.title, 
  h2.title, 
  h3.title {
	clear: both;
	color: #005E91;
	font-family: georgia, Arial;
	font-size: 2em;
	font-weight: normal;
	letter-spacing: -1px;
	line-height: 1em;
	margin: 0 0 0.3em;
	margin: 0; }
	
 h1.title {margin-bottom:1em;}
/* Comment title */
h2.title {
	clear: both;
	color: #444;
	font-family: georgia, Arial;
	font-size: 1.9em;
	font-weight: normal;
	letter-spacing: -1px;
	line-height: 1em;
	margin: 0 0 0.3em;
	margin: 0; }
 

/* Help text on a page */
.help { margin: 1em 0; }
 
/* Link to more help */
.more-help-link {
	font-size: 0.85em;
	text-align: right; }
 
/* Wrapper for the actual page content */
#content-area {  }
 
/* List of links */
ul.links {
	margin: 1em 0;
	padding: 0; }
 
	ul.links.inline {
		display: inline;
		margin: 0; }
 
	ul.links li {
		display: inline;
		list-style-type: none;
		padding: 0 0.5em; }
 
/* A list of page numbers when more than 1 page of content is available */
.item-list  .pager {
	background: #ededed;
	clear: both;
	color: #5F5F5F;
	font-size: 0.85em;
	font-weight: bold;
	margin: 1em 0;
	padding: 2px;
	text-align: center; }
 
.pager a, .pager strong.pager-current { padding: 0.5em; }
 
/* The links to the RSS or Atom feeds for the current list of content */
.feed-icons { margin: 1em 0; }
 
/* Wrapper for any blocks placed in the "content bottom" region */
#content-bottom {  }
 
#navbar { background: #000; }
#navbar-inner {  }
 
#search-box {
	float: right;
	padding-right: 15px;
	width: 250px; }
 
/*ie hack*/
*#search {
	background: url(images/back-search-box.png) no-repeat 0px 12px ;
	height: 35px;
	margin-left: 3px;
	margin-top: 0px;
	padding-bottom: 5px;
	padding-top: 5px;
	padding: 0;
	width: 256px; }
 
#search-box .date {
	color: #8B8B8B;
	font-family: tahoma;
	padding-right: 4px;
	text-align: right; }
 
#search-box .form-text {
	background: transparent ;
	border: 0;
	color: #8f8f8f;
	font-size: .95em;
	padding-left: 9px ;
	padding: 3px;
	width: 205px }
 
#search-box .form-submit {
	background: url(images/back-search-box-buttom.png) no-repeat;
	border: 0;
	color: transparent;
	height: 31px;
	margin-top: 4px;
	text-indent: -9999px;
	text-transform: capitalize; /* Este es el parche para IE :P  */
	width: 31px; }
 
/*ie hack*/
*#search-box .form-text {
	background: transparent ;
	border: 0;
	color: #8f8f8f;
	float: left;
	font-size: .95em;
	margin-left: 3px;
	margin-top: 10px;
	padding-left: 9px;
	padding: 3px;
	width: 205px }
 
/*ie hack*/
*#search-box .form-submit {
	background: url(images/back-search-box-buttom.png) no-repeat;
	border: 0;
	cursor: hand;
	height: 31px;
	text-indent: -9999px;
	width: 31px; }
 
/*hakc ie*/
* html #search-box .form-submit {
	line-height: 100px;
	text-indent: 0px; }
 
/* Label that says "Search this site:" */
#edit-search-block-form-1-wrapper label { color:#fff;}
 
/* Primary links */
#primary {
	font-family: arial;
	font-size: 1.2em;
	font-weight: bold;
	letter-spacing: -1px;
	text-transform: uppercase; }
 
	#primary ul {
		margin-top: 5px;
		margin: 0;
		padding: 0; }
 
	#primary li {
		float: left;
		margin: 0;
		padding: 0;
		text-align: center;
		width: 120px; }
 
		#primary li.active a, #primary li.active a:hover {
			background: url(images/strip.gif) no-repeat -120px top;
			color: #fff; }
 
		#primary li a {
			background: url(images/strip.gif) no-repeat 0px top;
			color: #fff;
			display: block;
			padding-bottom: 24px;
			padding-top: 25px;
			text-decoration: none; }
 
			#primary li a:hover {
				background: url(images/strip.gif) no-repeat -240px top;
				padding-bottom: 24px;
				padding-top: 25px; }
 
		#primary li.menu-314 a, #primary li.menu-314 a:hover {
		
			padding-bottom: 16px;
			padding-top: 18px; }
 
/* Secondary links */
#secondary {
	float: left;
	width: 650px; }
 
/** sidebar-left **/
#sidebar-left {
	float: left;
	margin-left: 0;
	padding: 0; /*margin-right: -200px;  Negative value of #sidebar-left's width + left margin. */ /* DO NOT CHANGE. Add padding or margin to #sidebar-left-inner. */
	width: 228px; }
 
#sidebar-left-inner {
	margin: 0 0 0 0px;
	padding: 0; }
 
/** sidebar-right **/
#sidebar-right {
	float: right;
	padding: 0; /*  margin-left: 580px; Width of content + sidebar-left. */ /* margin-right: -960px;  Negative value of #sidebar-right's width + left margin. */ /* DO NOT CHANGE. Add padding or margin to #sidebar-right-inner. */
	width: 200px; }
	.in-front #sidebar-right { 	width: 470px; }
 
#sidebar-right-inner { padding: 0 0 0 6px; }
 
	#sidebar-right-inner .content p img {
		margin: 1px 0;
		padding: 7px; }
 
/** footer **/
.wrapper-footer { background: #2e2e2e }
 
#page-footer {
	border-top: 3px solid #000;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	width: 100%; }
 
#footer { height:200px; }
 
#footer-inner { text-align:center;background:url(images/logo-footer.gif) no-repeat right;height:92px; }
 
	#footer-inner .menu {
	margin:0 auto;
padding:25px 0;
width:550px; }
 
		#footer-inner .menu li {
			border-right: 1px solid #fff;
			float: left;
			list-style: none;
			padding: 0px 5px; }
 
			#footer-inner .menu li.last { border: 0; }
 
			#footer-inner .menu li a {
				color: #fff;
				padding: 10px 0; }
 
				/* Wrapper for the footer message from Drupal's "Site information"
                     and for any blocks placed in the footer region */
#footer-inner .menu li a:hover (text-decoration:none;)
 
 
  #footer-message {  }
 
.frases {
	background: url(images/logo-footer.gif) no-repeat right bottom;
	clear: both;
	color: #fff;
	font-size: 0.85em;
	padding-top: 10px;
	padding: 10px 20px;
	text-align: left; }
 
	.frases p { margin: 8px 0; }
 
	.frases .proyect { font-family: Georgia }
 
	.frases .copy { color: #67664c; }
 
/** closure **/
.wrapper-closure {
	background: #E7E7E7 url(images/back_closure.gif) no-repeat scroll bottom;
	padding: 10px 0; }
 
/* Wrapper for any blocks placed in the closure region */
#closure-blocks {
	border: 10px solid #E1E0D8;
	min-height: 96px;
	padding: 10px;
	text-align: center; }
 
	#closure-blocks .content p img {
		background: 0;
		border: 0;
		margin: 0;
		padding: 2px;
		vertical-align: top; }
 
/** Drupal nodes **/
/* Node wrapper */
.node {  }
 
/* Additional wrapper for node */
.node-inner {

	clear: both;
	display: block;
	margin: 0 0 5px 0;
	padding: 0 0 10px 0; }
 

	/* The word "Unpublished" displayed beneath the content. */
.node-unpublished div.unpublished, 
  .comment-unpublished div.unpublished {
		color: #d8d8d8;
		font-family: Impact, "Arial Narrow", Helvetica, sans-serif;
		font-size: 75px;
		font-weight: bold;
		height: 0;
		line-height: 1;
		overflow: visible;
		text-align: center;
		text-transform: uppercase;
		word-wrap: break-word; /* A very nice CSS3 property */ }
  
/* "New" or "Updated" marker for content that is new or updated for the current user */
.marker { color: #c00; }

.node.node-unpublished .picture,
  .comment.comment-unpublished .picture { position: relative; /* Otherwise floated pictures will appear below the "Unpublished" text. */ }
 

/** Drupal comments **/
/* Wrapper for the list of comments and its title */
#comments { margin: 1em 0; }
 
 
/* "New" marker for comments that are new for the current user */
.new { color: #c00; }
 
/* Comment links. See also the ul.links declaration above. */
.comment ul.links { margin: 1em 0; }
 
/* Nested comments are indented */
.indented { /* margin-left: 25px; */ /* Drupal core uses a 25px left margin */ }
 
/* Preview of the comment before submitting new or updated comment */
.preview .comment { /* background-color: #ffffea; */ /* Drupal core uses a #ffffea background */ }
 
/** Drupal blocks **/
/* Block wrapper */
.block { margin-bottom: 1em; }
 
	/* Zebra striping for each block in the region */
.block.region-odd {  }
 
	/* Zebra striping for each block in the region */
.block.region-even {  }
 
	/* Zebra striping independent of each region */
.block.odd {  }
 
	/* Zebra striping independent of each region */
.block.even {  }
 
/* Incremental count for each block in the region */
.region-count-1 {  }
 
/* Incremental count independent of each region */
.count-1 {  }
 
/* Additional wrapper for block */
.block-inner h2{background:#00456c url(images/back-title-block.gif) no-repeat right;color:#fff;font-family:"arial narrow";text-transform:uppercase;font-size:1.1em;font-weight:bold;letter-spacing:0;padding:2px 5px;  }
 
/* Block title */
.block h2.title {  }
 
/* Block's content wrapper */
.block .content {  }
 

/* Aggregator, blog, and forum more link */
.more-link {
	text-align: right; }
 
	.more-link a {
		background: url(images/read_more.gif) no-repeat left center;
		padding:5px 0 5px 15px; }
 
#Content-inner .more-link { padding-right: 0; }
 
/* Drupal's default login form */
#user-login-form { text-align: left; }
 
/* Some tables have rows marked even or odd. */
tr.even { /* background-color: #eee; */ /* Drupal core uses a #eee background */ }
 
tr.odd { /* background-color: #eee; */ /* Drupal core uses a #eee background */ }
 
/* The active item in a Drupal menu */
li a.active { color: #0079B1; }
 
/** Drupal forms **/
/* Wrapper for a form element (or group of form elements) and its label */
.form-item, 
  .form-checkboxes,
  .form-radios { margin: 1em 0; }
 
/* Highlight the form elements that caused a form submission error */
.form-item input.error, 
  .form-item textarea.error,
  .form-item select.error { border: 2px solid #c00; }
 
/* The label for a form element */
.form-item label {
	display: block;
	font-weight: bold; }
 
	/* The label for a radio button or checkbox */
.form-item label.option {
		display: inline;
		font-weight: normal; }
 
/* The part of the label that indicates a required field */
.form-required { color: #c00; }
 
/* The descriptive help text (separate from the label) */
.form-item .description { font-size: 0.85em; }
 
/* Pack groups of checkboxes and radio buttons closer together */
.form-checkboxes .form-item, 
  .form-radios .form-item { margin: 0.4em 0; }
 

/* Inline labels and form divs */
.container-inline div, .container-inline label { display: inline; }
 
/* Tips for Drupal's input formats */
.tips {
	font-size: 0.9em;
	margin: 0;
	padding: 0; }
 
/** OpenID **/
/* The default styling for the OpenID login link seems to assume Garland's
   * styling of list items.
   */
/* OpenID creates a new ul above the login form's links. */
#user-login-form ul { margin-bottom: 0; margin-top:0.5em;/* Position OpenID's ul next to the rest of the links. */ }
 
/* The "Log in using OpenID" links. */
#user-login-form li.openid-link {
	margin-left: -20px; /* Un-do some of the padding on the ul list. */
	margin-top: 1em; }
 
/* The "Cancel OpenID login" links. */
#user-login-form li.user-link { margin-top: 1em; }
 
#user-login ul { margin: 1em 0; }
 
/* The OpenID links on the /user form. */
#user-login li.openid-link, 
  #user-login li.user-link { margin-left: -2em; /* Un-do all of the padding on the ul list. */ }
 
/** Drupal admin tables **/
/* We overrode these styles in html-elements.css, but restore them for the
   * forms on the site.
   */
form tbody { border-top: 1px solid #ccc; }
 
form th {
	border-bottom: 3px solid #ccc;
	padding-right: 1em;
	text-align: left; }
 
form tbody th { border-bottom: 1px solid #ccc; }
 
form thead th {
	border-bottom: 3px solid #ccc;
	padding-right: 1em;
	text-align: left; }
 
/*otros*/
.clearfix:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden; }
 
.clearfix { display: inline-block; }
 
/* Hide from IE Mac \*/
.clearfix { display: block; }
 
 
/* End hide from IE Mac */