/* Layout... */

body {
	margin: 0px; padding: 0px;
	background: #F3F8F8 url(../images/fondo-html.png) top left repeat-x;
	font-family: "Tahoma", "Verdana", "Helvetica", "Arial", sans-serif;
	font-size: 85%;
}

#contents {
	width: 960px;
	margin: 0 auto;
	padding: 0px 8px;
	background: #F3F8F8 url(../images/fondo-contenido.png) top left repeat-x;
}

#pre_header {
	background: #fff;
	padding: 3px;
}

#pre_header_language {
	float: left;
	margin-left: 195px;
}

#pre_header {
	font-size: .75em;
	font-weight: bold;
}

#pre_header_language {
	color: #2E6A7A;
}

#pre_header_language span.active{
	color: #B67726 !important;
}

#pre_header_auxlinks {
	float: right;
}

#pre_header_auxlinks .sitemap_link {
	padding-left: 15px;
	background: url(../images/fondo-enlace-sitemap.png) left center no-repeat;
}

#pre_header_auxlinks .contact_link {
	padding-left: 17px;
	background: url(../images/fondo-enlace-contacto.png) left center no-repeat;
}

#pre_header_auxlinks a, #pre_header_auxlinks a:active, #pre_header_auxlinks a:visited {
	color: #000;
}

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

.header {
	background: #fff url(../images/fondo-cabecera.png) 193px 100px no-repeat;
}

#logo {
	width: 193px;
	float: left;
	margin: 0px;
}

#banner_position {
	width: 763px;
	padding-left: 2px;
	float: right;
	border-bottom: 2px solid #518994;
}

.menu_left {
	margin: 0px;
	padding: 12px 0px 0px 0px;
	width: 193px;
	background: #fff url(../images/fondo-menu-top.png) top left no-repeat;
	float: left;
	display: inline;
	position: relative;
}

.menu_left ul.main_list {
	background: url(../images/fondo-menu-bottom.png) bottom right no-repeat;
	margin-bottom: 0px;
	padding-bottom: 20px;
}

.maintext ul.main_list li{
	padding: 8px 0px 8px 0px;
}

#menu_left_inside {
	margin-top: -87px;
}

#menu_left_first {
	margin-top: -237px;
}

#highlights_zone {
	float: left;
	width: 180px;
	margin: 20px 0px 0px 4px;
	clear: left;
}

.secondarymenu {
	background: #83B2BA url(../images/fondo-menu-blog-top.png) top left no-repeat;
	width: 189px;
	margin-bottom: 20px;
}

.secondarymenu .trick {
	background: url(../images/fondo-menu-blog-bottom.png) bottom left no-repeat;
	padding: 10px;
	color: #fff;
}

.secondarymenu h3 {
	color: #fff;
	font-size: 1.3em;
	letter-spacing: 1px;
}

.secondarymenu ul {
	list-style: none;
	font-size: .8em;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}

.secondarymenu ul li {
	padding: 10px 0px 0px 0px;
}

.secondarymenu ul li a {
	color: #F3F8F8;
}

.secondarymenu ul li a:hover {
	color: #fff;
}

.secondarymenu p.readmore {
	font-size: .8em;
	font-weight: bold;
	text-align: right;
	margin: 10px 0px 0px 0px;
}

.secondarymenu p.readmore a:hover {
	color: #fff;
}

#text_content {
	width: 750px;
	float: right;
	padding-top: 20px;
}

#main_content {
	background: url(../images/fondo-maincontent.png) bottom left no-repeat;
	padding-bottom: 70px;
}

#footer {
	background: #F3F8F8 url(../images/fondo-pie.png) top right no-repeat;
	min-height: 130px;
	height: 130px;
}

#footer_logo {
	width: 129px;
	padding: 30px 10px 20px 30px;
	float: left;
}

#footer_contact {
	float: left;
	width: 500px;
	margin: 27px 0px 0px 30px;
}

#footer_legal {
	float: left;
	width: 500px;
	margin: 10px 0px 0px 30px;
}

/* Tipografas... */

img {
	border: none;
}

