/*
Theme Name: NewSense
Description: A simple and clean theme. 
Author: Pexeto
*/


/*---------------------------- TEXT STYLES ----------------------------*/
h2, h2 a {
	margin:0px 0px 5px 0px;
	padding-top:7px;
	font-size:25px;
	color:#2c2c2c; 
	font-family:"Myriad Pro Cond","Trebuchet MS", "Arial";
}

h2 a:hover{text-decoration:none;}

hr {
	background-color:#dddddc;
	border:#dddddc;
	height:1px;
	margin-top: 0;
	padding: 0px;
	margin-bottom:12px;
}

small {
	padding-left:5px;
	color:#2c2c2c;
	font-size:11px;
	background:#03697f;
	display:block;
	margin-bottom:15px;
	font-weight:bold;
	width:80%;
}
a ,b {
	color:#2c2c2c;
	text-decoration:none;
}
a:hover { text-decoration:underline; }
p { margin: 0px 0px 12px 0px; }



/*---------------------------- WEB ----------------------------*/

body {
	margin:0px; 
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:300;
	line-height:1.5em;
	color:#133946;
	background-color:#000;
}

#mainContainer{background-color:#164251;}

#center{
	height:auto;
	width:960px;
	margin:auto;
	text-align:left;
	border: 1px solid;
 	margin-top:20px;
	background-color:#FFFFFF;
}

#imagenHome{display: block; margin-bottom: 20px;}

/*---------------------------- BEGIN MENU ----------------------------*/

#menuContainer{
	width:960px;
	height:100px;
	top:0px;
	left:0px;
	background-image:url(images/menu_bg.jpg);
	border-bottom:#276875 1px solid;
}

	#menuContainer strong{font-weight: 400; position: absolute; text-align: right; top: 40px; right: 173px;}
		#menuContainer strong img{vertical-align: -4px; padding-right: 5px;}

#menu{float:right; margin-top: 50px;}

#menu ul{
	margin: 0; 
	padding: 0;
	padding-right:31px;
	position:relative;
}

#menu ul li{display: inline;}

#menu .page-item-184{display: none;}


#footerMenu ul li{
	border-right:1px solid white;
	padding-right:10px;
	line-height:10px;
}

#menu ul li a{
	font:normal 700 14px/1.5 Trebuchet MS, Arial, Verdana;
	letter-spacing: -1px;
	float: left; 
	text-decoration: none;
	padding-top:10px;
	padding-left:12px;
	/*font-family:"Myriad Pro Cond","Trebuchet MS","Arial Narrow";*/
	text-transform:uppercase;
	color:#4F4F4F;
}

#menu ul li#selected a, #menu ul li a:hover{color:#3b92a3;}

#menu ul li.current_page_item a{color:#3b92a3;}


 /*Desplegable*/
 
	#menu ul li ul{
		width:170px;  
		display: none;
		list-style:none;  
		position:absolute;
		top:36px;
		background-color:#fcfcfc;  
		margin:0;
		padding:0;   
		float:left;  
		border:1px solid #ccc;
		border-bottom:0px;
		border-top:0px;
	}

	#menu ul li ul li{
		margin:0;
		padding:0;
		clear:both;  
		display:block;
	}

	#menu ul li ul li a {
		float:left;
		width:160px;
		border-bottom: 1px solid #ccc; 
		line-height:2.5em;
		margin:0px;
		padding:0px;
		font-size:12px;
		font-family:"Arial";
		padding-left:10px;
	}

	#menu ul li.current_page_parent ul li a{color:#2c2c2c;}
	#menu ul li.current_page_item ul li a:hover, #menu ul li.current_page_parent ul li a:hover{color:#3b92a3;}
	#menu ul li.current_page_parent a{color:#3b92a3;}
	#menu ul li.current_page_parent ul li.current_page_item a{color:#3b92a3;}


/*---------------------------- LOGO ----------------------------*/
#logoContainer{
	float:left;
	padding: 19px 0 0 31px;
}

#logoContainer img{float:left;}

#logo{
	width:148px;
	height:23px;
	background: transparent url(images/logo.jpg) no-repeat;
	float:left;
	margin-right:12px;
}


/*---------------------------- BEGIN HEADER ----------------------------*/

#header{
	width:958px !important;  /*for all non IE browsers*/
	width:960px;
	height:320px;
	overflow: hidden;
	background-color:#3b92a3;
	border:#48abbe 1px solid;
}

#headerPage{
	width:958px !important;  /*for all non IE browsers*/
	width:960px;
	height:12px;
	background-color:#3b92a3;
	border:#48abbe 1px solid;
}

