/*  
Theme Name: Cognitive
Description: Cognitive by dev.null
Version: .19
Author: dev.null
Author URI: http://www.devnull.com/
*/
/* CSS RESET 
* {	margin: 0px; padding: 0px; text-indent: 0px; }
img { border: none; padding: 0px; }
ol, ul { list-style: none; }
.left { float: left!important}
.right { float: right!important}
.clear { clear: both!important; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
.end { border: none!important; margin-right: 0!important; }
.last { background: none!important; margin-bottom: 0!important; }*/

/* ----- CSS ----- */


html, body {height:100%; min-height:100%; padding:0; margin:0; }
body{	background:#f7f7f6 url(include/img/bg-body.gif) repeat-x 0 101px;	margin: 0;	padding: 0;	font-family: Arial, Helvetica, sans-serif;}
h1, h2 {
	padding: 0px;
	margin:12px 0 0 0px;
}
h3 {
	padding: 0px;
	margin: 5px 0 5px 0px;
}
h4 {
	padding: 0px;
	margin: 5px 0 0 0;
}
h5 {
	font-size: 18px;
	padding: 0;
	margin: 10px 0 0 0;
}
h6 {
	font-size: 14px;
	padding: 0px;
	margin: 20px 0 10px 0px;
}
.serviceItem h5 {
	font-size:19px;
	padding: 0px 0 0px 14px;
	margin:12px 0 0 0px;
	
}

img{border-style:none;}
a{text-decoration:none;color:#000;outline:0;}
.box-content a{text-decoration:none;color:#ba1f1f;outline:0;}

a:hover{text-decoration:underline;}
.link{
	text-decoration:none;
	color:#C00;
	outline:0;
}
.link a:hover{text-decoration:none;color:#C00;outline:0;}
input, textarea, select{
	font:100% Arial,Helvetica,sans-serif;
	vertical-align:middle;
}
form,fieldset{
	margin:0;
	padding:0;
	border-style:none;
}

p {
	padding:0 0 0 10px;
	margin: 0;
}
.toggleLink {
}
.toggleLink img{
	padding: 0 10px 0 0;
}
.centerImg {
	text-align:center;
    margin: 0 auto;
    padding:0px;
}
.centerImg img{
	text-align:center;
    margin: 0 auto;
    padding:0px;
}
/* LAYOUT */
/*-----Page-----*/

#wrapper{
	width:100%;
	float:left;
	min-height:100%;
	position:relative;
}

#page{
	width:100%;
	float:left;
	padding:0px;
}

/*-----Content-----*/

#maincontent{
/*background:url(include/img/bg-body.gif) repeat-x 0 0;*/
	background-color: #F7F7F6;
	width:100%;
	min-height:254px;
	padding:10px 0 18px;
	float:left;
}

.content {
margin:0 auto;

width:972px;
}


/*-----Header-----*/
#nav{
background:transparent url(include/img/bg-header.gif) repeat-x scroll 0 0;
display:block;
height:105px;
z-index:50;
}
.navcontent {
margin:0 auto;
overflow:hidden;
width: 920px;
}
#header{	width:995px;	height:105px;	margin:0 auto;}

#header-content  { width: 1000px; margin: 0 auto; padding: 0 40px; }

#header-content { position: relative; z-index: 5; }


#imgban {height: 204px; margin: 0 auto; padding: 0; background:transparent url(include/img/flashhold.gif) repeat-x; border:none; z-index: 15; }

.row { width: 915px; margin-bottom: 28px; }
.row-b { border-bottom: 1px solid #181818; margin-bottom: 28px; padding-bottom: 28px; }
.col { width: 305px; float: left; padding-top: 46px; position: relative; }
.col h1, .col h2 { position: absolute; top: 0; }
.col p { padding-right: 15px; }
.cols { width: 305px; float: left; }


/*-----Logo-----*/
#header h1{margin:0;}
#header h1 a{
	background:url(include/img/logotipoErgonomia.gif) no-repeat 0 0;
	width:165px;
	height:83px;
	display:block;
	float:left;
	overflow:hidden;
	text-indent:-9999px;
	margin:15px 0 0 14px;
	}
#header h1 a:hover{
	background:url(include/img/logotipoErgonomia.gif) no-repeat 0 0;
}
#logo { display: block; padding-top: 0px; width: 302px; }

/* L O G O */

.logo {
	width: 165px;
	height: 83px;
	float: left;
 	margin-right: 50px;
	margin-top: 9px;
}

.logo a{
	width: 165px;
	height: 83px;
	background: url(include/img/logotipoErgonomia.gif) no-repeat left top;
	display:block;
}
/*
.logo a:hover{
	background: url(include/img/ergonomiaa.png) no-repeat left bottom;
}
*/
.logo span{
	display:none
}