h1, h2, h3, h4, h5, h6 { font-family: "Georgia", "Times New Roman", serif; margin: 0px; padding: 0px; font-variant: small-caps; font-weight: normal; clear: both; }
h1 { font-size: 2.5em; color: #2E6A7A; letter-spacing: 10px; }
h2 { font-size: 1.9em; color: #B67726; letter-spacing: 4px; padding: .2em 0px 0px 0px; }
h3 { font-size: 1.6em; color: #666; letter-spacing: 2px; }
h4 { font-size: 1.3em; color: #777; letter-spacing: 0px; }


a, a:active, a:visited {
	color: #2E6A7A;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
	color: #B67726;
}

#text_content blockquote {
	background: url(../images/fondo-blockquote.png) top center no-repeat;
	width: 650px;
	padding: 15px 20px;
	margin: 1em auto;
}

#text_content blockquote p, #text_content blockquote ul {
	font-weight: bold;
	font-size: .8em;
	color: #2E6A7A;
	margin: 3px;
	padding: 0px;
}

#text_content blockquote ul {
	margin: 0em 0em 1em 1.7em;
}

#text_content blockquote ul li {
	padding-bottom: .5em;
}

#text_content p {
	font-size: .85em;
	line-height: 1.5em;
}

#text_content a, #text_content a:active, #text_content a:visited {
	font-weight: bold;
	text-decoration: underline;
	color: #B67726;
}

#text_content a:hover {
	color: #2E6A7A;
}

#breadcrumb {
	font-size: .7em;
	font-weight: bold;
	padding: 5px 5px 7px 7px;
}

.menu_left {
	font-size: .8em;
	font-weight: bold;
}

.menu_left ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
	padding-left: 12px;
}

.menu_left ul li {
	margin-top: 5px;
	padding-top: 6px;
	padding-right: 6px;
}

.menu_left ul ul {
	padding-top: 0px;
}

.menu_left ul ul li {
	font-weight: normal;
	background: url(../images/fondo-menu-li.png) top left repeat-x;
}

/* Content */
.maintext {
	clear: both;
	padding: 7px 25px 0px 25px;
}
.maintext.picleft .contenttext { float: right;	width: 550px; margin-bottom: 1em 0px; }
.maintext.smallpicleft .contenttext { float: right;	width: 580px; margin-bottom: 1em 0px; }
.maintext.picright .contenttext { float: right; margin-right: 20px; width: 550px; margin-bottom: 1em 0px; }
.maintext.picright .centeredcontenttext { float: right; margin-left: 40px; margin-right: 20px; width: 510px; margin-bottom: 1em 0px; }
.maintext.picleft img { float: left; margin: .8em 0px 1em 0px; width: 126px; }
.maintext.picright img { float: right; margin: .8em 0px 1em 0px; width: 126px; }
.maintext.smallpicleft img { float: left; margin: .8em 0px 1em 0px; width: 96px; }
.maintext.smallpicright img { float: right; margin: .8em 0px 1em 0px; width: 96px; }

.maintext#founderright img {float: left; margin: .8em 25px 15px 0px; width: 238px;}
.maintext#founderright .contenttext { margin-right: 20px; margin-bottom: 0px; }

.maintext#solutionsright img {float: right; margin: 0em 0px 1em 0px; width: 153px;}
.maintext#solutionsright .contenttext { float: left; margin-right: 20px; width: 500px; margin-bottom: 1em 0px; }

.maintext ul {
	font-size: .9em;
}

.maintext.centered {
	text-align: center;
}

/**************** LOS 7 PRINCIPIOS *****************/

.columna{
	float: left;
	width: 50%;
}

.columna .contenttext{
	width: 240px;
	float: left;
}

.columna .contenttext p{
	padding-top: 0px;
	margin-top: 0px;
}

.columna .maintext .pimage{
	padding: 5px 0px 0px 0px;
	float: left;
	width: 84px;
}

.columna .maintext{
	clear: both;
	margin-bottom: 20px;
}


/* //Content */

/* Blog */
.titlewithicon {
	height: 1%;
	overflow: hidden;
}

.titlewithicon h1 {
	float: left;
}

.titlewithicon #syndication {
	height: 32px;
	float: right;
	background: url(../images/ico-rss.png) left center no-repeat;
	padding-left: 36px;
	margin-right: 10px;
}

#syndication p {
	margin: 0px; padding: 0px;
}

