/* @override http://www.espaciocreativo.colaborativa.eu/blog/wp-content/themes/espaciocreativo/style.css */

/*
	Theme Name: EspacioCreativo
	Them URI: http://www.espaciocreativo.colaborativa.eu
	Description:
	Version: 1
	Media: Screen
	Version:
	Author: Colaborativa
	Author URI: http://www.colaborativa.eu
	Tags: black, white, three-columns, fixed-width, custom-header, custom-colors, theme-options, right-sidebar
*/

#cformsform fieldset.cf_hidden {
	display: none;
}

@font-face {
   font-family:"Medium";
   src: url("/fonts/Medium-Pro.otf") format("opentype");
}
@font-face {
   font-family:"Semibold";
   src: url("/fonts/Semibold-Pro.otf") format("opentype");
}
@font-face {
   font-family: "Italic";
   src: url("/fonts/MediumItal-Pro.otf") format("opentype");
}
@font-face {
   font-family: "Light";
   src: url("/fonts/Light-Pro.otf") format("opentype");
}
@font-face {
   font-family: "ExtraLight";
   src: url("/fonts/XLight-Pro.otf") format("opentype");
}
body {
	width: 920px;
	font: 10pt/13pt Arial, Helvetica, Geneva, sans-serif;
	margin: 20px auto;
	background-color: #fff;
}
img{
	border-style: none;
}
a:link{
	color: #900;
}
a:hover{
	color: #f00;
}
a:visited{
	color: #720000;
}

/* tanto para el principal como para los bordes */

/* @group MainLayout */

#wrapper{
	margin: 0;
	padding: 0;
}
#header {
	border-bottom-style: solid;
	border-bottom-width: 1px;
	height: 130px;
}

#content{
	width: 510px;
	float: left;
}

#postsHeader{
	border-bottom: 1px solid silver;
}

#sidebar {
	width: 350px;
	float: right;
}
.section{
	margin-bottom: 30px;
}
.sectionHeader{
	border-bottom: 1px solid silver;
}
.post{
	margin-top: 20px;
	margin-bottom: 50px;
}

#parte1.step{
	margin-top: 15px;
	padding-bottom: 10px;
	border-bottom: 1px dashed silver;
}
#FacebookLikebox{
	margin-bottom: 15px;
	display: block;
}
#parte2.step{
	margin-top: 20px;
	padding-bottom: 30px;
	border-bottom: 1px dashed silver;
}
#parte3.step{
	margin-top: 20px;
	margin-bottom: 60px;
}
.stepIzq{
	float: left;
}
.stepDer{
}
.stepWide{
	clear: both;
}
ul.navigation {
	display: inline;
	list-style-type: none;
}

#content_Petition {
	width: 400px;
	margin-bottom: 45px;
}
/* @end */
#subtitle {
	font: 16px/20px "Medium";
	width: 750px;
	margin: 0;
	float: left;
	padding: 0;
}
#langchooser {
	font: 16px/20px "Medium";
	width: 150px;
	float: right;
	text-align: right;
}
#langchooser ul {
	padding: 0;
	margin: 0;
}
#langchooser li {
	list-style-type: none;
}

#postsHeader ul{
	font: 11pt/15pt "Semibold";
	text-align: right;
	margin-top: 10px;
	margin-bottom: 10px;
}
#postsHeader li{
	display: inline;
	margin-left: 20px;
}

h1 a {
	display: block;
	font: 35px/40px "Light";
	text-decoration: none;
	padding: 0;
}

h3, h3 a {
	display: block;
	font: 20pt/23pt "Light";
	text-decoration: none;
	color: #000;
	padding: 0;
	margin: 0 0 3px;
}
h4{
	font: 16pt/15pt "Light";
	float: left;
	padding: 0;
	margin: 0;
}

h4#dossier10ideas {
	margin-top: 5px;
	margin-bottom: 15px;
}

