/*...............
 Cuerpo basico 
...............*/
body {
background:#fff url(img/body_back.png) top repeat-x;
color:#444;
font-family: verdana, "Bitstream Vera Sans", sans-serif;
font-size:84%;
margin:0;
padding:0;
line-height: 1.6em;
}

/*..........................................
 Truco para evitar que la barra de scroll 
 de Firefox desaparezca y mueva la pagina 
..........................................*/
html,body {
min-height:100.1%;
}

/*...................................
 Estilos de enlace, acronimos y citas
...................................*/
a {
color:#090;
text-decoration:none;
}

a:visited {
color:#060;
}

a:hover {
color:#0c0;
}

a:active {
color:#666;
}

a.pdf {
background:transparent url(img/icon-pdf.png) no-repeat scroll 100% 50%;
padding:0 20px 0 0;
}

a.text {
background:transparent url(img/icon-text.png) no-repeat scroll 100% 50%;
padding:0 16px 0 0;
}

a.facebook {
padding: 0 16px 0 0;
background: transparent url(/template/img/icon-facebook.png) no-repeat 100% 50%;
}

a.twitter {
padding: 0 16px 0 0;
background: transparent url(/template/img/icon-twitter.png) no-repeat 100% 50%;
}

a.flickr {
background:transparent url(img/icon-flickr.png) no-repeat scroll 100% 50%;
padding:0 20px 0 0;
}

a img {
border:0;
}

acronym,abbr {
border-bottom:1px dotted #ccc;
}

cite {
font-style:italic;
}

cite:before{
content: "\2014\00a0";
}

q {
background-color: #edf3fa;
}

p.footnote {
font-size:84%;
}

/*..........................
 Elementos de envoltura:  
 propiedades de las cajas 
..........................*/
#contenedor {
margin:0 auto;
max-width:960px;
padding:0 3em;
}

#header {
height:153px;
margin:0;
padding:0;
}

#sidebar {
border-top:5px solid #ccc;
float:left;
padding-top:15px;
width:25%;
}

#content {
border-top:1px solid #ccc;
float:right;
padding:15px 0 7em;
width:70%;
}

#footer {
background:#c6c6c6 url(img/footer.jpg) top center repeat-x;
clear:both;
margin:0;
padding:1em 0;
text-align:center;
}

#tweet, .nota, blockquote {
border-radius: 5px 5px 5px 5px;
margin: 0;
min-height: 50px;
padding: 10px;
font-size:.9em;
overflow:hidden;
}

#tweet {
background-color: #ebf2f9;
}

.nota {
background-color: #f9f9f9;
}

blockquote {
background-color: #fcfbf7;
}

.nota p {
padding:0;
margin: 0;
} 

.nota h3 {
margin: 0 0 .5em;
}

/*..........
 Cabecera 
..........*/
#header h1 {
margin:0;
padding:70px 0 0 30%;
text-align:left;
}

#header h1 a {
color:#000;
}

div#logo {
float:left;
margin-top:35px;
width:25%;
text-align:center;
}

/*............
 Contenidos 
............*/
h1,h2,h3 {
font-family:'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
line-height:1.2em;
}

h1 {
font-size:230%;
}

h2 {
font-size:170%;
margin:10px 0;
padding:0;
}

h3 {
font-size:140%;
}

.post {
background:url(img/gracia.png) center bottom no-repeat;
margin:0 0 50px;
padding:0 0 50px;
}

.titulo {
position: relative;
margin-bottom: 1.5em;
width: 100%;
}

.titulo h2 {
margin:0;
}

.meta {
color:#a2a2a2;
font-size:.9em;
margin:.5em 0 0;
text-align: left;
}

.meta span {
padding:4px 0 4px 20px;
}

.meta span.fecha {
background:url(img/date.png) no-repeat left center;
}

.meta span.num_coment {
background:url(img/comment.png) no-repeat left center;
}

.meta span.no_coment {
background:url(img/no_comment.png) no-repeat left center;
}

a.leermas {
padding:4px 0 4px 20px;
margin: 0;
background:url(img/action_go.png) no-repeat left center;
}

div.pie_post {
padding: 15px 0 0 0;
margin: 0;
text-align: right;
}

span.invi_coment {
padding:4px 0 4px 20px;
margin: 0;
background:url(img/comment_add.png) no-repeat left center;
}

p.tweetdate {
text-align:right;
font-family:Georgia,"Times New Roman",Times,serif,Arial,Verdana;
margin: 0;
}

#tweet p {
margin:0;
}

.entry {
clear:both;
display: inline; /* Solucion al bug de IE */
		 /* http://www.positioniseverything.net/explorer/doubled-margin.html */
}

.entry p {
line-height:1.6em;
margin:0 0 1.2em;
}

#content li {
line-height:1.6em;
}

dd {
margin-bottom: 1em;
}

span.maquina {
background-color:#f0f0f0;
font-family:"Bitstream Vera Sans Mono","Monaco","lucida monospace",monospace;
}

ul.ocultable {
list-style-type:none;
padding:0;
}

ul.descargas {
padding:0;
}

