/*
Theme Name: JB
Theme URI: http://www.4tres.com/
Description: The default WordPress theme, totally tweaked, to fit a professional designer portfolio.
Version: 1.0
Author: hip at 4tres.com
Author URI: http://www.4tres.com/

        The CSS, XHTML and design is released under GPL:
        http://www.opensource.org/licenses/gpl-license.php

        Have fun, and don't be afraid to contact me if you have questions.

* html { overflow: hidden; }
* html body{ height: 100%; overflow: auto; }
#allcontent {padding-top: 0; }
*/

/* Main structure & definitions */

        /* Structure */
        body { margin: 0; padding: 0; }

        #top { margin: 0 auto .5em auto; padding: 0; width: 750px; }
        #all { margin: 0 auto 1em auto; padding: 0; width: 750px; }

        #footer { margin: 2em auto 0 auto; clear: both; }


        /* Design */
        body {
                font-size: 62.5%; /* Resets 1em to 10px */
                font-family: Arial, Sans-Serif;
                color: #666;
                background: #f8f8f8;
                text-align: center;
        }

        #all {
                padding: 3.2em 0 0 0;
                background-color: #fff;
                text-align: left;
                border-width: 0 1px; border-style: solid; border-color: #fff;
                font-size: 1.2em;
        }
        #footer {
                font-size: 0.9em;
                color: #ccc;
                background-color: #fff;
                border-top: 1px solid #ccc;
                margin: 0 2em;
                padding: .8em 0 2em 0;
        }

                /* Main styles & HTML tags & links */

                        h1 { font-size: 2em; text-align: center; padding-top: 20px; margin: 0; }
                        h2 { font-size: 1.3em; padding: 0; margin: 0; }
                             h2.contacto { color: #0099cc; }
                        h3 { font-size: 1.2em; font-weight: normal; padding: 0; margin: 0 0 .6em 0; }
                             h3.destacado {font-weight: bold;}
                        #narrowcolumn ul li h3, #narrowcolumn h3 { margin: .6em 0 .2em 0; font-size: 1.01em; }
                        h4.titulo { color: #0099cc; }

                        p { margin: 0 0 1em 0; }

                        a { color: #0099cc; text-decoration: none; }
                        a:hover { color: #f26420;text-decoration: none; }
                        a img  { border: none; text-decoration: none; }
                        h3 a { }
                        h2 a:hover, h3 a:hover { text-decoration: none; color: inherit; }

                        p img { padding: 0; max-width: 100%; }

                        #header h1, hr { display: none; }

                        p.english, .english { color: #f00; font-style: italic; }


                        /* xtra tags */
                        code { font: 1.1em 'Courier New', Courier, Fixed; }
                        acronym, abbr { font-size: 0.9em; letter-spacing: .07em; cursor: help; border-bottom: 1px dashed #999; }
                        blockquote { margin: 15px 30px 0 10px; padding-left: 20px; border-left: 5px solid #552f0e; }
                        blockquote cite { margin: 5px 0 0; display: block; }

                        small, .postinfo { font-family: Arial, Helvetica, Sans-Serif; font-size: 0.9em; }
                        .highlightcolor { color: #f26420; }
                        .error, .tip { color: #f26420; font-size: 110%;  font-weight: bold; }
                        .entrytext .error, p.error, .entrytext .tip { display: block; border: 1px solid #552f0e; border-width: 1px 0; padding: .4em 0; margin: .4em 0; }
                        .post p.error { padding: 1.4em 0; margin: 5em 2em 3em 2em; text-align: center; }
                        .english { color:#333; }



/* BLOCKS */


			#allcontent { margin-top: 20px; }

        /* Header */

                #site-tit { float: left; }   
				 
				#botones { width: 430px; float: left;}
				            
                #buttons { margin-left: 14px; float: left; padding-top: 22px; }
                #buttons img { padding: 0 2px; }
                img#lang_button {margin-left: 81px;}

                #buttons a { display:block; width: 16px; height: 16px; background-position: 0px 0px; float: left; margin: 0px 2px 0px 0px; }
                a#home1 { background: url(../imgs/buttons/home.png) no-repeat; }
                a#home2 { background: url(../imgs/buttons/refresh.png) no-repeat; }
                a#notice {  background: url(../imgs/buttons/contacto.png) no-repeat; }
                a#contacto {  background: url(../imgs/buttons/contact.png) no-repeat; }
                a#friend {  background: url(../imgs/buttons/amigos.png) no-repeat; }
                a#download {  background: url(../imgs/buttons/descargas.png) no-repeat; }
                a#sitemap {  background: url(../imgs/buttons/sitemap.png) no-repeat; }
                a#curriculum {  background: url(../imgs/buttons/cv.png) no-repeat; }
                #buttons a:hover {  background-position: -16px 0px; }



        /*         narrowcolumn - widecolumn - onecolumn */

        #narrowcolumn{ float: left; padding: 0; margin: .8em 0 0 20px; width: 145px; }
        #widecolumn { padding: 0; margin-left: 30px; width: 710px; }
        #widecolumn2 { padding: 0; margin-left: 175px; width: 525px; }
        #onecolumn { padding: 0; margin: 40px 50px 0 50px;}
                     #presentacion { width: 265px; float: left; margin: 0 10px 0 0;}
                           #presentacion p { text-align: justify; }
                           #presentacion p span { font-weight: bold; }
                     #thprojects { width: 370px; height: 330px; margin-right: 0; float: left; }

        #formulario{ margin: 0 0 0 20px; width: 300px; }




/* PAGES & SECTIONS */

        /* home */

                #homeunder { margin: 24px 0 0 0; border-bottom: 24px solid #fff; clear: both; }

                #un-news { width: 208px; float:left; text-align: justify; margin-right: 8px; }

        /* archivo */

                .catcol { float: left; width: 180px; }
                div.contenido {text-align: justify; margin-right: 20px; }
                div#listado h3 {font-weight: bold; }







        /* lists */

        /*        Special stylized non-IE bullets
                Do not work in Internet Explorer, which merely default to normal bullets.

        html>body .entry ul { margin-left: 0px; padding: 0 0 0 30px; list-style: none; padding-left: 10px; text-indent: -10px; }
        html>body .entry li { margin: 7px 0 8px 10px; } */

        ul { list-style-type: none; margin: 0; padding: 0; }
        ul li { list-style-type: none; margin: 0; padding: 0; }
        ul.sitemap li { list-style-type: none; margin-left: 25px; padding: 0; }
        /* ul li:before ul li ul li:before { content: "\0020 \00BB \0020"; } */
        ol li { list-style: decimal outside; }

        .entry ol { padding: 0 0 0 35px; margin: 0; }
        .entry ol li { margin: 0; padding: 0; }

        .postmetadata ul, .postmetadata li {
                display: inline;
                list-style-type: none;
                list-style-image: none;
                }


/* Para cuando hay un error en el formulario*/

input.fallo { border:double; background:white; }

textarea.fallo { border:double; background:white; }


/* WP specific */

        /* posts
        .post { width: 540px; margin: 0 0 26px 0; text-align: justify; padding-top: .8em;}
        .post .postinfo {display: block; text-align: right; margin: 0; padding: 0; }
        .entry, .entrytext { line-height: 1.4em; }
        .entry ul li, .entrytext ul li {list-style-type: circle;}
        .entrytext img, .entrytext p img { margin: .5em 11px .2em 0; } */


/* Alignments */
        img.centered { display: block; margin-left: auto; margin-right: auto; }
        img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; }
        img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; }
        .alignright { float: right; }
        .alignleft { float: left; }
        .center { text-align: center; }

        hr {
/* horizontal divider */
  border: 1px solid yellow;
  }


/* galería de imágenes */
div.listadodeimagenes { padding: 0 0 20px 0; }  
#thprojects2 { width: 730px; margin-right: 5px; float: left; text-align: center; }