/**
 * Theme Name: WebClau
 * Theme URI: http://www.webclau.com
 * Description: WebClau.
 * Version: 0.3
 * Author: WebClau
 * Author URI: http://www.webclau.com
 * Tags: 
 *Template: hybrid
*/

/* Get base CSS */
@import url('../hybrid/library/css/21px.css');

/* Get default Hybrid CSS */
@import url('../hybrid/library/css/screen.css');

/* Get the plugins CSS */
@import url('../hybrid/library/css/plugins.css');

/* Get the plugins CSS */
@import url('../hybrid/library/css/drop-downs.css');

html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	font-family : Arial, Georgia,Times,"Times New Roman",serif;
	font-size 	: 12px;
	letter-spacing : 0.5px;
}

.floatfix {
	clear:both;
}

a, .widget a {
	text-decoration: none;
	color 		: #000;
}

a:visited {
	color 		: #000;
}
	
/* Normalización y cosas raras*/
div.breadcrumb, div.breadcrumbs, .byline, .entry-meta, div#comments-template, .page-item-171, .page-item-172 {
	display 	: none;
}


/* ESTILS */
body {
	background 	: #BBB url(images/background.jpg) repeat-x;
}

#body-container {
	width		: 985px;
	min-height 	: 696px;
	margin 		: 0px auto 50px auto;
}

div#header-container {
	height		: 422px;
	background 	: #1c1c1b url(images/header.jpg) no-repeat top left;
}

/* HEADER */

	div#header {
		margin-top 	: -40px;
	}

	h1#site-title, div#site-title {
		position 	: absolute;
		top 		: 15px;
		margin-left : 20px;
		width 		: 280px;
		height 		: 120px;
		cursor 		: pointer;
	}
	
	h1#site-title span, h1#site-title a, div#site-title span, div#site-title a {
		display 	: none;
	}

	h2#site-description, div#site-description {
		position 	: absolute;
		top 		: 75px;
		margin-left : 55px;
		width 		: 400px;
		height 		: 30px;
	}

	h2#site-description span, div#site-description span {
		font-size 	: 18px;
		letter-spacing: 1px;
		color 		: #FFF;
		font-weight : normal;
	}

	div#site-description span {
		color 		: #FFF;
		font-size 	: 18px;
		letter-spacing: 1px;
		font-style 	: italic;
		display 	: none;
	}


/* ! HEADER */


/*  NAVIGATION  */
	
	#navigation {
		position 	: absolute;
		top 		: 55px;
		width 		: 499px;
		height		: 57px;
		margin 		: 0px;
		margin-left : 486px;
	}
	
	#page-nav {
		display 	: none;
	}
	#page-nav li {
		width 		: 100px;
		height 		: 35px;
		padding-top	: 15px;
		margin 		: 0px;
		text-align 	: center;
		background 	: url(images/menu.jpg) no-repeat top left;
	}
	
	#page-nav li a {	
		background  : transparent;
		color 		: #FFF;
		border 		: 0px;
		padding 	: 4px;
		font-weight : normal;
	}

	
	#primary ul li ul li.current_page_item a, #page-nav li.current_page_item a, #primary .current-cat a {
		color 		: #000;
	}


/*  !NAVIGATION  */

div#container {
	background 	: #E1E1E1;
	margin-bottom : 0px;
}

.home div#container {
	background 	: #E1E1E1;
	padding-top : 30px;
}

div#content {
	background 	: #E1E1E1;
	padding-bottom: 0px;
	padding-top : 30px;
	min-height	: 650px;
}

.home div#content {
	margin 	: 0px 0px 0px 39px;
	padding : 0px;
	width 	: 477px;
	border-right : 2px dotted #000;
	min-height : 427px;
}


div.content, .no-widgets .content, .page-template-no-widgets .content {
	width 		: 680px;
	margin 		: 0 auto;
	background 	: url(images/central.gif) repeat-y;
	padding 	: 0px;
	margin 		: 0px;
}


div.post {
	padding 	: 0px 20px 20px 30px;
}

.entry-title {
}

.page-title, .attachment-title, .category-title {
	font-size 	: 12px;
	color 		: #D93B20;
	font-weight	: bold;
	text-transform: uppercase;
}

.entry-title a {
	color 		: #D93B20;
	font-style 	: normal;
	font-weight : bold;
	font-size 	: 12px;
	padding-left : 0px;
	text-transform: uppercase;
}

.home .entry-title a {
	display 	: none;
}

/* CONTACTAR */
form.cformsform {
	background 	: url(images/contactar.jpg) no-repeat 0 40px;
}