.postContent h4{
	font: 11pt/15pt "Medium";
	margin-bottom: 22px;
}
.sectionHeader h4{
	float: none;
	margin-top: 10px;
	margin-bottom: 10px;
}
.stepIzq h5{
	font: normal normal 34pt/23pt "ExtraLight";
	text-decoration: none;
	text-transform: uppercase;
	float: left;
	padding-bottom: 20px;
	padding-right: 10px;
}
h5{
	font: 11pt/15pt "Medium";
	margin: 0;
	padding: 0;
}
.stepDer p{
	margin: 2px 0 5px;
	padding: 0;
}

ol.reversed {
	padding-left: 0;
	margin: 15px 0 0 20px;
	padding: 0;
}
ol.reversed li {
	margin-top: 5px;
	margin-bottom: 15px;
	font: 11pt/15pt "Medium";
}
ol.reversed em {
	font: 11pt/15pt "Semibold";
}
ol.reversed strong {
	font: 11pt/15pt "Italic";
}

/* @group EmailLink */

#linkemail a {
	border: 1px solid gray;
	text-decoration: none;
	text-shadow: rgba(255,255,255,0.75) 0 1px 0;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 60%, from(rgb(240, 240, 240)), to(rgb(210, 210, 210)));
	background-image: -moz-linear-gradient(rgb(240, 240, 240) 0%, rgb(210, 210, 210) 60%);
	color: #303030;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	font: 10pt/13pt "Medium", Arial, Helvetica, Geneva, sans-serif;
	-moz-box-shadow: inset 0px 1px 0px #fff;
	-webkit-box-shadow: inset 0px 1px 0px #fff;
	margin: 10px 0 0 15px;
	height: 27px;
	display: inline-block;
	width: 300px;
	text-align: center;
	padding-top: 9px;
}
#linkemail a:hover {
	background-image: -webkit-gradient(linear, 0% 0%, 0% 60%, from(rgb(220, 220, 220)), to(rgb(190, 190, 190)));
	background-image: -moz-linear-gradient(rgb(220, 220, 220) 0%, rgb(190, 190, 190) 60%);
}



/* @end */

/* @group CommentForm */

form#commentform {
}

input#author, input#email, input#url, input#mcspvalue {
	width: 490px;
	float: right;
	padding-right: 20px;
	margin-right: 0;
	margin-top: 4px;
	padding-top: 0;
	padding-left: 10px;
	margin-left: 0;
	height: 37px;
}

textarea#comment {
	width: 485px;
	float: right;
	padding-right: 20px;
	margin-right: 0;
	margin-top: 4px;
	padding-top: 10px;
	padding-left: 10px;
	margin-left: 0;
	font: 13pt/17pt "Italic";
	color: #808080;
	height: 150px;
}
label {
	font: 11pt/15pt "Italic";
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 0;
}

div.comment-field div.labels {
	margin: 0;
	padding: 0;
	width: 145px;
	float: left;
	right: 163px;
	position: relative;
}

#fbComments p {
	font: 11pt/15pt "Semibold";
	float: left;
	padding: 0;
	margin: 0;
	width: 500px;
	border-bottom: 1px dotted #8e8e8e;
}

div.comment-field p{
	padding: 0;
	margin: 0;
	font: 8pt/12pt Arial, Helvetica, Geneva, sans-serif;
	display: block;
}

div.comment-field {
	margin-left: 0px;
	padding-top: 20px;
	clear: both;
	height: 45px;
	text-align: right;
	margin-right: 0;
}

/* @end */

/* @group Cforms */

input#submit.submit {
	font: 8pt/13pt "Medium";
	width: 510px;
	border: 1px solid gray;
	padding: 6px 0 6px 12px;
	text-decoration: none;
	text-shadow: rgba(255,255,255,0.75) 0 1px 0;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 60%, from(rgb(240, 240, 240)), to(rgb(210, 210, 210)));
	background-image: -moz-linear-gradient(rgb(240, 240, 240) 0%, rgb(210, 210, 210) 60%);
	color: #303030;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: inset 0px 1px 0px #fff;
	-webkit-box-shadow: inset 0px 1px 0px #fff;
	margin-right: 0;
	height: 35px;
}