#leftHeaderContainer{
	width:500px;
	background-repeat:no-repeat;
	float: left;
	padding: 30px 0 0 30px
}

#rightHeaderContainer{
	width:392px;
	float:right;
	padding: 30px 0 0 30px
}


#hederTitle{
 	background: #71AB26 url(images/heder_title.jpg) no-repeat !important;
	height:116px !important;
	width:470px;
	margin-bottom: 10px;
}

#headerText{
	color:#FFFFFF;
}


.headerButtons{
	float:left;
	width:500px;
	height:43px;
}

.headerButton1 a{
	height:43px;
	width:198px;
	background-image:url(images/button_view_service_green.png) !important;
	display:block;
	float:left;
}

.headerButton1 a:hover {
	background:url(images/button_view_service_green.png) no-repeat 0 -43px;
}

.headerButton2 a{
	height:43px;
	width:197px;
	background-image:url(images/button_view_portfolio_yellow_bg.png) !important;
	display:block;
	margin-left:20px;
	float:left;
}

.headerButton2 a:hover {
	background:url(images/button_view_portfolio_yellow_bg.png) no-repeat 0 -43px;
}


#wrapper {
	width:366px;
	position: relative;
}

#headerSpacer{
	position:absolute;
	bottom:-24px;
	left:-2px;
	height:24px;
	width:962px;
	background-image:url(images/header_space.jpg);
	border:#164251 1px solid;
}

/*---------------------------- END HEADER ----------------------------*/

/*---------------------------- BEGIN CONTENT ----------------------------*/

#content{
	min-height:200px;
	background: #fff url(images/content_shadow.jpg) repeat-x;
	padding-bottom:15px;
	margin: 20px 0 15px 0;
	height: 1%;
	overflow:hidden;
}

#contentContainer{
	width:550px;
	min-height:244px;
	float:left;
	padding:30px;
	padding-bottom:25px;
}

.contentText{
	padding-top:7px;


}

.postInfo{
	background-color:#3b92a3;
	border: 1px solid #297994;
	height:27px;
	width:100%;
	margin-top:12px;
}

.postInfo p{
	color:#FFFFFF;
	font-size:12px;
	padding-left:15px;
	line-height:27px;

}

.postInfo a{
	color:#FFFFFF;

}
.pages{

	margin-top:12px;
	float:left;
	position:relative;
	left:-10px;
	top:0px;
	height:26px;
	width:100%;
}


.pages a{
	margin-left:10px;
	background-color:#e6e6e6;
	border: 1px solid #c3cbcd;
	height:25px;
	width:25px;
	line-height:25px;
	text-align:center;
	display:block;
	float:left;
}

.currentPage a{
	margin-left:10px;
	background-color:#c7e4ea;
	border: 1px solid #92c3d3;
	height:25px;
	width:25px;
	line-height:25px;
	text-align:center;
	display:block;
	float:left;
}


/*---------------------------- SIDEBAR CONTENT ----------------------------*/

#sidebar{
	width:300px;
	margin: 30px 30px 25px 0;
	background-color:#f1f1f1;
	border: #e4e4e4 1px solid;
	float:right;
}

.sidebarTitle{
	border:#d4d2d2 1px solid;
	height:43px;
	width:100%;
	margin-left:-1px;
	margin-top:-1px;
	background-image:url(images/sidebar_title_bg.jpg);

}

	.sidebarTitle p{
		text-transform:uppercase;
		font-size:17px;	
		padding-top:12px;
		padding-left:12px;
		font-family:"Myriad Pro Cond","Trebuchet MS","Arial";
		font-weight:bold;
		color:#4d4c48;
	}

	.Buscar p{
		background: transparent url(images/search_icon.png) no-repeat 7px 11px;
		padding-left: 40px;
	}

	.TinyContactForm p{
		background: transparent url(images/contact_icon.png) no-repeat 7px 6px;
		padding-left: 47px;
	}
	
	.Entradasrecientes p{
		background: transparent url(images/services_icon.png) no-repeat 8px 10px;
		padding-left: 47px;
	}

	/*Twitter
	---------------------------------*/
	
	/*twitter menu sidebar*/
	.sidebarTitle p img#imgTwitter{
		display: inline;
		position: absolute;
		margin:-5px 0 0 -5px;
	}

	.sidebarTitle p a.twitter_title_link{
		padding-left:30px;
		color:#4d4c48;
	}

		.sidebarTitle p a.twitter_title_link:hover{color:#71AB26;}

	/*lista de tweets*/
	ul.twitter{width: 272px;}
		li.twitter-item{
			padding: 8px 0;
			border-bottom: 1px dotted #ccc;
		}
			li.twitter-item .twitter-link{
				padding: 0;
				font-size: 12px;
			}

			
			
.sidebarMenu{
	font-size:14px;
	padding:13px;
	position:relative;
	padding-bottom:14px;
}

.sidebarMenu ul{ 
	text-decoration: none;
	color: #2c2c2c;
	font-size:14px;
	font-weight:300;
	font-family:Arial;
	position:relative;
	left:-39px;
	top:-13px;
	list-style:none;
	margin-bottom:-13px;
	
}
.sidebarMenu ul li a{
	display:block;

	width:258px;
	background-color:#f8f8f8;
	border-bottom:#f1f1f1 1px solid;
	padding:3px 7px 2px 7px;
	text-decoration: none;
	list-style:none;
	color:#4d4c48;
}

.sidebarMenu ul li a:hover{
	background-color:#d6edfb;
}




/*FORMUALRIO RÁPIDO*/

.itemForm {
	height: 1%;
	overflow: hidden;
	margin: 0 0 .4em .4em;
}

#tcform label{
	width: 7em;
	color: #2C2C2C;
	float: left;
	padding-top: .1em;
}