ul.descargas > li {
line-height: 1.6em;
list-style-image: none;
list-style-type: none;
background-color: #F0F0F0;
border: 1px solid #FFFFFF;
border-radius: 12px 12px 12px 12px;
margin-top: 1.5em;
padding: 12px;
}

li.nombre {
background:transparent url(img/nombre.gif) no-repeat scroll left center;
padding:0 0 0 24px;
}

li.tlf {
background:transparent url(img/phone_sound.png) no-repeat scroll left center;
padding:0 0 0 24px;
}

li.web {
background:transparent url(img/link.gif) no-repeat scroll left center;
padding:0 0 0 24px;
}

li.email {
background:transparent url(img/email.png) no-repeat scroll left center;
padding:0 0 0 24px;
}

li.direccion {
background:transparent url(img/home.gif) no-repeat scroll left center;
padding:0 0 0 24px;
}

table {
background:#f4f4f4;
border:1px solid #ccc;
border-spacing:0;
width:100%;
text-align: center;
}

td {
border: 1px solid #9abde2;
padding: 0.5em;
}

thead {
background-color: #9abde2;
font-weight: 700;
}
/*..........
 Imagenes 
..........*/
#content img {
border-bottom:1px solid silver;
border-left:1px solid #ddd;
border-right:1px solid silver;
border-top:1px solid #ddd;
max-width:100%;
padding:3px;
}

img.centro {
display:block;
margin-left:auto;
margin-right:auto;
}

img.dcha {
display:inline;
margin:0 0 2px 7px;
padding:4px;
}

img.izda {
display:inline;
margin:0 7px 2px 0;
padding:4px;
}


#content img.limpia {
border:0;
margin:4px;
}

#content img.boton {
border:0;
margin:0;
padding:0;
}

.dcha {
float:right;
text-align:right;
}

.izda {
float:left;
text-align:left;
}

.centro {
text-align:center;
}

/*.............
 Comentarios 
.............*/
small {
font-size:.8em;
line-height:1.2em;
margin: 1.5em 0;
}

.comment_name_input,.comment_email_input,.comment_web_input {
color:#595949;
padding-left:2px;
vertical-align:middle;
width:40%;
}

.txpCommentInputMessage {
color:#595949;
padding-left:2px;
vertical-align:middle;
width:90%;
}

#comment_form {
margin:0;
padding:40px 0;
width:100%;
}

ol.comments {
color:#555;
list-style-type:none;
margin:1.5px 0 0;
padding:0;
}

ol.comments li {
margin-bottom:0.5em;
padding:0.5em 1em;
}

ol.comments li li {
line-height: 1.6em;
margin: 0;
padding: 0;
}

.even {
background:#f9f9f9;
border:1px solid #eee;
padding:0.5em;
}

.odd {
background:#f0f0f0;
border:1px solid #eee;
padding:0.5em;
}

/*.........
 Sidebar 
.........*/
#sidebar ul {
list-style-image:none;
list-style-type:none;
margin:0;
padding:0;
}

#sidebar ul li a {
background:#f9f9f9 url(img/esquina.png) no-repeat right bottom;
border-left:5px solid #ccc;
display:block;
margin:5px 0;
padding:.7em;
text-decoration:none;
width:88%;
}

#sidebar ul li a:hover, #sidebar ul li a.activa {
background-color:#f0f0f0;
border-left: 8px solid #73d216;
width: 90%;
}

div#banners {
margin:10px 0;
width:100%;
text-align:center;
}

form div {
margin:10px 0;
}

#sidebar input{
width:97%;
}

#sidebar .fb-like-box {
background-color:#6D84B4;
margin:10px 0;
color: #FFFFFF;
width: 90%;
text-align:center;
padding:2px 0;
line-height:.5em;
}

#sidebar .fb-like-box a {
color:#fff;
font-weight:bold;
}

/*........
 Footer 
........*/
#footer a {
color:#555;
text-decoration:none;
}

#footer a:visited {
color:#888;
}

#footer a:hover {
color:#eee;
}

#footer .validate {
padding-left: 15px;
background: url(/template/img/tick.png) no-repeat 0 50%;
}

#footer .feed {
padding-left: 15px;
background: url(/template/img/feed-icon.png) no-repeat 0 50%;
}

#footer .hosting {
padding-left: 15px;
background: url(/template/img/dreamhost-icon.png) no-repeat 0 50%;
}

/*...................................
 Formulario de contacto
...................................*/

div.zemThanks {
	font-size:170%;
	font-weight:bold;
}


/*...................................
 Desplegable (Accordion) con jQuery
...................................*/

.disparador {
-moz-border-radius-bottomleft:12px;
-moz-border-radius-topleft:12px;
-moz-border-radius-topright:12px;
background:#f0f0f0 url(img/24-em-plus.png) 98% 50% no-repeat;
cursor:pointer;
margin-top:10px;
padding:12px;
}

.active {
background:#f0f0f0;
}

div.disparador h3 {
padding: 0;
margin: 0;
}

ul.ocultable {
margin:0 0 0 24px;
background-color:#F8FFEA;
padding:12px;
-moz-border-radius-bottomleft:12px;
-moz-border-radius-bottomright:12px;
}