form.cform fieldset {
	background 	: transparent;
	border-width : 0px;
	padding 	: 0px;
	margin 		: 0px;
}

form.cform legend {
	display 	: none;
}

div.entry ol.cf-ol li {
	background	: url(images/input2.png) no-repeat top left !important;
	height 		: 32px;
	width 		: 389px;
	padding 	: 5px 0 0 0;
}

form.cform textarea, form.cform input {
	border-width: 0px;
	background 	: #FFF;
	height 		: 20px;
	width 		: 245px;
}

form.cform textarea{
	height		: 100px;
}
form.cform .cf-fs2 {
	margin-top 	: 0px;
}

form.cform .emailreqtxt, form.cform span.reqtxt {
	display 	: none;
}

div.entry ol.cf-ol li#li--9 {
	background	: url(images/area.png) no-repeat top left !important;
	height 		: 150px;
	width 		: 389px;
	padding 	: 5px 0 0 0;
}

form.cform p.cf-sb {
	margin:-35px 0 0 200px;
	position:absolute;
	width:150px;
}

form.cform input.backbutton, form.cform input.resetbutton, form.cform input.sendbutton {
	width 	: 150px;
	margin 	: 0px;
	*margin-left: -150px;
	height	: 20px;
	border-width: 0px;
	border : 0px !important;
	background 	: #FFF;
	font-size 	: 12px;
	text-transform : uppercase;
	cursor 		: pointer;
}

div.cform {
	margin-top 	: 0px;
}

/* ! CONTACTAR */

#footer-container {
	position 	: absolute;
	left 		: 0px;
	width 		: 100%;
	height 		: auto;
	background 	: #000 url(images/footer.jpg) no-repeat top center;
}

#footer {
	width 		: 841px;
	padding 	: 30px 20px 0 20px;
	min-height	: 280px;
	height 		: auto;
	margin 		: 0px auto;
	color 		: #FFF;
	background 	: #696969 url(images/footerB.jpg) no-repeat bottom center;
}

#footer a {
	color 		: #FFF;
	font-weight	:bold;
}

#footer .copyright, #footer .privacitat, #footer .avis {
	padding 	: 0 10px;
}

#footer .footer-links {
	height 		: 250px;
}

#footer .footer-links a {
	text-decoration : underline;
	font-weight : normal;
}

#footer .footer-box {
	position 	: relative;
	float 		: left;
	width 		: 30%;
	margin-right : 5%;
	font-style 	: normal;
}

#footer .last-box {
	margin-right 	: 0px;
}
	
#footer .footer-box ul {
	padding 	: 0px;
	margin 		: 0px;
}

#footer .footer-box li {
	list-style 	: none;
}

#footer .footer-box h1 {
	width 		: 100%;
	border-bottom : 1px solid #EEE;
	margin-bottom : 10px;
	font-weight 	: bold;
}

#footer .tipo_cto {
	height 	: 60px;
}

#footer .tipo_cto img {
	position 	: relative;
	float 		: left;
	margin-right : 35px;
}
#footer .testimoni {
	font-style 	: italic;
	font-size 	: 14px;
	color 		: #BBb;
}

/* PRIMARY */

	#primary {
		position 	: absolute;
		top 		: 450px;
		margin-left : 700px;
		width 		: 235px;
		height 		: auto;
		padding 	: 0px;
	}
	
	.home #primary {
		display:block;
		height:40px;
		margin-left:570px;
		overflow:hidden;
		position:absolute;
		top:450px;
		width:381px;
	}
	#primary ul, #primary li {
		list-style  : none;
		padding 	: 0px;
		margin 		: 0px;
	}

	#primary ul {
		padding-bottom: 10px;
	}

	#primary ul li a {
		color 		: #000;
		text-transform: uppercase;
	}

	#primary ul li ul li a {
		color 		: #666;
		text-transform: none;
		font-style 	: none;
	}
	
	#primary ul li ul li {
		border 		: 0px;
	}
	
	#primary ul li ul {
		border-top: 1px solid #444;
		margin-bottom: 10px;
	}
	
	#primary .widget-title {
		font-size 	: 12px;
		font-weight : bold;
		font-style 	: normal;
		color 		: #000;
		margin-bottom: 20px;
		text-transform: uppercase;
	}


/* ! PRIMARY */

