@charset "utf-8";
/*  
Theme Name: Yayo Insed
Theme URI: http://www.insednetwork.org/
Description: El diseño de Yayo para Insednetwork.
Version: 1.1 2010-06-28
Author: Rosario Mas Millet
Author URI: http://www.masmillet.com/
*/

/* CSS Document reset.css */
/* versión 0.1 2007-05-23 */
/* Gracias a Eric Meyer por el reset */

html, body, div, dl, dd, ol, ul, li, fieldset, form, table, tbody, tfoot, thead, tr, th, td {
margin:0;
padding:0;
border:#FFFFFF;
outline:0;
font-weight:inherit;
font-style:inherit;
font-size:100%;
font-family:inherit;
vertical-align:baseline;
}
h1, h2, h3, h4, h5, h6, p, dt, caption, blockquote, address, img, object, iframe, label, legend {
margin:0;
padding:0;
border:#FFFFFF;
outline:0;
font-weight:inherit;
font-style:inherit;
font-size:100%;
font-family:inherit;
vertical-align:baseline;
}
span, pre, a, abbr, acronym, big, cite, code, del, dfn, em, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var {
margin:0;
padding:0;
border:#FFFFFF;
outline:0;
font-weight:inherit;
font-style:inherit;
font-size:100%;
font-family:inherit;
vertical-align:baseline;
}
html {
overflow:scroll;
}
body {
font-family: Verdana, Arial, Helvetica, sans-serif;
background-color: #ffffff;
margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
padding: 0;
text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
color: #000000;
}
ol, ul {
list-style:none;
}
a {
text-decoration:none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse:collapse;
border-spacing:0;
width:100%;
}
caption, th, td {
text-align:left;
font-weight:normal;
}
blockquote:before, blockquote:after, q:before, q:after {
content:"";
}
blockquote, q {
quotes:"" "";
}
/* Fin del reset */
a {
color:#600430;
}
a:visited {
color:#600430;
}
a:hover {
color: #FFFFFF;
background-color: #911a57;
}
a:active {
color:#e7e3d2;
}
strong {
font-weight:bold;
}
em {
font-style:italic;
}
h1, h2, h3, h4, h5, h6 {
font-family:Georgia, "Times New Roman", Times, serif;
font-weight: normal;
font-style: normal;
font-variant:normal;
}
h1 {
font-size:1.44em;
line-height:1.045em;
margin-bottom:0.261em;
margin-top:0.522em;
} 	/* 23 24 06 12 */
h2 {
font-size:1.438em;
line-height: 1.087em;
margin-bottom:0.273em;
margin-top:0.546em;
} /* 23 25 06 12 */
h3 {
font-size:1.313em;
line-height: 1.19em;
margin-bottom:0.3em;
margin-top: 0.6em;
} /* 21 25 06 12 */
h4 {
font-size:1.13em;
line-height:1.335em;
margin-bottom:0.335em;
margin-top: 0.67em;
}	/* 18 24 06 12 */
h5 {
font-size:1.0em;
font-weight:bold;
line-height:1.2em;
margin-bottom: 0.375em;
margin-top: 0.75em;
} /* 16 24 06 12 */
h6 {
font-size:0.88em;
font-weight:bold;
line-height:1.715em;
margin-bottom: 0.43em;
margin-top: 0.86em;
}	/* 14 24 06 12 */
#container {
width: 950px;
margin: 0 auto;
text-align: left; /* this overrides the text-align: center on the body element. */
position:relative;
}
.bg1-es {
background: #FFF url(images/bg1-es.gif) no-repeat 0px 137px;
}
.bg2-es {
background: #FFF url(images/bg2-es.gif) no-repeat 0px 137px;
}
.bg3-es {
background: #FFF url(images/bg3-es.gif) no-repeat 0px 137px;
}
.bg4-ca {
background: #FFF url(images/bg4-ca.gif) no-repeat 0px 137px;
}
.bg5-ca {
background: #FFF url(images/bg5-ca.gif) no-repeat 0px 137px;
}
.bg6-ca {
background: #FFF url(images/bg6-ca.gif) no-repeat 0px 137px;
}
.bg7-en {
background: #FFF url(images/bg7-en.gif) no-repeat 0px 137px;
}
.bg8-en {
background: #FFF url(images/bg8-en.gif) no-repeat 0px 137px;
}
.bg9-en {
background: #FFF url(images/bg9-en.gif) no-repeat 0px 137px;
}
.insed #header {
padding: 0;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
background-color: #e7e3d2;
height: 137px;
}
.insed #header h1, .insed #header h3 {
margin: 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
position: absolute;
top: -100px;
}
.insed #header img.logo {
margin: 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
position: absolute;
top: 24px;
left:20px;
}
.insed #header #now {
position: absolute;
top: 60px;
right: 10px;
color:#FFFFFF;
font-family:Tahoma, Arial, sans-serif;
font-size:0.69em;
}
.insed #container-wrapper {
position:relative;
background-image:url(images/lines.gif);
background-repeat:repeat-y;
background-position:232px 0px;
}
.insed #conta {
width:710px;
float:right;
}
.insed #content {
width:473px;
float:left;
margin-bottom:1em;
padding-bottom:1em;
}
#content ul {
list-style-type: disc;
padding-left: 25px;
margin-top:0.55em;
}
#content ol {
padding-left: 25px;
list-style-type: decimal;
}
#nav-above, #nav-below {
padding:0px 20px 0px 20px;
height:1.01em;
}
#content p, #content li, #content blockquote, #content pre {
font-size:0.75em;
line-height: 1.417em;
margin-bottom:0.55em;
text-align:left;
}	/* 12 17 06 00 */
#content li.page_item {
font-weight:bold;
}
#content ul.children li.page_item {
font-weight:normal;
}
#content li li {
font-size:100%;
}
p.small, .comment .comment-meta, #nav-above, #nav-below, .entry-meta, .entry-date {
font-size:0.72em;
line-height:1.01em;
margin:2.01em 0em;
}
.entry-date {
font-weight:bold;
margin:1.01em 0em;
}
.alignleft, .nav-previous {
float:left;
}
.alignright, .nav-next {
float:right;
}
form#commentform .form-label {
margin:1em 0 0;
}
form#commentform span.req-field {
background:#fff;
color:red;
}
form#commentform, form#commentform p {
padding:0;
}
input#author, input#email, input#url {
width:50%;
}
input#author, input#email, input#url, textarea#comment {
padding:0.2em;
}
.comments, #respond {
margin:0px 21px 0px 27px;
}
.comments {
}
.comment {
background-color:#F4ECDB;
padding:3px;
}
.comments ol, .comments p {
margin-bottom:0;
}
.comments ol li {
margin:0 0 2.01em;
}
textarea#comment {
height:13em;
margin:0 0 0.5em;
overflow:auto;
width:66%;
}
#content .ddfmwrap {
margin:1em 0em 0em 0em;
}
.insed #primary {
width:228px;
float:right;
clear:right;
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:bold;
}
.insed #secondary {
width:232px;
float:left;
margin-top:100px;
}
.sidebar {
font-size:0.688em;
line-height: 1.636em;
}
.sidebar ul {
padding:0;
}
div.sidebar .xoxo {
padding:0px 8px;
}
.sidebar h3 {
font-size:1.5em;
margin-bottom: 0.1em;
margin-top: 0.85em;
}
.sidebar a {
display:block;
}
.sidebar #testimony a, #primary #news a, #primary #articles a {
padding:0px;
text-transform: uppercase;
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:bold;
}
.sidebar #testimony h3, #primary #news h3, #primary #articles h3 {
margin-bottom:0px;
margin-top:0px;
}
.sidebar #testimony, #primary #news, #primary #articles {
}
#secondary li {
margin:0;
}
#search li {
list-style:none;
margin:0 0 1em;
}
.sidebar ul ul li {
margin:0;
}
.sidebar li#meta {
}
.sidebar input#s {
width:180px;
border:1px solid #bebebe;
color:#666666;
font-family: "Trebuchet MS", monaco, "Lucida Console", courier, mono-space;
}
.sidebar ul ul ul {
margin:0 0 4px 10px;
}
.insed #primary a {
padding: 3px 4px 3px 8px;
}
#primary ul ul ul {
border-top:1px dashed #000;
}
#primary ul ul ul li {
list-style:none;
padding:2px;
border-bottom:1px dashed #000;
}
#primary ul ul li {
padding:2px 0px 2px 0px;
}
.insed #sidebar1 {
float: left; /* since this element is floated, a width must be given */
width: 200px; /* the background color will be displayed for the length of the content in the column, but no further */
padding: 15px 10px 15px 20px;
clear: left;
}
.insed #mainContent {
margin: 0 0 0 250px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
border-left: 1px dashed #000000;
}
#footer {
clear:both;
background-color:#e7e3d2;
font-family:Tahoma, Arial, sans-serif;
font-size:0.688em;
line-height:2.5em;
color:#333333;
}
#footer span.theme-link {
display:block;
float:right;
position:relative;
width:674px;
}
#footer span.logo {
display:block;
position:absolute;
left:-36px;
top:0;
width:30px;
height:25px;
background: #e7e3d2 url(images/w.gif) no-repeat 0px -2px;
}
#footer strong {
color:#333333;
font-weight:bold;
}
#footer strong.net {
color:#68005D;
}
#footer .abajo-izquierda {
width:228px;
}
#footer .abajo-izquierda a {
display:inline-block;
cursor:pointer;
padding:0px 10px;
}
#footer .abajo-izquierda li {
display:inline;
cursor:pointer;
}
#footer .current-menu-item {
font-weight:bold;
}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
float: right;
margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
float: left;
margin-right: 8px;
}
blockquote {
font-family: Georgia, "Times New Roman", Times, serif;
color: #FFFFFF;
background-color: #999999;
margin: 10px;
padding: 0;
background-image: url(../../images/top_quote.gif);
background-repeat: no-repeat;
background-position: left top;
}
blockquote p {
margin: 10px 0px 0px 10px;
padding: 10px 10px 0px;
text-indent: 20px;
}
#quote_attrib {
font-size: 70%;
background-image: url(../../images/btm_quote.gif);
background-repeat: no-repeat;
background-position: right bottom;
text-align: right;
text-indent: 0px;
margin-top: 0px;
padding-bottom: 30px;
}
#principal li img {
}
#principal .cursos {
clear:both;
}
#principal .cursos li {
list-style-type: none;
}
#principal {
margin:0 auto;
position: relative;
}
#principal .logos-cursos li {
display:inline;
float:left;
width:148px;
padding:30px 0px;
margin:0px;
}
/* barra superior de navegación después del header */
#nav {
width: 950px;
font-family:Tahoma, "Lucida Grande", sans-serif;
font-size: 68.8%;
}
div.skip-link, div.arriba-centro, div.arriba-derecha {
float:left;
display:inline;
}
#nav .skip-link {
width:232px;
visibility:hidden;
}
#nav .skip-link a {
visibility:hidden;
cursor:default;
}
#nav .arriba-centro {
width:490px;
/*padding-left:12px;*/
background-color: #463132;
color: #fff;
}
#nav .arriba-derecha {
width:228px;
/*padding-left:10px;*/
background-color:#3eb8c0;
color: #fff;
}
#nav a {
display:inline-block;
cursor: pointer;
padding: 9px 8px 8px 9px;
text-decoration: none;
}
#nav a:visited, #nav a:link {
background-color:transparent;
color: #fff;
}
#nav a:hover, #nav a:focus, #nav .arriba-derecha a:hover, #nav .arriba-derecha a:focus {
background-color: #911a57;
color: #fff;
}
#nav .current-menu-item {
font-weight:bold;
}
#nav .menu {
margin: 0;
padding: 0;
cursor: default;
width: auto;
}
#nav .menu li {
margin: 0;
padding: 0;
list-style-type: none;
font-size: 100%;
text-transform:uppercase;
white-space:nowrap;
/*text-align:center;*/
position: relative;
cursor: pointer;
display:inline;
/*float: left;*/
}
/* new clearfix */
#footer:after, #nav:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
/* del editor de entradas y páginas */
.icono-izquierda {
float:left;
padding:0px 10px 0px 0px;
}
.parrafo-descarga-pdf {
background-image:url(images/pdf48.gif);
background-repeat:no-repeat;
background-position:8px 50%;
padding:4px 10px 3px 58px;
margin-right:0px;
font-size:0.688em;
border:1px solid #f88017;
}
.icono-derecha {
}
.imagen-izquierda {
}
.imagen-derecha {
}
.imagen-centro {
display:block;
margin-right:auto;
margin-left:auto;
margin-top:2em;
margin-bottom:2em;
}
/* Form */
.fbform {
font-family:Arial, Helvetica, sans-serif;
background:#e8e8e8;
margin:0px -15px 20px;
padding:5px;
width:470px;
}
.fbform fieldset {
border:none;
border-top:1px solid #bebebe;
clear:both;
margin:10px 0 20px 0;
}
/* fieldset containing submit btn */
.fbform fieldset.fbsubmit {
border:0;
margin:0;
padding:0;
}
.fbform legend {
color:#333;
font-size:0.813em;
padding:0 5px;
}
.fbform dl {
margin:0;
}
.fbform dt {
font-size:0.75em;
font-weight:bold;
margin:10px 0 0 5px;
padding:0;
width:85px;
}
.fbform dd {
margin:2px 0 10px 0;
padding:0;
}
.fbform dd p {
font-size:0.8em;
margin:10px 0 0 0;
}
.fbform dd label {
display:block;
}
.fbform dd.fbformdivider {
border-bottom:1px solid #ccc;
clear:both;
float:none;
height:1px;
margin:0 0 10px 0;
width:auto;
}
.fbform dd.fbformdivider.fblast {
display:none;
}
.fbform input, .fbform textarea {
font-family:"Lucida grande", Verdana, sans-serif;
font-size:0.688em;
}
.fbtextfield, .fbselect {
width:300px;
}
.fbtextarea {
width:365px;
}
.fbform input:focus, .fbform input:focus {
background: #ffdab9;
}
.fbradio {
/* style radio buttons here, if need be */
	}
.fbcheckbox {
/* style checkboxes here, if need be */
	}
.fbsubmitbtn {
margin:0 0 15px 0;
}
.fbfielderror {
color:#e00000;
}
.fbrequired {
color:#e00000;
}
/* Error Message */
.fbformerrormessage {
background:#f9ecec;
border:3px solid #e41b17;
margin:0;
}
#content .fbformerrormessage h2 {
background:#e00000;
color:#fff;
font-size:1.125em;
line-height: 1.167em;
padding:10px 15px;
margin:0;
}
.fbformerrormessage ul {
margin-bottom:15px;
margin-top:15px;
}
.fbformerrormessage ul li {
padding:0px 5px;
}
/* Thanks Message */
.fbthanks {
background:#f1fcf1;
border:3px solid #02b602;
margin:0;
}
#content .fbthanks h2 {
background:#02b602;
color:#fff;
font-size:1.125em;
line-height: 1.167em;
margin:0;
padding:10px 15px;
}
.fbthanks p {
padding:0 15px;
}
.fbthanks p a {
/* style the thanks link here, if need be */
}