input#submit.submit:hover{
	background-image: -webkit-gradient(linear, 0% 0%, 0% 60%, from(rgb(220, 220, 220)), to(rgb(190, 190, 190)));
	background-image: -moz-linear-gradient(rgb(220, 220, 220) 0%, rgb(190, 190, 190) 60%);
}

#cformsform li, #cforms2form li {
	width: 100%;
}

#parte2 div.stepWide a {
	margin-left: 15px;
}

#cformsform fieldset.cf-fs1 legend, #cforms2form fieldset.cf-fs1 legend {
	display: none;
}

fieldset.cf_hidden {
	display: none;
}

#cformsform fieldset.cf-fs1 ol.cf-ol, #cforms2form fieldset.cf-fs1 ol.cf-ol {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#cformsform input.single, #cforms2form input.single{
	width: 330px;
	height: 30px;
	margin-bottom: 10px;
	padding-left: 100px;
	padding-right: 10px;
	margin-right: 10px;
}
#cformsform label, #cforms2form label{
	position: absolute;
	z-index: 1;
	padding-top: 5px;
	padding-left: 21px;
}

fieldset.cf-fs1 {
	border-style: none;
	padding: 15px 0 0;
	margin: 0;
}
input#sendbutton.sendbutton, input#sendbutton2.sendbutton {
	width: 330px;
	height: 35px;
	text-align: center;
	margin-left: 15px;
	margin-top: 15px;
}
p.cf-sb {
	padding: 0;
	margin: 0;
}

#parte2  small {
	font-style: italic;
	color: #ff5a00;
	margin-left: 15px;
	font-size: 12px;
	position: relative;
	display: block;
	padding-top: 15px;
	padding-bottom: 15px;
}

#parte2 a {
	margin-left: 15px;
}

span.reqtxt, span.emailreqtxt {
	padding-top: 5px;
	position: absolute;
	z-index: 1;
	font-style: italic;
	font-size: 12px;
	color: #ff5a00;
}

#usermessagea {
	margin-left: 15px;
}

#usermessageb.cf_info.success, #usermessage2b.cf_info.success {
	margin-left: 15px;
	margin-top: 15px;
	width: 300px;
	height: 40px;
	text-align: center;
	font: 11pt/15pt "Medium";
	background-color: #c0fda2;
	text-shadow: rgba(255,255,255,0.47) 0 1px 0;
	color: #2c5a00;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: inset 0px 1px 0px #fff;
	-webkit-box-shadow: inset 0px 1px 0px #fff;
	padding-top: 10px;
	padding-bottom: 10px;
}
div#usermessageb.cf_info.waiting, div#usermessage2b.cf_info.waiting {
	margin-left: 15px;
	margin-top: 15px;
	width: 300px;
	height: 40px;
	text-align: center;
	font: 11pt/15pt "Medium";
	background-color: #f7e576;
	text-shadow: rgba(255,255,255,0.47) 0 1px 0;
	color: #6f6530;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: inset 0px 1px 0px #fff;
	-webkit-box-shadow: inset 0px 1px 0px #fff;
	padding-top: 10px;
	padding-bottom: 10px;
}
div#usermessageb.cf_info.failure, div#usermessage2b.cf_info.failure {
	margin-left: 15px;
	margin-top: 15px;
	width: 300px;
	height: 40px;
	text-align: center;
	font: 11pt/15pt "Medium";
	background-color: #f19768;
	text-shadow: rgba(255,255,255,0.47) 0 1px 0;
	color: #70492d;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: inset 0px 1px 0px #fff;
	-webkit-box-shadow: inset 0px 1px 0px #fff;
	padding: 10px 0;
}

img#cf_captcha_img.captcha, img#cf_captcha_img2.captcha {
	margin-left: 15px;
}

