@charset "iso-8859-2";
/* CSS Document */

a{outline:none}

body{margin:0; padding:0; text-align:center; background:#fff url(img/bg-body.gif) repeat-y center center; font-family:Arial, Helvetica, sans-serif; color:#333}
#conexion div, #header div, #content, #sidebar, #footer div{text-align:left}

/*HEADER*/
#conexion div, .wrapper, #wrap, #footer div{width:900px; margin:0 auto}

#conexion{background:url(img/conexion.gif); height:32px; overflow:hidden; font-size:.85em; line-height:32px}
#conexion ul{margin:0; padding:0}
#conexion ul li{display:inline; margin-right:10px}
#conexion a{text-decoration:none; color:#666}
#conexion a:hover{border-bottom:1px solid #666}

#header{background:url(img/header.gif); height:152px; overflow:hidden}

#logo{float:left}

#menu ul{margin-left:0; padding-left:0; list-style:none; font-size:.9em; width:500px; float:left}
#menu ul li a{display:block; color:#fff; text-decoration:none; padding:2px 0 2px 10px}
#menu ul li a:hover{background:#000}

/*CONTENIDO*/
#content{width:600px; float:left; padding-top:40px}

.entrada{width:280px; float:left; margin-right:20px; margin-bottom:2em}
#content .entrada:first-child, .etiquetas{width:580px; margin-right:20px; float:none; border-bottom:1px dashed #666; padding:1em 0}
#page{width:580px; margin-right:20px}

.preview{border:2px solid #59A5F5}
.preview:hover{border:2px solid #666}

.preview{width:120px; height:100px; overflow:hidden}


/*TEXTO*/
h1{font:1.3em Georgia, "Times New Roman", Times, serif; color:#59A5F5; font-weight:bold; margin:0 0 .5em 0; line-height:120%}
#content .entrada:first-child h1{font-size:2.5em; line-height:105%}
h1 span{background:#59A5F5; color:#fff; font-family:Arial, Helvetica, sans-serif; padding:0 5px; display:block; position:absolute; margin-left:-60px; border-bottom:5px solid #acd2fa}

h1 a{color:#59A5F5; text-decoration:none}
h1 a:hover{color:#666}

.entrada h2{font-size:1.4em; padding-top:2em}
#page h2{font-size:1.4em}
.entrada h3, #page h3{color:#666; font-size:.9em; text-transform:uppercase; letter-spacing:.08em; padding-top:1.5em}
h4{text-transform:uppercase; font-size:150%; line-height:100%}

p, li{font-size:.98em; letter-spacing:.08em}

.entrada em, #page em{font-style:normal; background-color:#FFD600}
.entrada ul li, #page ul li{list-style: url(img/bullet.png)}
.entrada blockquote, #page blockquote{margin-left:0; background-color:#000; color:#fff; padding:5px 20px; border-bottom:10px solid #ccc}
.entrada blockquote p, #page blockquote p{letter-spacing:normal}

.wp-caption{background-color:#f9f9f9; padding:10px; border:1px solid #eee; position:relative}
.wp-caption span{display:block; width:32px; height:32px; position:absolute; left:20px; top:20px; background-image:url(img/lupa.png); cursor:pointer}
.wp-caption img{border:2px solid #acd2fa; padding:5px; background-color:#fff}
.wp-caption-text{font-size:.9em}

/*SIDEBAR*/
#sidebar{width:300px; float:right; font-size:.9em; margin:0}
#sidebar a{color:#00f;}
#sidebar small{font-size:12px}

#biblia, #tips, #seminario, #recientes, #club, #sat, #electronica{margin-bottom:4em}
#biblia{background:url(img/biblia.png) no-repeat center center; padding-left:135px} 
#tips{background:url(img/tips-de-reparacion.png) no-repeat center center; padding-left:135px}
#seminario{background:url(img/seminario.png) no-repeat center center; padding-left:135px}
#club{background:url(img/diagramas.png) no-repeat center center; padding-left:135px; height:230px}
#sat{background:url(img/sat.png) no-repeat center center; padding-left:135px; height:230px}
#electronica{background:url(img/electronica.png) no-repeat center center; padding-left:135px}
#rssxmail{background:url(img/rssxmail.png) no-repeat center center; padding-left:135px}
#televisores{background:url(img/reparacion-televisor.png) no-repeat center center; padding-left:135px}

/*REGISTRO EMAIL*/
#tips input[type=text]{border:1px solid #ccc; background:#fff; width:140px; min-height:20px}
#tips input[type=submit], #rssxmail input[type=submit]{background-color:#399C34; border:none; border-bottom:5px solid #d7ebd6; color:#fff; text-transform:uppercase; height:35px}
#tips input#nombre{background:url(img/user.png) no-repeat 2px center; padding-left:20px}
#tips input#email{background:url(img/mail.png) no-repeat 2px center; padding-left:20px}

/*FOOTER*/
#footer{background:#666; margin-top:3em}
#footer div{padding-bottom:2em}
#footer p{padding:1em 0 0 0}
#footer ol{font-size:.9em; line-height:160%; color:#fff}
#footer ol li a{color:#fff; text-decoration:none}
#footer ol li a:hover{border-bottom:1px solid #fff}

/*GENERAL*/
.clear{clear:both}
.error{color:#CD203E}

/*BUSCADOR*/
#searchform input[type=text]{font-size:1.2em; width:300px; height:30px; border:1px solid #ccc; margin-right:5px; vertical-align:top}
#searchform input[type=submit]{background-color:#399C34; border:none; border-bottom:5px solid #d7ebd6; color:#fff; text-transform:uppercase; height:35px; vertical-align:top}

#busqueda{width:580px; margin-right:20px; margin-bottom:2em}
#busqueda h3{font-size:.9em; text-transform:uppercase; letter-spacing:.08em; margin-top:3em; margin-bottom:0}
#busqueda h3:first-child{margin-top:auto}
h3 a{color:#399C34; text-decoration:none; border-bottom:1px dotted #399C34}
h3 a:hover{border-bottom:1px solid #399C34}
#busqueda p{font-size:.8em}

/*COMENTARIOS*/
#comentarios{width:580px; margin-right:20px; margin-bottom:2em; overflow:hidden}
#comentarios h3, #respond h3{color:#59A5F5; font-size:1.4em; padding-top:2em}

#comentarios ul, #page ul.info{margin-left:0; padding-left:0; list-style:none}
#comentarios ul li, #page ul.info li{background:url(img/quote.gif) no-repeat left top; padding-left:50px; padding-bottom:1.5em; list-style:none url(none)}
.comentario-autor strong{font-size:1.2em; color:#666}
.comentario-autor small{color:#666}

#commentform p label{display:block; font-size:.9em}
#commentform textarea, input[type=text]{border:1px solid #ccc; background:#fff; width:500px; font-size:1em}
.boton{text-align:right; padding-right:80px}
#commentform input[type=submit]{background-color:#399C34; border:none; border-bottom:5px solid #d7ebd6; color:#fff; text-transform:uppercase; height:35px}

#author, #commentform #email{width:250px}

/*PREV - NEXT LINKKS*/
.prevnext{overflow:auto; font-size:.8em; padding-bottom:1em}
.prevnext a{color:#666; text-decoration:none; border-bottom:1px dotted #666}
.prevnext a:hover{color:#000; border-bottom:1px solid #000}
.prevnext .left{width:280px; float:left}
.prevnext .right{width:280px; float:right; text-align:right}

/*TABLAS*/
.entrada th{background:#f7f7f7; border-bottom:1px solid #ccc; border-top:1px solid #ccc; text-transform:uppercase; font-size:.85em; padding:1em}
.entrada td{border-bottom:1px dashed #ccc; font-size:.9em; padding:1em}

/*NUBE DE ETIQUETAS*/
.etiquetas{text-align:center; border-top:1px dashed #666; margin-top:4em}
.etiquetas h3{text-align:left; padding-top:0; margin-top:0}
.etiquetas a{color:#666; text-decoration:none}
.etiquetas a:hover{color:#399C34; border-bottom:1px solid #399C34}

/*LINKS DESCARGA*/
ul.descarga li{list-style: url(img/flecha.png)}

/*LINKS AUTOEVALUACION*/
ul.quiz li{list-style:url(img/ok.png); padding-bottom:1em}
ul.quiz li a{color:#399C34; text-decoration:none; text-transform:uppercase; font-size:.9em}
ul.quiz li a:hover{border-bottom:1px solid #399C34}

/*FOTO*/
.marco{position:relative; width:900px; margin:0 auto}
#foto{position:absolute; left:550px; top:0; z-index:99}

/*LISTADO*/
.listado, .nuevo{width:580px; margin-right:20px; padding:1em 15px 1em 0; overflow:hidden; border-bottom:1px dotted #ccc}
.listado:hover, .nuevo:hover{cursor:pointer; cursor:hand; background: #f7f7f7 url(img/flecha.gif) no-repeat right 1.4em}

.listado .preview, .nuevo .preview{width:120px; height:100px; float:left; margin-right:20px}

.listado h1 span, .nuevo h1 span{background:#59A5F5; color:#fff; font-family:Arial, Helvetica, sans-serif; padding:0 5px; border-bottom:none; display:inline; margin:auto; position:relative}

.listado:hover h1, .nuevo:hover h1{color:#666}
.listado:hover h1 span, .nuevo:hover h1 span{background:#666}
.listado:hover .preview, .nuevo:hover .preview{border-color:#666}
.listado:hover .preview img, .nuevo:hover .preview img{border:2px solid #fff}

/*INTRO*/
.intro{margin:3em auto; margin-right:10px}
.intro h3{font-size:150%; margin-bottom:0}

/*NUEVO*/
.nuevo{font-size:120%}
h1 span.new{background:#AA463E; color:#fff; font:12px Arial, Helvetica, sans-serif; font-weight:bold; padding:5px; border-bottom:none; display:inline; margin:auto; position:relative; text-transform:uppercase}

/*FEED ELECTRONICA*/
#creditfooter{display:none}
#sidebar ul, #sidebar ul li{margin-left:0; padding-left:0; list-style:none}
#sidebar ul li{margin-bottom:.5em}
#ElectrnicaCompletaebmrhetnsmc0hsnhn2uoooqt4s ul li div {display:none}
.feedTitle{display:none}

/*COMENTARIOS NUEVO*/
.alignleft{float:left}
.alignright{float:right}

#comentarios a{color:#666; text-decoration:none; border-bottom:1px dotted #666; font-size:12px}
#comentarios a:hover{color:#000; border-bottom:1px solid #000}

/*IMAGE LINK*/
.single .imageOver{
background:url(imagelink/zoom.gif) no-repeat 50% 50%;	
filter:alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity: 0.5;
opacity: 0.5;	
}

/*FACEBOOK CONNECT*/
#respond{overflow:hidden}
.split{width:50%; float:left}


/*LISTA LECCIONES*/
/*#footer ol{width:900px; overflow:hidden; margin-left:0}
#footer ol li{display:inline; float:left; width:450px; list-style:none}*/