/* SECONDARY */

	div#secondary {
		position 	: absolute;
		top 	 	: 240px;
		margin-left : 540px;
		height		: 140px;
		width 		: 350px;
		color 		: #FFF;
	}
	
	div#secondary .widget {
		color 		: #FFF;
		margin 		: 0 0 15px;
		line-height : 15px;
		overflow: visible;
	}
	
	div#secondary .widget h1 {
		font-size 	: 50px;
		margin 		: 20px 0 0 0;
	}

	div#secondary .widget .redtitle {
		font-size 	: 14px;
		margin-top 	: 10px;
		margin-bottom: 5px;
		padding-left : 20px;
		margin-left : -20px;
		background 	: url(images/arrow.gif) no-repeat 0 2px;
		color 		: #D93B20;
	}
	

/* ! SECONDARY */

/* FOOTER */

	div.shadowLeft {
		position 	: absolute;
		top 		: 0px;
		margin-left : 0px;
		width 		: 20px;
		height 		: 897px;
		background 	: url(images/shadowLeft.png) no-repeat top left;
	}

	div.shadowRight {
		position 	: absolute;
		top 		: 0px;
		margin-left : 965px;
		width 		: 20px;
		height 		: 897px;
		background 	: url(images/shadowRight.png) no-repeat top left;
	}

/* !FOOTER */

/* CATEGORY */
	
	div.logoteca {
		height 		: 35px;
		margin-bottom: 5px;
		margin-left : 0px;
		width 		: 640px;
	}
	
	div.wc_logos {
		position 	: relative;
		float 		: left;
		width 		: 114px;
		height 		: 50px;
		padding-top : 8px;
		text-align 	: center;
		margin-right: 10px;
		text-align 	: center;
	}

	div.checked_logos {
		background 	: url(images/logoSelected.gif) no-repeat top left;
	}
	
	.category .category-info { 
		margin 		: 0px;
		display 	: none;
	}

	div.wc_logos img {
		width 		: auto;
		height 		: 35px;
		margin 		: 0px; 
		padding 	: 0px;
		border 		: 0px;
	}
	
	div.overslider {
		margin-bottom: 24px;
		width 		: 622px;
		height 		: 225px;
		overflow 	: hidden;
		clear 		: left;
	}
	
	div#slider {
		height		: 205px;
	}

	div#slider img {
		border 		: 0px;
	}

	div#slider ul, div#slider ul li {
		list-style	: none;
		padding 	: 0px;
		margin 		: 0px;
		text-align 	: center;
	}

	div#slider ul li {
		float 		: left;
		width 		: 302px;
		height 		: 204px;
		margin-right : 10px;
	}

	

/* ! CATEGORY */


.page-title, .attachment-title {
	margin : 0px 0px 20px 0px;
}

.home .page-title, .home .attachment-title {
	display : none;
}


/****   WC MENU    ****/
ul.sdt_menu{
	margin:0;
	padding:0;
	list-style: none;
	font-family:"Myriad Pro", "Trebuchet MS", sans-serif;
	font-size:12px;
	width:499px;
}
ul.sdt_menu a{
	text-decoration:none;
	outline:none;
}
ul.sdt_menu li{
	float:left;
	width:115px;
	height:57px;
	position:relative;
	cursor:pointer;
}
ul.sdt_menu li > a{
	position:absolute;
	top:0px;
	left:0px;
	width:115px;
	height:57px;
	z-index:12;
	background:transparent url(images/menu.jpg) no-repeat bottom right;
	-moz-box-shadow:0px 0px 2px #000 inset;
	-webkit-box-shadow:0px 0px 2px #000 inset;
	box-shadow:0px 0px 2px #000 inset;
}
ul.sdt_menu li a img{
	border:none;
	position:absolute;
	width:0px;
	height:0px;
	bottom:0px;
	left:57px;
	z-index:100;
	-moz-box-shadow:0px 0px 4px #000;
	-webkit-box-shadow:0px 0px 4px #000;
	box-shadow:0px 0px 4px #000;
}
ul.sdt_menu li span.sdt_wrap{
	position:absolute;
	text-align: center;
	top:20px;
	left:0px;
	width:115px;
	height:60px;
	z-index:15;
}
ul.sdt_menu li span.sdt_active{
	position:absolute;
	background:url(images/taronja.jpg) no-repeat bottom left;
	top:57px;
	width:115px;
	height:0px;
	left:0px;
	z-index:14;
	-moz-box-shadow:0px 0px 4px #000 inset;
	-webkit-box-shadow:0px 0px 4px #000 inset;
	box-shadow:0px 0px 4px #000 inset;
}

