/**
* CSS
* 
* @version 1.0
* @author Vaska 
* @author Gregory Cadar
*/
* {
	margin: 0;
	padding: 0;
}

body {
	font: normal small/14px Georgia, "Times New Roman", Times, serif;
	color: #444;
	text-decoration: none;
	word-spacing: normal;
	text-align: left;
	letter-spacing: 0;
	line-height: 1.3em;
	background: #fff url(http://www.artesostenible.org/files/backgroundd.jpg) no-repeat;
	border-top: 10px solid #21420f;

}


a:link { text-decoration: none;
	color: #21420f;
}
a:active { text-decoration: none; }
a:visited { text-decoration: none; color: #666; }
a:hover {
	text-decoration: none;
	color: #b8db97;
	background-color: #21420f;
}

a img { border: none; }

#menu {
    width: 245px;
    overflow: auto;
    top: 0;
    bottom: 0;
	left: 0;
    position: fixed;
	margin-top: 50px;
	height: 100%;
}

#menu ul {
	list-style: none;
	margin: 5px 0 12px 20px;
}

#menu ul li.section-title {
	font-weight: bold;
	color: #21420f;
	font-variant: small-caps;
	font-size: 16px;
	line-height: 26px;
}

#content {
    height: 100%;
    margin: 50px 0 0 275px;
    top: 0;
	background: none no-repeat;
	width: 700px;
}

.container {
    padding: 5px 5px 25px;
}



#content p { width: 690px; margin-bottom: 9px;
	background-color: #f5fbf1;
	font-size: 1.2em;
	line-height: 1.2em;
}
p em { width: 690px; margin-bottom: 9px;
	background-color: #fff;
	font-size: 1em;
	line-height: 1.8em;
}
p {
    margin: 0 0 9px 0;
}

h1 { font-size: 22px;
	color: #21420f;
	line-height: 23px;
	margin-bottom: 15px;
	width: 690px;
}
h2 { font-size: 24px; }
h3 { font-size: 16px; }
h4 { font-size: 12px; }

#img-container	{ margin: 0; padding: 0; }
#img-container p	{ width: 400px; margin: 0; padding: 0 0 12px 0; }

#once { clear: left; }


#formsus {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:11px;
margin: 0 0 0 10px;
width:160px;
background: #f5fbf1 no-repeat;
border: 1px solid #e2ebdb;
	padding: 10px;
}

.formb {
	background-color: #b8db97;
	width: 150px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	padding: 3px;
	border-style: none;
}

.button {
	color: #FFF;
	background-color: #21420f;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	width: 60px;
	border: 0px none;
	padding: 3px;
}
.fgblue{
	color: #21420f;
	width: 150px;
	padding-top: 4px;
	font: 10px/9px Arial, Helvetica, Sans;
}

div#faq {
	background-color: #f5fbf1;
	padding: 50px 15px 15px;
	border: 1px solid #21420f;
}

div#faq > p {
	font-size: 1em;
	line-height: 1.4em;
	width: 98%;
}

div#faq > ul {
	font-weight: bold;
}

ul ~ p {
	width: 50%;
	margin-left: 20px;
}

div#faq a:link {
	color: #21420f;
	background-color: #b8db97;
}
div#faq a:visited {
	color: #21420f;
	background-color: #b8db97;
}

div#box {
	background-color: #f5fbf1;
	padding: 20px 15px 15px;
	border: 1px solid #21420f;
}

div#box > p {
	font-size: 1em;
	line-height: 1.4em;
	width: 98%;
}

#tallerescontainer{

}


#tallerescontainer h1{
	color: #21420f;
	font-size: 1.5em;
	line-height: 1.2em;
	padding-top: 30px;
}
#tallerescontainer h2{
	color: #8ba673;
	font-size: 1.5em;
	line-height: 1.2em;
	margin-bottom: 30px;
}

.talleres{
}

div#talleres {
	background-color: #f5fbf1;
	padding: 40px 30px 30px;
	border: 1px solid #8ba673;
	margin-bottom: 30px;
	margin-top: 20px;
	float: left;
	clear: both;
}
div#talleres > h1 {
	line-height: 1.8em;
	background-color: white;
}

div#talleres > h2 {
	line-height: 1.8em;
	background-color: white;
}

div#talleres > h3 {
	line-height: 1.2em;
	color: #8ba673;
	font-size: 1.45em;
}

div#columna_home > img {
	margin-bottom: 200px;
}

#tallerescontainer p {
	line-height: 1.5em;
	width: 98%;
	background-color: white;
	margin-bottom: 10px;
	font-size: 1.15em;
	text-align: justify;
}
#tallerescontainer ul {
	width: 90%;
	padding-left: 20px;
	padding-top: 20px;
	list-style-type: disc;
	list-style-position: outside;
	font-size: 1em;
}
#tallerescontainer li {
	padding-bottom: 10px;
}


div#download {
	background-color: #f5fbf1;
	padding: 10px 30px;
	border: 1px solid silver;
	margin-bottom: 10px;
	margin-top: 10px;
	float: left;
	clear: both;
}

.pdfbox {	
	border: 1px solid #21420f;
	width: 250px;
	display: inline-block;
	float: left;
	position: relative;
	margin: auto;
}



#columna_home1, #columna_home2
{
	width:300px;
	margin:0 5px;
	margin-bottom:5px;
}

