/*
Theme Name: ultimONivel 2.0
Theme URI: http://www.ultimonivel.net
Description: El tema de la web 2.0
Version: 1.0
Author: MaNeo & ChapiFeten
Tags: azul, una columna, dos barras laterales, blanco, naranja

Default Pixelvision
Modifications by MaNeo & ChapiFeten
*/

body  {
    	margin: 0; /* es recomendable ajustar a cero el margen y el relleno del elemento body para lograr la compatibilidad con la configuración predeterminada de los diversos navegadores */
    	padding: 0;
    	text-align: center; /* esto centra el contenedor en los navegadores IE 5*. El texto se ajusta posteriormente con el valor predeterminado de alineación a la izquierda en el selector #container */
    	color: #242424;
		font: 12px Verdana, Arial, Helvetica, sans-serif;
		background-image:url(images/fondo_body.png);	
		background-repeat:no-repeat;


}

p
{ 
line-height: 1.4
}

    #container {
	width: 1032px;  /* esto creará un contenedor de 1032px de ancho del navegador */
	background: none; /* los márgenes automáticos (conjuntamente con un ancho) centran la página */
	text-align: left; /* esto anula text-align: center en el elemento body. */
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	float: none;
	overflow:hidden;
    } 
	
	
    #header {
	height:182px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background: url(images/header.jpg) no-repeat;
} 
    #header h1 {
    	
		margin: 0; /* el ajuste en cero del margen del último elemento del div de #header evita la contracción del margen (un espacio inexplicable entre divs). Si el div tiene un borde alrededor, esto no es necesario, ya que también evita la contracción del margen */
    	padding: 10px 0; /* el uso de relleno en lugar de margen le permitirá mantener el elemento alejado de los bordes del div */
    }
    
    /* Sugerencias para barras laterales:
    1. Dado que está trabajando en porcentajes, es conveniente no utilizar relleno lateral en las barras laterales. Se añadirá al ancho en el caso de navegadores que cumplen los estándares, creando un ancho real desconocido. 
    2. El espacio entre el lado del div y los elementos que contiene puede crearse colocando un margen izquierdo y derecho en dichos elementos, como se observa en la regla ".thrColLiqHdr #sidebar1 p".
    3. Dado que Explorer calcula los anchos después de mostrarse el elemento padre, puede que ocasionalmente encuentre errores inexplicables con columnas basadas en porcentajes. Si necesita resultados más predecibles, puede optar por cambiar a columnas con tamaño en píxeles.
    */
    #sidebar1 {
	float: left; /* este elemento debe preceder en el orden de origen a cualquier elemento que desee situar junto a */
	width: 205px; /* dado que este elemento es flotante, debe asignarse un ancho */
	background-image:url(images/sidebar1.jpg);	
	background-repeat:no-repeat;
	padding: 4px 4px 4px 8px;
	height:6348px;
	
    }
	
	    #sidebar1 ul{list-style-type:none;
    }
	

	
	    #sidebar1 ul a{color:#000000;
					   font-weight:bold;
    }
	    #sidebar1 ul a:hover {color:#676767;
					   font-weight:bold;
    }
	
	    #sidebar1 img{border:none;
    }
	
	table.comunidad {margin-left:15px;}
	
    #sidebar2 {
	float: right; /* este elemento debe preceder en el orden de origen a cualquier elemento que desee situar junto a */
	width: 295px; /* dado que este elemento es flotante, debe asignarse un ancho */
	background-image:url(images/sidebar2.jpg);	
	background-repeat:no-repeat; 
	padding-top: 15px;
	padding-right: 2px;
	padding-left: 0;
	height:6348px;

	
    }
	
	 #sidebar2 ul.publi{list-style-type:none;
	 			  margin:0 0 0 14px;
				  padding:0 0 0 0;
    }
	
	 #sidebar2 ul.programas{list-style-type:none;
	 			  margin:0 0 0 25px;
				  padding:0 0 0 0;
    }
	

	
	
    #sidebar1 p, .thrColLiqHdr #sidebar1 h3, .thrColLiqHdr #sidebar2 p, .thrColLiqHdr #sidebar2 h3 {
	margin-left: 10px; /* deben asignarse los márgenes izquierdo y derecho de cada elemento que vaya a colocarse en las columnas laterales */
	margin-right: 10px;
	padding: 0px;
	width: 0px;
	margin-top: auto;
    }
	
	.post {border-top: 1px dotted #C9C9C9;}
    
    /* Sugerencias para mainContent:
    1. El espacio entre el mainContent y las barras laterales se crea con los márgenes izquierdo y derecho del div mainContent.
    2. para evitar la caída de un elemento flotante con una resolución mínima admitida de 800 x 600, los elementos situados dentro del div mainContent deben tener un tamaño de 300px o inferior (incluidas las imágenes).
    3. en el siguiente comentario condicional de Internet Explorer, la propiedad zoom se utiliza para asignar a mainContent "hasLayout." Esto evita diversos problemas específicos de IE.
    */
	
	    #banner {
	margin-top: 0;
	margin-right: 322px;
	margin-bottom: 344px;
	margin-left: 228px;
    } 
	
	
    #mainContent {
	margin-top: 0;
	margin-right: 298px;
	margin-bottom: 0;
	margin-left: 208px;
	background-color:#FFFFFF;
	}
	
    
    #footer { 
	width: 1032px;  /* esto creará un contenedor de 1032px de ancho del navegador */
	border-top:none;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	float: none;
	background: url(images/footer.png) no-repeat;
	height:48px;
	padding-top:10px;

    } 
	
    #footer p {
		color:#FFFFFF;
		font-size:11px;
		font-weight:bold;
    	margin: 0; /* el ajuste en cero de los márgenes del primer elemento del pie evitará que puedan contraerse los márgenes (un espacio entre divs) */
    	 /* el relleno de este elemento creará espacio, de la misma forma que lo haría el margen, sin el problema de la contracción de márgenes */
    }
	
	#footer a{ color:#FFFFFF;
	 text-decoration:none;}
			 
	#footer a:hover {text-decoration:underline;}
    

    /* Varias clases diversas para su reutilización */
    .fltrt { /* esta clase puede utilizarse para que un elemento flote en la parte derecha de la página. El elemento flotante debe preceder al elemento junto al que debe aparecer en la página. */
    	float: right;
    	margin-left: 8px;
    }
    .fltlft { /* esta clase puede utilizarse para que un elemento flote en la parte izquierda de la página. El elemento flotante debe preceder al elemento junto al que debe aparecer en la página. */
    	float: left;
    	margin-right: 8px;
    }
    .clearfloat { /* esta clase debe colocarse en un elemento div o break y debe ser el último elemento antes del cierre de un contenedor que deba incluir completamente a sus elementos flotantes hijos */
    	clear:both;
        height:0;
        font-size: 1px;
        line-height: 0px;
    }