.logo h1{
	margin:0;
	padding:0;
}

/* NAVIGATION */



/*-----Footer-----*/
#footer{
	bottom:0;
	background:#1E1D1D none repeat scroll 0 0;
	width:100%;
	height:45px;
	float:left;
	margin:0;
	line-height:45px;
	position:absolute;
	z-index:100;
}
.footer-content{
	width:995px;
	margin:0 auto;
	padding:2px 0 0px;
	line-height:40px;
}
#footer ul{
	float:left;
	padding:0;
	margin:0 0 0 5px;
	list-style:none;
	overflow:hidden;
	position:relative;
}
#footer li{
	/* background:url(include/img/border2.gif) no-repeat 0 50%; */
	float:left;
	padding:0 8px;
	margin:0 0 0 -1px;
}
#footer a{
	font-size:11px;
	color:#abacaf;
}
#footer span{
	float:right;
	font-size:11px;
	color:#abacaf;
	padding:0 9px 0 0;
}


/* navigation lists */
#nav #navlinks {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
#nav #navlinks li {
	list-style: none;
	margin: 0px;
	padding: 0px;
	width: 100px;
	display: block;
	height: 101px;
	float: left;
	line-height:18px;
	background: url(include/img/navi-divider.gif) no-repeat left center;
}
#nav #navlinks a {
	list-style: none;
	text-decoration: none;
	color: #b3b3b3;
	padding-top: 33px;
	display: block;
	height: 68px;
}
#nav #navlinks a:hover {
	color: #fff;	
}
#nav #navlinks a span {
	display: block;
	padding-left: 10px;
	padding-top: 8px;
	font-size:16px;
	font-weight:200;
	margin-bottom:0px
}
#nav #navlinks .home a span {
	display: block;
	padding-left: 10px;
	padding-top: 8px;
	font-size:16px;
	font-weight:200;
	margin-bottom:0px
}
#nav #navlinks .projects a span {
	display: block;
	padding-left: 10px;
	padding-top: 8px;
	font-size:16px;
	font-weight:200;
	margin-bottom:0px
}

#nav #navlinks a em {
	display: block;
	font-style: normal;
	font-size: 10px;
	padding-left: 10px;
		font-weight:200;
		margin-top:0;
}
#nav #navlinks .current a span {
	color: #CC6633;
	display: block;
	padding-left: 10px;
	padding-top: 8px;
	font-size:16px;
	font-weight:200;
	margin-bottom:0px
}

#nav ol{
}

#nav ol li{
}
li.pagenav h2{
	padding: 0;
	margin: 0;
}
li.pagenav {
	margin:0;
}
.right ul {
	margin: 0;
	padding:5px 0 0 15px;
}
#membersList .current a span {
	color: #CC6633;
	display: block;
}
#memberList ol{
	padding: 0;
	margin: 0;
}
/** NAV LIGHTS **/
.home #navigation #sitelinks .home a {
	color: #fff;	
	}
.clients #navigation #sitelinks .clients a {
	color: #fff;	
}
.projects #navigation #sitelinks .projects a {
	color: #fff;	
}
.partners #navigation #sitelinks .partners a {
	color: #fff;	
}
.news #navigation #sitelinks .news a {
	color: #fff;	
}
.about #navigation #sitelinks .aboutus a {
	color: #fff;	
}
.contact #navigation #sitelinks .contactus a {
	color: #fff;	
}
/* wordpress stuff */
.content {
margin:0 auto;
overflow:hidden;
width:972px;
}
.entry{
	padding: 0;
	margin:0;
	width: 675px;
	float: left;
	overflow: hidden;
}
.pageTitle {
float:left;
padding:0;
width:500px;
}
.blogTitle {
float:left;
padding:0;
width:100%;
margin: 0;
}
.pageTop, .blogDiv {
border-bottom:1px solid #D4D4D3;
height:35px;
margin:0;
padding:0 0 8px 10px;}

.clearer  {
clear:both;
margin:0;
padding:5px 10px 0;
}


.left{
	width:640px;
	float: left;
	clear:left;
	border-right: solid 1px #d4d4d3;
	padding-left: 10px;	
	padding-top:0px;
	padding-bottom:50px;
	margin-bottom: 30px;
 }
.left a{
	color: #CC6633;
 }

 .partnersleft{
	width:900px;
	float: left;
	clear:left;
	padding-left: 65px;	
	padding-top:0px;
	padding-bottom:50px;
	margin-bottom: 30px;
 }
 