.columna_izq
{
     margin: 0 18px 5px 10px;
     float:left;
     width:330px;
	 text-align:justify;
 }

.columna_der
{
     margin: 0 10px 10px 18px;
     float: left;
     /*font-size: 1.3em;
	 line-height: 2.8em;*/
	 text-align:justify;
	 width:330px;
 }
 
 .creditos
{
	font-size: 5px;
	color: silver;
}

/* @group Plantilla Cursos */

/* @group confirmationbox */

.nombrecurso {
	text-transform: uppercase;
	clear: left;
	display: block;
	color: #21420f;
	font-size: 17px;
}

#confirmationbox {
	clear: left;
	background-color: #f5fbf1;
	border: 1px solid #e2ebdb;
	font-size: 19px;
	line-height: 25px;
	padding: 50px;
	text-align: center;
	color: #91958f;
	margin-top: 60px;
}



/* @end */

/* @group preguntas frecuentes */

.anclafaq {
	margin-top: 30px;
	margin-bottom: 50px;
	display: block;
	background-color: #f5fbf1;
	clear: left;
	padding-left: 10px;
}

.bioprofe {
	font-size: 85%;
	line-height: 1.4;
	color: #767676;
}

div.respuestas > p {
	color: #686868;
	line-height: 1.8;
	margin-top: 15px;
}

div.respuestas li {
	list-style-type: none;
	font-size: 120%;
	line-height: 1.4;
}

div.preguntas ul {
	list-style-type: none;
	font-size: 120%;
	line-height: 1.4;
}

.preguntas {
	clear: left;
	border-bottom: 1px solid #e2ebdb;
	padding-bottom: 15px;
	padding-top: 15px;
	margin-bottom: 10px;
}

.respuestas {
	clear: left;
	border-bottom: 1px solid #e2ebdb;
	padding-bottom: 15px;
	padding-top: 15px;
	margin-top: 10px;
	width: 471px;
}


/* @end */

/* @group listado cursos */

div.fichabreve strong {
	color: #99b67e;
	font-size: 120%;
	margin-left: 10px;
}

.fichabreve {
	margin-top: 20px;
}

div.fichabreve ul ~ a {
	background-color: #b8db97;
	width: 90%;
	margin-top: 20px;
	display: block;
	margin-left: 10px;
	text-align: center;
}

div.fichabreve ul ~ a:hover {
	text-decoration: none;
	color: #b8db97;
	background-color: #21420f;
}

div.listadocursos ul {
	margin-left: 15px;
	padding-top: 10px;
	list-style-type: disc;
	opacity: 1;
	list-style-position: outside;
	height: 60px;
	display: block;
	list-style-image: url(http://www.artesostenible.org/files/bullet01.gif);
	padding-left: 12px;
}

div.fichabreve h3 {
	display: block;
	clear: left;
	height: 45px;
}

div.listadocursos img {
	border: 1px solid #b9c1b2;
	margin-bottom: 15px;
	clear: both;
	margin-top: 20px;
}

.listadocursos {
	clear: left;
	padding-top: 15px;
	border-top: 1px solid #e2ebdb;
	border-bottom: 1px solid #e2ebdb;
}

fichacursolistado {
	padding-top: 0;
	margin-top: 0;
}

div.fichacursolistado img{
	vertical-align: top;
}


/* @end */

.fichacurso {
	height: 380px;
	clear: left;
}

#plantillacursos p {
	line-height: 1.3em;
	width: 100%;
	margin-bottom: 10px;
	font-size: 1.18em;
	background-color: transparent;
}


div.fichacurso img {
	border: 0px solid #df47fa;
}

.calltoaction {
	clear: left;
	padding-top: 5px;
	background-color: #f5fbf1;
	padding-left: 15px;
	border: 1px solid #e2ebdb;
	padding-bottom: 20px;
}

form.paypal {
	height: 50px;
}



.precio {
	font-size: 30px;
	color: #21420f;
	font-weight: bold;
	clear: left;
	margin-bottom: 15px;
	display: block;
}

.lectiva {
	display: block;
	clear: left;
	margin-top: 30px;
}

.firmatest {
	display: block;
	clear: left;
	margin-top: 15px;
	text-align: right;
}

div#plantillacursos input {
	position: relative;
	top: -60px;
	left: 0;
}

.menuhoriz {
	width: 691px;
	margin-bottom: 30px;
	border-bottom: 2px solid #e2ebdb;
	text-align: right;
	font-variant: small-caps;
}

.programa {
	clear: left;
	padding-top: 15px;
	border-top: 1px solid #e2ebdb;
	border-bottom: 1px solid #e2ebdb;
	padding-bottom: 20px;
}

.testimonios {
	clear: left;
	padding-top: 15px;
	border-top: 1px solid #e2ebdb;
	border-bottom: 1px solid #e2ebdb;
}

.matriculate {
	clear: left;
	padding-top: 5px;
	background-color: #f5fbf1;
	padding-left: 15px;
	border: 1px solid #e2ebdb;
	margin-right: 15px;
}

#plantillacursos h1 {
	font-weight: bold;
	font-variant: small-caps;
	line-height: 16px;	
}

#plantillacursos h2 {
	font-size: 20px;
	font-weight: bold;
	font-variant: small-caps;
	line-height: 12px;	
}

#plantillacursos h3 {
	font-size: 14px;
	font-weight: bold;
	line-height: 1.3em;
	color: #335e15;
}




/* @end */