.Estilo1 {
	font-size: 100%
}

a {
	color: #0496FD;
	font: Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	
}

a:hover {
	color: #676767;
}
    --> 
	
	

	/* Estilos para la barra de menú drop down */
	
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/simple_vertical.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

/* Add a margin - for this demo only - and a relative position with a high z-index to make it appear over any element below */
#menu_container {margin:0 0 0 15px; padding-top:156px; float:right; position:relative; width:480px; height:25px; z-index:100;}

/* Get rid of the margin, padding and bullets in the unordered lists */
#pmenu, #pmenu ul {padding:0; margin:0; list-style-type: none;}

/* Set up the link size, color and borders */
#pmenu a, #pmenu a:visited {display:block;width:120px; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#737373; height:25px; line-height:24px; text-decoration:none; text-indent:5px;}

/* Set up the sub level borders */
#pmenu li ul li a, #pmenu li ul li a:visited {border-width:0 1px 1px 1px;}
#pmenu li a.enclose, #pmenu li a.enclose:visited {border-width:1px;}

/* Set up the list items */
#pmenu li {float:left; background-image:url(menu/fondo_boton.gif);}

#pmenu li.primero {float:left; background-image:url(menu/fondo_boton_primero.gif);}
#pmenu li.ultimo {float:left; background-image:url(menu/fondo_boton_ultimo.gif);}