.right {
border-left:1px solid #D4D4D3;
clear:right;
float:left;
margin-bottom:30px;
margin-left:-1px;
width:300px;
}
.right li {
color:#000;
list-style-image:none ;
list-style-position:outside;
list-style-type:none;
}
.right ol,ul {
color:#000;
margin: 5px 0 5px 0;
padding: 0 0 0 10px;
list-style-image:none ;
list-style-position:outside;
list-style-type:none;
}
.right a:hover{
	color: #CC6633;
}
.right h6{
	margin-bottom: 0;
	padding-bottom: 0;
}
.rightBlock h3{
	margin-top: 20px;
	margin-bottom: 0;
	padding-bottom: 0;
}
.sidebar-ul a {	
	font-size: 11px;
}
.sidebar-ul  {
	font-size: 11px;
}
.sidebar-ul li{
	margin: 5px 0 5px 0;
}

.rightBlock {
border-bottom:1px solid #D4D4D3;
padding:0px 15px 20px;
}
.rightBlock p{
	font-size: 12px;
}
.breadcrumbs{
	float:right;
	font-size: 10px;
	margin: 25px 10px 0 0;
}
ul.breadcrumbs {
	list-style: none;
	padding: 0;
	margin: 0;
	font-size:10px;
}
ul.breadcrumbs li {
	float: left;
	margin: 0 5px 0 0;
	padding: 0;
}
ul.breadcrumbs span{
	color:#CC6633;
}
/* BLOG STUFF */ 
.blog {
	width:auto;
	margin: 0;
	padding: 10px 0 10px 0;
	border-bottom:1px solid #DEDEDD;
	
}
.blog p{
	font-size:14px;
	width:620px;
	margin: 5px 0 0 10px;
	padding: 0px;
	
}
.blog h2{
	font-size: 14px;
}
.blog a{
	color:#CC6633;
}
#blogdate {
	padding:0px;
	margin:0 0 0 5px;
	font-size: 10px;
}
#blogdate p{
	font-size: 10px;
	padding:0px;
	margin: 0px;
	font-size: 10px;
}
#blogbookR {
	float: left;
	width: 300px;
	padding:0 10px 0 10px;
	margin: 0px;
	word-wrap:normal;
		
}
#blogbookL {
	float: left;
	width: 299px;
	padding:0 10px 0 10px;
	margin: 0px;
	word-wrap:normal;
	border-right:1px dashed #DEDEDD;

}
#blogbook {
	float: left;
	width: 299px;
	padding:0 10px 0 10px;
	margin: 0px;
	word-wrap:normal;

}
#blogbook p{
	font-size: 12px;
	float: left;
	width: 275px;
	padding:0 10px 0 10px;
	margin: 0px;
}
#blogbookL p{
	font-size: 12px;
	float: left;
	width: 275px;
	padding:0 10px 0 10px;
	margin: 0px;
}
#blogbookR p{
	font-size: 12px;
	float: left;
	width: 275px;
	padding:0 10px 0 10px;
	margin: 0px;
}
#blogbooktext {
	height: 225px;

}
#blogbookL ul{
	font-size: 12px;
	float: left;
	width: 275px;
	padding:0 10px 0 10px;
	margin: 0px;
}
#blogbookR ul{
	font-size: 12px;
	float: left;
	width: 275px;
	padding:0 10px 0 10px;
	margin: 0px;
}
#post-345 {
	height: 430px;
}

/*front-page */
.ergonomic_info {
	font-size: 15px;
	margin: 0 50px 0 50px;
	line-height: 22px;
}
.ergonomic_info h3{
	line-height: 22px;
}

.sliderViewport {
border-bottom:1px solid #DEDEDD;
border-top:1px solid #DEDEDD;
clear:left;
height:auto !important;
margin-bottom:30px;
padding:0;
width:960px;
}
.sliderViewportText {
clear:left;
height:auto !important;
margin-bottom:30px;
padding:0 0 20px 0;
width:960px;
}

.servicesSlider .serviceItem{
float:left;
height:500px;
margin-left:8px !important;
margin-right:7px;
margin-top:0;
width:305px;
}
.serviceButton{
float:left;
height:50px;
margin-left:8px !important;
margin-right:7px;
margin-top:0;
width:305px;
}
.serviceItem h4{
	font-size: 15px;
	margin: 5px 5px 0 15px;
}
.serviceItem p{
	text-indent: 10px;
	line-height: 22px;
	font-size: 11px;
	margin: 5px 10px 0 15px;
}
.serviceItem img{

}
img.serviceImg {
	margin-left: auto;
	margin-right: auto;
	padding: 19px 0 0 0;
	display:block; 
}
img.LeerBTN {
	float:right;
	display:block;
	margin: 0 12px 0 0; 
}
.serviceButton strong{
	float:right;
	font-size: 12px;
	text-align: right;
	padding-right: 4px;
}