input#cf_field_2.single.fldrequired {
	padding-left: 130px;
	width: 330px;
}
input#cforms_captcha.secinput, input#cforms_captcha2.secinput {
	width: 330px;
	height: 30px;
	margin-bottom: 3px;
	padding-left: 90px;
	padding-right: 10px;
	padding-top: 0;
	margin-top: 0;
}
input#cf_field_6.single, input#cf2_field_6.single {
	margin-bottom: 0px;
}
input#cf_field_8.single, input#cf2_field_8.single {
	margin-top: 20px;
}

li#li--7.textonly, li#li-2-7.textonly {
	font-style: italic;
	color: #ff5a00;
	margin-left: 15px;
	font-size: 12px;
	position: relative;
	display: block;
	padding-bottom: 15px;
}

p#ll.linklove, p#ll2.linklove {
	display: none;
}
/* @end */

div#footnotes {
	border-top: 1px dotted gray;
	font: 8pt/12pt Arial, Helvetica, Geneva, sans-serif;
	clear: both;
}

div#license {
	margin-top: 15px;
	padding-top: 10px;
	font: 8pt/12pt Arial, Helvetica, Geneva, sans-serif;
}
div#supporters {
	margin-top: 30px;
	font: 8pt/12pt Arial, Helvetica, Geneva, sans-serif;
}

div#supporters a, div#supporters a:link, div#supporters img{
	border-style: none;
}

div#supporters a:link{
	border-style: none;
}

#supporters div {
	margin-top: 0;
	margin-bottom: 12px;
}

div.postInfo ul.nav, div.commentInfo {
	float: left;
	width: 140px;
	list-style-type: none;
	padding-left: 0;
	margin-right: 20px;
	text-align: right;
	font: 7pt/12pt Arial, Helvetica, Geneva, sans-serif;
}
#content div.comment div.commentInfo dl {
	margin: 0;
	padding: 0;
}
#content div.comment div.commentInfo {
	font-familyont: 11pt/15pt "Semibold";
	color: #000;
	text-decoration: none;
	text-align: right;
}

#content div.comment div.commentInfo dl dt a.url {
		font: 11pt/15pt "Italic";
	text-decoration: none;
	color: #000;
	padding-bottom: 0;
	margin-bottom: 0;
}

/* @group TopBar */
input[type=text], textarea {
	height: 25px;
	font: 13pt/17pt "Italic";
	color: #808080;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	background-color: #fff;
	border: 1px solid gray;
	margin: 0 20px 0 10px;
	padding: 0 0 0 10px;
	display: inline-block;
	position: relative;
	right: -4px;
	bottom: 2px;
}
.facebookshare{
	padding-left: 0px;
	height:30px;
	margin-top: 10px;
}
input[type=submit] {
	border: 1px solid gray;
	padding: 6px 12px;
	text-decoration: none;
	text-shadow: rgba(255,255,255,0.75) 0 1px 0;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 60%, from(rgb(240, 240, 240)), to(rgb(210, 210, 210)));
	background-image: -moz-linear-gradient(rgb(240, 240, 240) 0%, rgb(210, 210, 210) 60%);
	color: #303030;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	font: 10pt/13pt "Medium", Arial, Helvetica, Geneva, sans-serif;
	-moz-box-shadow: inset 0px 1px 0px #fff;
	-webkit-box-shadow: inset 0px 1px 0px #fff;
	margin: 0 0 0 10px;
	height: 27px;
	display: inline-block;
	position: relative;
}
input[type=submit]:hover{
	background-image: -webkit-gradient(linear, 0% 0%, 0% 60%, from(rgb(220, 220, 220)), to(rgb(190, 190, 190)));
	background-image: -moz-linear-gradient(rgb(220, 220, 220) 0%, rgb(190, 190, 190) 60%);
}

li#linkcat-7.linkcat {
	list-style-type: none;
}
/* @end */


ul.xoxo.blogroll {
	margin: 0;
	margin-top: 5px;
	padding: 0;
}