/* Campos de formulario */
input[type="text"],
input[type="password"],
select,
textarea{
	border: 1px solid #8b8b8b !important;
	padding: .1em .1em;
	margin-top: .2em;
 	-moz-border-radius: .2em;
	-webkit-border-radius: .2em;
}

select{margin-top: .1em;}

textarea{
	width: 18em;
	max-width: 25em;
	height: 8em;
	padding: .2em .4em;
	margin-top: .40em;
	overflow: auto;
}

input[type="text"]{
	width: 11em;
}

input[type="radio"]{
	position: relative;
	float: left;
	top: .1em;
	left: 0;
}

input[type="checkbox"]{
	position:relative;
	left: 0;
	padding:0;
	display: inline-block;
}

input[type="checkbox"], 
input[type="radio"]{margin-left: .3em;}

input[type="text"]:focus, 
select:focus,
textarea:focus{border-color: #16AF15;}




#bubble{

	background-image:url(images/bubble_bg.jpg);
	background-repeat:repeat-y;
	position:relative;
	height:100%;
}

#bubble p{
	padding:12px;
}

#bubbleClient{
	margin-bottom:-4px;
	font-weight:300;
	color:#3b92a3;
	font-weight:bold;
	text-align:center;
}


/*---------------------------- END SIDEBAR  ----------------------------*/

/*---------------------------- SERVICES BLOCK  ----------------------------*/

.servicesBlock{
	width:550px;
	height:100%;
	border:#d4d2d2 1px solid;
	display:block;
	margin-top:20px;
}

.servicesBlockTitle{	
	height:44px;
	float:left;
	background-color:#f9f7f7;
	line-height:44px;
	border-bottom:#d4d2d2 1px solid;
	padding-left:12px;
	font-weight:bold;
	font-size:19px;
	float:none;
	font-family:"Myriad Pro Cond","Trebuchet MS","Arial";

}

 

.servicesText{
	padding:12px;
	padding-bottom:0px;

}

.servicesText img{
	margin-right:12px;
	float:left;
	padding-left: 5px;
}

/*.servicesText p{
	margin-left:12px;
}*/

.servicesText b{
	color:#3b92a3;
	font-size:14px;
	font-weight:300;

}

.servicesButtons{
	position:relative;
	left:-1px;
	float:left;
	width:500px;
	height:60px;
	margin-top:10px;
	margin-bottom:4px;
}


/*---------------------------- END SERVICESBLOCK  ----------------------------*/


/*---------------------------- FOOTER  ----------------------------*/

#footer{
	background: transparent url(images/footer_shadow.jpg) repeat-x;
	width:962px;
	text-align:center;
	margin:0 auto;
	background-color:#164251;
	border: #164251 1px solid;
}

#footerText{
	color:#ffffff;
	font-size:11px;
	float: right;
	margin-right: 8px;
}

#footerMenu ul{
	float: left;
	margin: 8px 0 0;
	padding:0;
	font-size:11px;
	text-decoration: none;
	color:#fff;
}

#footerMenu ul li{
	float:left;
	text-decoration: none;
	padding-left:10px;
	text-transform:uppercase;
	list-style:none;
}

#footerMenu ul li a{
	color:#fff;
	font-weight:bold;
}


/*---------------------------- END FOOTER  ----------------------------*/

/*---------------------------- SLIDER  ----------------------------*/