ul.sdt_menu li span span.sdt_link,
ul.sdt_menu li span span.sdt_descr,
ul.sdt_menu li div.sdt_box a{
	text-shadow:1px 1px 1px #000;
}
ul.sdt_menu li span span.sdt_link{
	color:#fff;
	font-size:16px;
}
ul.sdt_menu li span span.sdt_descr{
	display : none;
}
ul.sdt_menu li div.sdt_box{
	display:block;
	position:absolute;
	width:115px;
	overflow:hidden;
	height:115px;
	top:57px;
	left:0px;
	display:none;
	background:#000;
}
ul.sdt_menu li div.sdt_box a{
	float 		: left;
	clear 		: both;
	line-height : 30px;
	color 		: #D93b20;
}
ul.sdt_menu li div.sdt_box a:first-child{
	margin-top:15px;
}
ul.sdt_menu li div.sdt_box a:hover{
	color:#fff;
}

ul.sdt_menu li span.active span.sdt_link {
	text-transform : uppercase;
}


ul.sdt_menu li span.active span.sdt_descr {
	margin-top : -5px;
	text-align: center;
	color:#FFF;
	width:115px; /*For dumbass IE7*/
	font-size:10px;
	display : block;
}


/* HOME */
.home_right {
	position 	: absolute;
	margin-top 	: 50px;
	margin-left : 570px;
	width 		: 370px;
	height 		: 500px;
	line-height : 15px;
}

.home_right .col1, .home_right .col2 {
	position 	: absolute;
	width 		: 176px;
}
.home_right ul {
	padding 	: 0px;
	margin 		: 0px;
}
.home_right li {
	list-style 	: none; 
	padding 	: 0px;
	margin 		: 0px;
}
.home_right .col2 {
	margin-left : 205px;
}

.home_right div div {
	background 	: url(images/arrow.gif) no-repeat 0px 2px;
	padding-left : 20px;
	margin-bottom: 20px;
	
}

.home_right strong {
	line-height : 20px;
}

.orange {
	font-weight : bold;
	color 		: #D93B20;
}
	
.gesclick {
	background 	: url(images/arrow.gif) no-repeat 0px 2px;
	padding-left : 20px;
	margin-bottom: 20px;
	position 	: absolute;
	margin-top 	: 320px;
}

.gesclick img {
	margin 	 	: 10px 0 0 -20px;
}

.sdt_box {
	padding-left 	: 20px;
}

/* MAC */

	div.mac {
		position 	: absolute;
		width 		: 279px;
		height 		: 175px;
		background 	: url(images/mac.png) no-repeat top left;
		top 		: 146px;
		margin-left : 42px;
		padding 	: 0px;
	}

	.home div.mac {
		margin-left : 3px;
	}
	
	.page-template-portafoli div.mac {
		display 	: none;
	}

	.single .post, .attachment .post, .page .post {
		position 	: relative;
		float 		: left;
		width 		: 606px;
		min-height	: 345px;
		margin 		: 0px 0 0 0px;
		text-align 	: justify;
		overflow 	: hidden;
		overflow-y 	: auto;
		padding 	: 0px 0px 0px 50px;
	}
	
	body.home .post, .home .post, .home .post {
		position 	: relative;
		float 		: left;
		width 		: 406px;
		min-height	: 500px;
		margin 		: 0px;
		text-align 	: justify;
		overflow 	: hidden;
		overflow-y 	: auto;
		padding 	: 0 20px 0 20px;
	}
	
	.page-template-portafoli .post  {
		width 		: 950px;
		height 		: 330px;
	}

	
	.entry-title a {
		color 		: #D93B20;
		font-size 	: 16px;
		font-style 	: normal;
		text-transform: uppercase;
	}
	
	div.mac ul li {
		margin 		: 0px;
		padding 	: 0px;
		list-style 	: none;
		position 	: absolute;
	}
	
/* !MAC */

.home .post img {
	border 		: 0px;
}
 .post img {
	border:1px solid #999999;
}

.category .post img {
	margin:0 20px;
}

.category .entry p {
	margin 		: 0px;
}

.navigation-links {
	margin-left : 30px;
}

.entry-content ul {
	padding-left : 20px;
}
.entry-content ul li {
	list-style : none;
}


div.language_choser {

	width  		: 100%;
	background 	: #EEE;
	border 		: 1px solid #AAA;
	padding 	: 5px;
	text-align 	: center;
	margin-bottom : 20px;
	
}

div.language_choser div {
	float 		: left;
	padding 	 : 2px 0 0 10px;
}

.home div.language_choser {
	width  		: 96%;
}