/* For Non-IE browsers and IE7 */
#pmenu li:hover {position:relative;}
/* Make the hovered list color persist */
#pmenu li:hover > a {color:#3CAEE2; font-weight:bold;}
/* Set up the sublevel lists with a position absolute for flyouts and overrun padding. The transparent gif is for IE to work */
#pmenu li ul {display:none;}
/* For Non-IE and IE7 make the sublevels visible on list hover. This is all it needs */
#pmenu li:hover > ul {display:block; position:absolute; top:-11px; left:80px; padding:10px 30px 30px 30px; background:transparent url(transparent.gif); width:120px;}
/* Position the first sub level beneath the top level liinks */
#pmenu > li:hover > ul {left:-30px; top:16px;}

/* get rid of the table */
#pmenu table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em;}

/* For IE5.5 and IE6 give the hovered links a position relative and a change of background and foreground color. This is needed to trigger IE to show the sub levels */
* html #pmenu li a:hover {color:#FDB213;}

/* For accessibility of the top level menu when tabbing */
#pmenu li a:active, #pmenu li a:focus {color:#3CAEE2;}



/* This lot is for IE5.5 and IE6 ONLY and is necessary to make the sublevels appear */

/* change the drop down levels from display:none; to visibility:hidden; */
* html #pmenu li ul {visibility:hidden; display:block; position:absolute; top:-11px; left:80px; padding:10px 30px 30px 30px; background:transparent url(transparent.gif);}

/* keep the third level+ hidden when you hover on first level link */
#pmenu li a:hover ul ul{
visibility:hidden;
}
/* keep the fourth level+ hidden when you hover on second level link */
#pmenu li a:hover ul a:hover ul ul{
visibility:hidden;
}
/* keep the fifth level hidden when you hover on third level link */
#pmenu li a:hover ul a:hover ul a:hover ul ul{
visibility:hidden;
}
/* keep the sixth level hidden when you hover on fourth level link */
#pmenu li a:hover ul a:hover ul a:hover ul a:hover ul ul {
visibility:hidden;
}

/* make the second level visible when hover on first level link and position it */
#pmenu li a:hover ul {
visibility:visible; left:-30px; top:14px; lef\t:-31px; to\p:15px;
}

/* make the third level visible when you hover over second level link and position it and all further levels */
#pmenu li a:hover ul a:hover ul{ 
visibility:visible; top:-11px; left:80px;
}
/* make the fourth level visible when you hover over third level link */
#pmenu li a:hover ul a:hover ul a:hover ul { 
visibility:visible;
}
/* make the fifth level visible when you hover over fourth level link */
#pmenu li a:hover ul a:hover ul a:hover ul a:hover ul { 
visibility:visible;
}
/* make the sixth level visible when you hover over fifth level link */
#pmenu li a:hover ul a:hover ul a:hover ul a:hover ul a:hover ul { 
visibility:visible;
}
/* If you can see the pattern in the above IE5.5 and IE6 style then you can add as many sub levels as you like */








/* Estilos para el menú de la izquierda, de contenido web */

#menu_principal {margin-bottom:15px;
				 margin-left:10px;
				 background-color:none;
	  			 background-image:url(images/menu_principal.gif);	
				 background-repeat:no-repeat;
				 border: 1px solid #E2E2E2;
				 width:171px;
				 padding-top:35px;
				 padding-bottom:10px;
}

.menu1{
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
margin-left: 20px;
padding-top:2px;
padding-bottom: 2px;
display:block;
text-decoration: none;
color: #000000;
height: 20px;
background-image: url (images/fondomenu.png);
}

.submenu{
font-size:11px;
display: block;
height: 19px;
margin-left: 25px;
padding-top: 2px;
padding-left: 7px;
color: #333333;
text-decoration:none;
background-image: url (images/fondomenu.png);
}