div.fadeWrapper {
	position: relative;
	top:0px;
	left:0px;
	width:347px;
	height:223px;
	overflow:hidden;
	padding:6px;
	background-color:#fff;
	border:1px solid #cfcfd1;
}

.imageHolder{
	width:347px;
	height:223px;
	position:absolute;
	top:6px;
	left:6px;
}

#featured{
	width:86px;
	height:87px;
	background-image:url(images/featured.png);
	position:absolute;
	top:-5px;
	right:0px;
}

/*---------------------------- END SLIDER  ----------------------------*/



/*---------------------------- BEGIN EMAIL FORM ----------------------------*/
.input{
	width:300px;
	height:24px;
	border:1px solid #b0a4a4;
	background-color:#fff;
	padding-top:8px;
}

.textArea{
	height:205px;
	padding-top:0px;
}

#sendButton{
	color:#fff;
	background-color:#363636;
	width:73px;
	height:26px;
	border:1px solid #b0a4a4;
	margin-bottom:-5px;
}

.errorMessage{
	color:red;
}

/*---------------------------- END EMAIL FORM ----------------------------*/


/*---------------------------- SEARCH AND OTHERS ----------------------------*/

.imgBorder{
	border:1px solid #b9b9b9;
}

/*página de búsqueda*/
.search{
	width:auto;
	height:auto;
	padding-top:5px;
	margin-left:2px;
	margin-right:2px;
}

#searchButton{
	color:#fff;
	background-color:#363636;
	width:73px;
	height:28px;
	border:1px solid #b0a4a4;
}

.leftFloated{
	float:left;
	position:relative;
	top:0px;
	left:0px;
}

.blueLink, a{ 
	color:#3b92a3;

}

a img{
	border:none;
}

a img:hover{
	border:none;
	text-decoration:none;
}

.alignleft{
	float:left;
}

.alignright{
	float:right;
}

.imgBlog{
	margin-bottom:5px;
}


#styles{
height:27px;
width:100%;
position:fixed;
top:0px;
left:0px;
background-color:#212931;
padding-top:5px;
z-index:100;
border-bottom: 1px solid #465666;

}
#styles span{

color:#fff;
}


#bBlue{
background-image:url(images/style1.jpg);
background-repeat:no-repeat;
border:none;
width:21px;
height:21px;

}

#bGreen{
background-image:url(images/style2.jpg);
background-repeat:no-repeat;
border:none;
width:21px;
height:21px;
}

#bOrange{
background-image:url(images/style3.jpg);
background-repeat:no-repeat;
border:none;
width:21px;
height:21px;
}

/*---------------------UPDATES----------------------------*/

/*---------------------VERSION 1.1.----------------------*/
#fullContentContainer{
	width:900px;
	min-height:244px;
	float:left;
	padding:30px;
	padding: 30px 30px 20px 30px;
}

/*---------------------VERSION 1.2.----------------------*/

/*---------------------------- BEGIN COMMENTS ----------------------------*/

.commentTitleHolder{
	background-image:url(images/sidebar_title_bg.jpg);
	height:40px;
	width:533px;
	border: 1px solid #e3e3e3;
	padding-left:15px;
	float:none;
	margin-top:40px;
}

#comments{
	width:100%;
	font-weight:300;
	font-size:15px;
	position:relative;
	top:10px;
	font-family:"Myriad Pro Cond","Trebuchet MS","Arial";
	color:#4d4c48;
}

ul.commentlist{
	list-style:none;
	padding-left:0px;
	margin-left:0px;
	margin-top:0px;
}

ul.commentlist li{
	width:100%;
	border: 1px solid #e3e3e3;
	margin-top:15px;
	margin-left:0px;
	padding:14px;
	overflow:auto;
}

#commentHolder{
	width:520px;
	height:100%;
}

.dateSmall{
	font-size:10px;
}

.commentText{
	float:left;
	width:420px;
}

.commentAuthor{
	width:100px;
	float:left;
}

.commentFormTitle{
	background-color:#fff;
}

textarea#comment{
	width:450px;
}

#respond{
	float:none;
}

#commentContentContainer{
	padding:0px;
}

.navigation{
	margin-top:0px;
}

.noSpace{
	margin:0px;
	padding:0px;
}
/*---------------------------- END COMMENTS ----------------------------*/

#sliderShadow{
	background-image:url(images/header_image_shadow.jpg);
	height:30px;
	width:366px;
	position:relative;
	top:0px;
	left:-5px;
}



/*
RECUADRO QUÉ HACEMOS
------------------------*/

.queHacemos{
	padding: 8px 8px 1px 14px;
	margin-bottom: 12px;
	background-color: #f7f7f7;
	border: 1px solid #e6e6e6;
}