/* projects & about */
.projectHolder, .aboutHold{
	height: auto;
	margin: 15px 2px 2px 2px;
}
.softHolder{
	position: relative;
	display:block;
    float:left;
	height: auto;
	margin: 15px 2px 2px 2px;
}
.insHolder{
	position: relative;
	display:block;
	float:left;
	height: auto;
	margin: 5px 2px 2px 2px;
}
.insHolder h2{
	margin-bottom: 10px;
}
.aboutHold p{
	margin: 5px 0 5px 0;
	}
.projectHolder .jobspecs{
	font-size: 10px;
	padding-bottom: 5px;
}
.projectHolder p{
	font-size: 12px;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 5px;
	margin-bottom: 2px;
}
.softHolder p{
	font-size: 12px;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 5px;
	margin-bottom: 2px;
}
.insHolder p{
	font-size: 12px;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 5px;
	margin-bottom: 2px;
}
.projectHolder img{
	border:3px solid #CCCCCC;
	margin-left: 10px;
}
.insHolder img{
	border:3px solid #CCCCCC;
	margin-left: 10px;
}
.softHolder img{
	border:3px solid #CCCCCC;
	margin-left: 10px;
}
.projectHolder p img { margin: 0; } 
.HoldPublish {
	display: block;
	padding-top: 15px;
	padding-bottom: 5px;
	border-bottom:1px dashed #000;
	height: 45px;
}
.HoldPublish p{
	font-size:10px;
	padding-right: 5px;
}
.HoldPublish strong {
	font-weight:900;
	color: #000000;
}
.HoldPublish img {
	border: thin #000;
}
ul.once {
	font-size: 12px;
}
ol.once {
	font-size: 12px;
	padding: 5px 0 0 15px;
}
.project{
	width:210px;
	float:left;
	margin: 0 auto;
	padding: 0 0 15px 0;
}
.pictureHold {
	height: 175px;
	width: 152px;
	float: right;
	border:3px solid #CCCCCC;
	margin-right: 50px;
}

/* partners */

/* cform */
.contact-form {
	float: left;
	padding-right: 15px;
	margin: 15px 2px 2px 2px;	
}
.contact-form p{
	float: right;
	padding: 0px;
	margin: 0 0 20px 0;	
}
ul, ol {
padding-bottom:12px;
}
.contact-form ol{
padding-bottom:12px;
}

ol, ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}
.cf-ol input {
background:#CCC none repeat scroll 0 0;
border:1px solid #1D1C1C;
color:#000000;
float:left;
height:21px;
margin-bottom:10px;
padding:4px 4px 0;
width:176px;
}
.cf-ol label {
display:block;
float:left;
padding-top:5px;
width:85px;
}
.cf-ol label span {
color:#000000;
font-size:14px;
}
.cf-ol li {
float:left;
width:290px;
}
.cf-ol textarea {
background:#CCC none repeat scroll 0 0;
border:1px solid #1D1C1C;
color:#000000;
float:left;
height:168px;
padding:4px 4px 0;
width:482px;
}
li#li--5, li#li-2-5{
width:580px;
}
#li--4 label, #li--2 label, #li-2-4 label, #li-2-2 label {
width:101px;
}
.cf_hidden {
display:none;
}

.cf-sb input {
background: url(http://ergonomia-cognitiva.com/wp-content/themes/COGNEW/include/img/submit.gif);
border:0 none;
color:#000000;
cursor:pointer;
float:right;
font-size:0;
height:27px;
margin:15px 4px 0 0;
overflow:hidden;
text-align:center;
text-indent:-400px;
width:135px;
}
.cf-sb input:hover {
	background: url(http://ergonomia-cognitiva.com/wp-content/themes/COGNEW/include/img/submit.gif);
background-position:0 -37px;
}
.cf_li_err input, .cf_li_err textarea {
border-color:#CC6633;
}
#usermessageb {
color:#CC6633;
left:299px;
position:absolute;
top:520px;
}
#usermessageb2 {
color:#CC6633;
left:299px;
position:absolute;
top:520px;
}


/* QTranslate */
.qtrans_language_chooser { 
	padding-top: 40px;
	padding-right:25px;
	list-style-type:none;
	float:right;
	z-index: 77;
	overflow: hidden;
}
.qtrans_language_chooser li { 

	float:left; 
	margin-right:5px 
}
.qtrans_flag { 

	border:.5px solid #000;
}

/* old blue 0071BC */