.hide{
display: none;
}

.show{
display: block;
}
/* Final de estilos para menú de la izquierda, de contenido web */


/* Estilos para reeducar al explorador de Bill Gates */

.entry table {width:500 px;
		   font-size:12px;
		    max-width:500px;}
			
.entry td {width:500 px;
		   font-size:12px;
		    max-width:500px;}
			
.entry tbody {width:500 px;
		   font-size:11px;
		   max-width:500px;}
		   
#mainContent table {width:500 px;
		   font-size:11px;
		   max-width:500px;}
		   
#mainContent td {width: 500px;
		   font-size:12px;
		    max-width:500px;}
			
#mainContent tbody {width:500 px;
		    font-size:12px;
		    max-width:500px;}
			
.entry {margin-bottom:30px;
        width:480px;
		margin:20px;
		}
		
.entry a img{border:none;}
   

/* Estilos para las tipografías */
 
.timr {font-size:11px;
	 color:#999999;
	 margin-top:0px;}

.post h1 {color:#FDB213;
		  font-size:22px;
		  margin-left:10px;
}
		  
.post h2 {color:#FDB213;
		  font-size:22px;
		  margin-bottom:10px;
		  margin-left:10px;}
		  
		  
.post h2 a {color:#FDB213;}
.post h2 a:hover {color:#676767;}

		  
		  
.entry h1 {color:#FDB213;
		  font-size:22px;
		  }
		  
.entry h2 {color:#FDB213;
		  font-size:22px;
		  margin-bottom:0px;
		  }
 
 #sidebar1 h1{font-size:14px; /* Tipografías del sidebar1 */
 			  text-align:center;
			  margin-top:15px;
			  color:#FDB213;
    }		
	
#sidebar1 h2{font-size:14px;
			text align:center;
			margin-top:15;
			color:#FDB213;
	}
			
#sidebar1 p{margin-top:12px;
    }		
	
#sidebar1 a {color:#FDB213;}
#sidebar1 a:hover {color:#FDB213;}
	  
 #sidebar2 h1{font-size:14px; /* Tipografías del sidebar2 */
 			  text-align:center;
			  margin:0 0 10px 0;
    }

 #sidebar2 h2{font-size:12px; /* Tipografías del sidebar2 */
 			  text-align:right;
			  margin:0 20px 15px 0;
			  color:#FDB213;
    }

 #sidebar2 ul.programas{margin-bottom:15px;
    }
	
 #sidebar2 ul.programas img{border:none;
    }

#sidebar2 a {color:#FDB213;}
#sidebar2 a:hover {color:#FDB213;}

#menu_principal a{color:#FDB213;/* Tipografías del menú de contenidos web */
				  font-weight:bold;

}

#menu_principal a:hover{color:#FDB213;
				       
}

.navigation {font-size:10px;
			 margin-left:10px;}
			 
h3.pagetitle {font-size:13px;
			  margin-left:10px;}
			  
.postmetadata {font-size:10px;
			  margin-left:10px;
			  margin-top:0px;
			  line-height:10px;}
			  

      img.alignleft, div.alignleft

      {
      float:left;
      margin:0 0.5em 0.5em 0;
      }

      img.alignright, div.alignright

      {
      float:right;
      margin:0 0 0.5em 0.5em;
      }

      img.aligncenter, div.aligncenter

      {
      text-align:center;
      margin:0 auto;
      }

.entry p {
margin:10px 0px;
text-align: justify;
}


a.comments 
{
color: #0496fd;
padding-left: 14px;
background-color: transparent;
background-image: url(http://www.ultimonivel.net/wp-content/themes/ultimonivel2.0/images/comment.gif);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: left center;
text-decoration: none;
}

a.comments:hover 
{
text-decoration: none;
color: #676767;
}


/* Captions & aligment */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
		text-align: center;
}
/* End captions & aligment */


/* Publi */
div#flashcoche {margin-bottom:15px;}
/* Fin de Publi */