/*  
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; }
			h3 { font-size: 1.2em; font-weight: normal; padding: 0; margin: 0 0 .6em 0; }
			#narrowcolumn ul li h3, #narrowcolumn h3 { margin: .6em 0 .2em 0; font-size: 1.01em; text-transform: uppercase; }	
			
			p { margin: 0 0 1em 0; }
			
			a { color: #0099cc; text-decoration: none; }
			a:hover { color: #db0409;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 */

	/* Header */
	
		#site-tit { float: left; }
		#buttons { float: left; padding-top: 22px; }
		#buttons img { padding: 0 2px; }
		img#lang_button {margin-left: 322px;}
			
		#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/noticias.png) no-repeat; }
		a#contact {  background: url(../imgs/buttons/contacto.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; }


		ul#textbuttons { font-size: 1.2em; text-align: left; text-transform: uppercase; font-weight: regular; }
		ul#textbuttons li { display: inline; list-style-type: none; padding-right: 20px; }
		ul#textbuttons li a { color: #333; }
		ul#textbuttons li a:hover { color: #db0409; }
		
		#idioma { font-size: 0.9em; text-align: left; text-transform: uppercase; font-weight: regular; float:right; margin-top:5px}
	    #idioma  a { text-align:right; color: #333; margin:0 2px;}
		#idioma  a:hover { color: #db0409; }
		#idioma  a.idi { text-align:right; color: #db0409; margin:0 2px;}
		#idioma  a.idi:hover { color: #333; }

		
			
			
			
	/* 	narrowcolumn - widecolumn - onecolumn */
	 
	#narrowcolumn{ float: left; padding: 0; margin: .8em 0 0 20px; width: 145px; line-height: 1.5em; }
	#widecolumn { padding: 0; margin-left: 175px; width: 565px; }
	#onecolumn { padding: 0; margin: 0 50px; }



/* PAGES & SECTIONS */

	/* home */

		#homeunder { margin: 24px 0 0 0; border-bottom: 24px solid #fff; clear: both; }
		#homeunder { display: none; visibility: invisible; }
		
		.underbox { float:left; margin-right: 10px; }
  
		#un-news { width: 270px; }
		#un-friends { width: 180px; }
		#un-about { width: 180px; margin-right: 0; }
		
		#thprojects { margin-bottom: 2em; }


	/* archivo */
	
		.catcol { float: left; width: 180px; margin-bottom: 4em; }






		
	/* 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 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;
		}	

	


/* 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; }
	
	
	
/* Cabecera de las noticias */

div.tituloyfecha h4 { float: left; margin-bottom: 2px; }
div.tituloyfecha h4 small { position: relative; left: 320px; font-size: 10px; }


div.entrada h4 { margin-top: 1px; margin-bottom: 2px; }

div.entrada img { margin-bottom: 11px; }


div.lineaseparadora { width: 540px; height: 5px; background: url(../archivo/separador2.gif) bottom repeat-x; margin-top: 5px; margin-bottom: 30px; }

div.entry p { margin-bottom: 20px; }

.contenido p { width: 540px; }
#widecolumn .post .entry p { width: 540px; }








.contenido table tr td { line-height: 1.5em; }
.entry { line-height: 1.5em; }