#syndication p.subscribe {
	font-family: "Georgia", "Times New Roman", serif;
	font-size: 1.3em;
	line-height: 1.05em;
	font-variant: small-caps;
}

#syndication p.subscribe a {
	color: #e83;
	text-decoration: none;
}

#syndication p.subscribe a:hover {
	text-decoration: underline;
}

#syndication p.whatsthis {
	text-align: center;
	font-size: .75em;
	font-weight: bold;
}

#syndication p.whatsthis a {
	color: #2E6A7A;
	text-decoration: none;
}

#syndication p.whatsthis a:hover {
/*	color: #e83; */
	text-decoration: underline;
}

.blognav {
	height: 1%;
	overflow: hidden;
	font-size: .8em;
	margin-top: 1em;
	background: #F9FCFC;
	padding: 10px;
	border-top: 1px solid #8EB8C0;
}

.blognav span {
	font-weight: normal;
}

.blognav .prevpost {
	width: 49%;
	float: left;
}

.blognav .nextpost {
	width: 49%;
	float: right;
	text-align: right;
}

.blogpost {
	margin-bottom: 2em;
}

.blogpost img {
	border: 4px solid #146C7C;
	margin: 1em;
}

p.meta {
	color: #B67726;
	font-size: .75em !important;
	margin: 0px;	
}

.blogpost div.intro p {
	font-weight: bold;
	font-style: italic;
	color: #518994;
}

/* Comment list */
.comments_title {
	height: 1%;
	overflow: hidden;
	clear: both;
}

.comments_title h3 {
	float: left;
}

.comments_title .add_link {
	float: right;
	font-size: .8em;
	margin-top: .8em;
}

.comments {
	padding: 1.5em 25px .5em 25px;
	border-bottom: 1px solid #8EB8C0;
}

.comment {
	background: #fff;
	border-bottom: 1px solid #8EB8C0;
	margin-bottom: 10px;
	height: 1%;
	overflow: hidden;
}

.comment.even {
	background: #F9FCFC;
}

.comment .gravatar {
	float: left;
	border: 4px solid #fff;
	margin: 10px;
}

.comment .contents .meta {
	background: #146C7C;
	color: #fff;
	font-size: .8em;
	padding: .4em 0px .4em 42px;
}

.comment.even .contents .meta {
	background: #6CA3AD;
}

.comment .contents .body {
	padding: .7em 10px 10px 62px;
	font-size: .8em;
}

/* Comment form... */
.commentform { height: 1%; overflow: hidden; }
.commentform .commentpos { float: left; width: 50%; }
.commentform .otherdata { float: right; width: 49%; }
.commentform .commentpos textarea { width: 94%; height: 187px; }
.commentform label { font-weight: bold; font-size: .8em; }
.commentform div.row { margin-bottom: 1em; }
.commentform .form_error { color: #f00; font-size: .8em; }
.comment_form_ok { padding: 1em; font-size: .8em; font-weight: bold; color: #090; border: 1px solid #090; background: #afa; width: 70%; margin:  1em auto; }

.commentform #submit_button {
	background: #2E6A7A;
	border: none;
	color: #fff;
	font-weight: bold;
	padding: 5px 30px;
}

.archivedpost {
	padding: 12px;
	border: 1px solid #F9FCFC;
}

.archivedpost.even {
	background: #F9FCFC;
}

.archivedpost p {
	margin: 0px; padding: 0px;
}

.archivedpost h3 {
	font-size: 1.1em;
	font-weight: normal;
	text-decoration: none;
}

.archivedpost a { text-decoration: none !important; }
.archivedpost a:hover { text-decoration: underline !important; }
.archivedpost h3 a { color: #2E6A7A !important; }
.archivedpost h3 a:hover { color: #B67726 !important; }

.archivedpost .excerpt {
	padding: .3em 0px;
	font-size: .95em;
}

.archivedpost .excerpt p {
	line-height: 1.2em !important;
}

.archivedpost .more {
	font-size: .8em;
}

#footer_contact {
	font-size: .9em;
	color: #2E6A7A;
}

#footer_contact p, #footer_legal p {
	margin: 0px; padding: 0px;
}

#footer_legal {
	font-size: .8em;
	color: #2E6A7A;
}

.clearfix { clear: both; height: 0px; margin: 0px; padding: 0px; font-size: 0px; }


