/*
      Theme Name: Areia
      Theme URI: http://www.areia.info
      Version: 1.0
      Author: David Martín
      Author URI: http://www.areia.info
*/

/*Reseteo*/
body, html{font-size: 62.5%;}
body {font-size: 101%;}
html>/**/body {font-size: 100%;}
div:after, ul:after, dl:after, dd:after, dt:after{content:"";display:block; clear:both; height:0; visibility:hidden;}
/*limpiar flujo oculto para IE-mac \*/
* html div, * html ul, * html dl, * html dd, * html dt {height:1%;} /* final hack IE-mac */
*:first-child+html div, *:first-child+html ul, *:first-child+html dl, *:first-child+html dd, *:first-child+html dt, *:first-child+html ol{height:auto; display: inline-block;}
*{margin:0;padding:0;}
p.img{text-align:center;}
p.der{float:right;margin-bottom:2em;margin-left:2em;}
img{border:0;}
input,textarea{font-family:"Trebuchet MS", "Lucida Console", Arial, Verdana, sans-serif;}
img,input{vertical-align:middle;}
input[type="submit"]{cursor:pointer;}
blockquote{color:#0B6399;font-style:italic;}

/*Generales*/
body{font-family:"Trebuchet MS", "Lucida Console", Arial, Verdana, sans-serif;padding:1.9em 2.5em 2.5em 2.5em;background:#474747;text-align:center;}
a:link,a:visited{color:#006CCC;text-decoration:none;border-bottom:1px dotted #EB2929;}
a:visited{border:0;}
a:hover{background:#006CCC;color:#fff;border:0;}
h1,h2{font-weight:normal;font-family:Georgia, "Times New Roman", Times, serif;}
h2 span{color:#828282;}
ul{list-style-type:disc;list-style-position:inside;}

#contenedor{width:84em;margin:0 auto;text-align:left;}
#contenedor > p{margin-right:0.25em;margin-bottom:0.6em;text-align:right;font-size:1.6em;}
#contenedor > p a:link,#contenedor > p a:visited,#contenedor > p a:hover{color:#fff;border-bottom:1px dotted #fff;}
#contenido{background:#fff;padding:3em;}
#cabecera{margin-bottom:4.7em;}
#cabecera > p{float:left;}
#cabecera > p img{width:34.3em;height:5.9em;}
#cabecera div{float:right;margin-top:0.2em;}
#cabecera div form{float:left;padding:1.4em 0.4em 1.4em 1em;background:#F7F9F9;margin-right:0.6em;}
#cabecera div form input[type="text"]{padding:0em 0.2em;border:1px solid #ccc;font-size:1.2em;}
#cabecera div form input[type="submit"]{background:none;border:0;font-size:1.2em;color:#006CCC;cursor:pointer;}
#cabecera div p{padding:1.6em 1em 1.7em 1em;background:#F7F9F9;float:left;}
#cabecera div p a{border:0;font-size:1.2em;}
#cabecera div p a:hover{color:#006CCC;background:none;}
#cabecera div p a img{width:1.35em;height:1.35em;position:relative;top:-0.1em;}
*:lang(es) #cabecera div{margin-top:0.3em;}
*:lang(es) #cabecera div form{padding:1.55em 1.3em 1.55em 1em;}
*:lang(es) #cabecera div p{padding:1.65em 1em 1.65em 1em;}
*:lang(es) #cabecera div p a img{top:-0.2em;}

#posts .fecha{margin-bottom:0;font-size:1.1em;color:#828282;}
#posts h1{margin-bottom:0.5em;font-size:3em;color:#006CCC;}
#posts h1,#posts h1 a:link,#posts h1 a:visited,#posts h1 a:hover{border:0;}
#posts h1 a:hover{color:#fff;}
#posts h2{margin-bottom:0.5em;font-size:2.2em;}
#posts h2.intro{margin-bottom:1.5em;}
#posts h2.intro em{color:#006CCC;}
#posts h3{margin-bottom:0em;font-size:1.6em;font-weiight:normal;font-style:italic;}
#posts p{margin-bottom:1.6em;line-height:1.6em;font-size:1.6em;}
#posts .nota{margin-bottom:1.6em;padding:1em 2em;background:#F7F9F9;font-style:italic;}
#posts .nota .actualizacion{font-size:1.2em;font-style:normal;}
#posts .slideshare{width:425px;text-align:left;margin-bottom:3em;}
#posts .slideshare p{margin-bottom:0px;font-size:1.4em;}
#posts .vimeo{width:508px;text-align:left;margin-bottom:3em;}
#posts > p img{border:0.95em solid #e5e5e5;}
#posts > p.img_sinborde{margin-bottom:0;}
#posts > p.img_sinborde img{border:0;}
#posts ul{font-size:1.6em;margin-bottom:1.6em;margin-left:1em;}
#posts ul li{margin-bottom:1.5em;}
#posts dl{margin-bottom:1.6em;font-size:1.6em;}
#posts dt{font-style:italic;}
#posts dd{margin-bottom:1em;margin-left:1.6em;}
#posts pre{margin-bottom:1.6em;font-size:1.6em;}
#posts code{margin:0;color:#990000;}
#posts .anteriores{float:left;padding-left:0.7em;background:url(http://www.areia.info/wp-content/themes/Areia/imgs/anteriores.gif) 0em 0.6em no-repeat;}
#posts .siguientes{float:right;padding-right:0.7em;background:url(http://www.areia.info/wp-content/themes/Areia/imgs/siguientes.gif) right 0.6em no-repeat;}
#posts .meta{margin-bottom:6em;padding:1em;background:#F7F9F9;color:#828282;}
#posts .meta > p{float:left;margin:0;padding:0;font-size:1.1em;}
#posts .meta > p + p{float:right;}
#posts .meta + h2 + p{color:#828282;}
#posts .meta p a:visited{border-bottom:1px dotted #EB2929;}
#posts .comentario{margin-bottom:2em;padding:2em;border-top:4px solid #eff5f5;background:#f7f9f9;color:#828282;}
#posts .comentario > p{float:right;letter-spacing:2px;font-size:1.4em;}
#posts .comentario > p + p{float:none;color:#474747;letter-spacing:0px;}
#posts .comentario p span{color:#828282;}
#posts .comentario + h2{margin-top:2em;}
#posts .comentario + h2 + p{color:#828282;margin-bottom:2em;}

#posts form{padding-bottom:24em;}
#posts form p{margin-bottom:1em;text-align:left;}
#posts form > p{font-size:1.2em;color:#828282;}
#posts form div{float:left;margin-left:5em;text-align:right;}
#posts form div p label{cursor:pointer;}
#posts form div p input[type="text"],#posts form p textarea{width:22.5em;padding:0.1em 0.2em;border:1px solid #abcfee;background:#f7f9f9;font-size:0.8em;}
#posts form p textarea{width:23.5em;height:11.75em;}
#posts form input[type="submit"]{margin-left:16.9em;padding:0em 0.2em;border:0;background:#006CCC;color:#fff;font-size:1.3em;}
#posts form input[type="submit"]:hover{background:#4e904b;}
#posts form p input[type="text"]:hover,#posts form p input[type="text"]:focus,#posts form p textarea:hover,#posts form p textarea:focus{border:1px solid #7ab577;background:#f5faf5;}
*:lang(es) #posts form p textarea{height:11.45em;}
*:lang(es) #posts form input[type="submit"]{padding:0.2em 1em;}

#pie{padding:4em 2em 3em 4em;}
#pie div{float:left;width:27.3%;margin-right:4%;}
#pie > div + div{width:30.3%;}
#pie h2{margin-bottom:0.5em;padding:0.1em 0.5em;background:#006CCC;color:#fff;font-size:2em;font-style:italic;}
#pie ul{font-size:1.3em;margin-left:1em;}
#pie ul li{margin-bottom:0.5em;color:#828282;}
#pie ul li a:link,#pie ul li a:visited{color:#fff;border:0;}

#legal{padding:1em 3em;border-top:1px solid #4F4F4F;text-align:center;color:#fff;}
#legal p{margin:0;padding:0;font-size:1.2em;}
#legal p a:link,#legal p a:visited{border-bottom:1px dotted #fff;color:#fff;}
#legal p a:hover{border-bottom:1px dotted #fff;background:#006CCC;color:#fff;}