@charset "utf-8";
/* CSS Document */
body{ background:#ece8df url(../img/bg.png) repeat-x; color:#333 }
body, textarea{font: .85em 'Droid Sans', Arial, sans-serif ;}
h1{ font-size:2.6em}
h2{ font-size:2em; border-bottom:1px solid #ccc; padding-bottom:.3em; color:#000; margin-bottom:.5em}
h2 > span{ font-size:.9em; color:#666;}
h3{ font-size:1.8em; color:#333; margin:1.5em 0; padding:.2em 0;}
h4{ font-size:1.4em}
h5{ font-size:1em}
h2, h3, h4, h5{ margin-bottom:.8em}
a{ color:#2f98c9}
a:hover{ color:#065478}

p{ line-height:1.5em}

#treboles{ position:absolute; top:323px; width:100%; background: center top url(../img/bg-decoracion.png) no-repeat; height:192px; overflow:hidden; z-index:-1}
#wrapper{ margin:0 auto; width:987px; }
#container{ margin: auto 0;}
#content{ background:#fff; clear:both; padding:11px}
#content_for_layout{ margin:11px;}
#header{ height:120px; width:100%;}
#logo{ float:left; margin-top:30px}
#redes-sociales{ width:740px; float:right; height:46px; background:center top url(../img/bg-redessociales.png) no-repeat; }
#redes-sociales > div{ line-height:42px; float:left; margin-right:1.5em; margin-left:1.5em }
#redes-sociales > div > p{ font-family: 'Just Another Hand', Arial, sans-serif; font-size:2em; color:#cc6c19}
#redes-sociales > ul{ float:left; margin-top:11px }
#redes-sociales > ul > li{float:left; display:inline; margin-right:.4em; }
#redes-sociales > ul > li.gplus{ width:60px }
#redes-sociales > ul > li.blog{ margin-top:-2px; height:30px; background: left top url(../img/bg-blog.png) no-repeat; margin-left:15px }
#redes-sociales > ul > li.blog a{ font-size:1em; font-weight:bold; background: left top url(../img/bg-blog.png) no-repeat; line-height:24px; display:block; color:#cc6c19; text-decoration:none; text-transform:uppercase; width:54px; text-align:center;}

#menu{ width:770px; float:right; margin-top:30px;}
#menu ul{ float:right} 
#menu ul > li{ font-family: 'Armata', Arial, sans-serif; display:inline; width:auto; float:left; line-height:1em; text-transform:uppercase; color:#fff}
#menu ul > li > a{ display:block; color:#fff; text-decoration:none; font-weight:normal; line-height:1.2em; font-size:1.2em;padding:.4em .6em;}
#menu ul > li > a:hover{ background:#ece9e0; color:#cc6c19}
#menu ul > li.active > a{ font-weight:bold}
#footer{ margin-top:1em; margin-bottom:2em; clear:both; color:#333; width:100%; float:left; background:#fff; }
#footer > div{padding:11px}
#footer > div p{ line-height:2.2em}
#footer > div p span{ }
#banner{ margin-bottom:11px; float:left; width:100%; border-bottom:8px solid #ccc}
#banner > img{ float:left}
#banner > div{ margin-top:-120px; float:right;  z-index:2; margin-right:1.8em}
#banner > div p{font-family: 'Just Another Hand', Arial, sans-serif; font-size:5em;}
#banner > div p span{ background: url(../img/bg-gris-transparente.png) repeat;  padding:.2em .4em}

/*párrafos*/
div.parrafo{ }
div.parrafo h3{ margin:0; margin-bottom:.4em;}
div.parrafo p{ margin-bottom:1.5em; line-height:1.5em }
div.parrafo address{ line-height:1.5em }

div.parrafo ul{ margin-bottom:1em; padding-left:1em; list-style-type:disc; margin-left:1em}
div.parrafo ul > li{ margin-bottom:1em;}
div.parrafo dl{  }
div.parrafo dl > dt{ /*float:left; clear:both;*/ margin-bottom:1em; font-weight:bold }
div.parrafo dl > dd{ /*float:left;*/ margin-bottom:1.5em }


/*bordes*/
a.imagelink img{/** border:1px solid #ccc; padding:3px;*/ border: 5px solid #ece8df; }
img.borde{/** border:1px solid #ccc; padding:3px;*/ border: 5px solid #ece8df; }
div.borde{ border: 5px solid #ece8df; }
a.fancybox img{ border: 5px solid #ece8df; }