/* Ajustes en los css */

#home #container
{
	margin:20px auto 40px auto;
}


/* Fondo de pagina */
body
{
	background:#E0EBD6;
	background:url('img/bg.jpg') left top repeat-x #FFFFFF;
}

/* Nuevo cabezote */

#header
{
	background: url('img/cabezote.jpg') no-repeat 0 0;
	height: 186px;
}
	#header h1
	{
		top:108px;
	}
/* Ajustes para la pagina principal */
#home #content
{
	width: 607px;
}

div.titular div.headline
{
	float: left;
	margin-right: 20px;
}
div.post div.headline
{
	margin-left: 57px;
}
	div.titular div.headline
	{
		margin-left: 0;
	}

/* Ajustes para la presentacion de un contenido*/

a
{
	color: #31669A;
}
#content
{
	width: 605px;
	padding-left: 19px;
}
#postContent #content
{
	width: 460px;
	padding-left: 14px;
}
	#content h2
	{
		font-size: 1.6em;
		text-transform: none;
	}

.social
{
	display: none;
}
#sharethis_0
{
	margin-top: 20px;
	margin-left: 370px;
}

/* Ajustes a la presentacion de la caja de busqueda*/

#searchform
{
	position: relative;
	right: auto;
	top: auto;
	width: 285px;
	margin-left: 10px;
}
	#searchform #s
	{
		width: 180px;
	}


/* Ajustes en la presentacion de la barra auxiliar */

/* Primero se anulan varias propiedades */
#sidebar2 .widget
{
	margin: 0;
	padding: 10px 0 10px 0;
	width: auto;
}


.sidebar
{
	float: left;
	width: 305px !important;
	margin: 15px 0 0 0 !important;
	padding: 0 !important;
}

	/*  Hack-box*/
	.sidebar
	{
		padding:20px 0px 20px 0px;
		voice-family: "\"}\"";
		voice-family: inherit;
		width: 305px; /*Para el ie60*/
	}
		html>body div.sidebar
		{
			width: 305px; /*Para el firefox*/
		}
	/**/

	.sidebar ul
	{
		margin: 0;
		padding: 0;
		width: 305px;
		float: left;
	}
	.sidebar .widget
	{
		margin: 0 !important;
		background: #E4E4D8 !important;
		float: left;
		clear: both;
		width: 305px;
		margin-top: 10px !important;
	}
		/* Hack box */
		.sidebar .widget
		{
			padding: 10px !important;
			voice-family: "\"}\"";
			voice-family: inherit;
			width: 285px; /*Para el ie60*/
		}
			html>body div.sidebar .widget
			{
				width: 285px; /*Para el firefox*/
			}
		/**/
	.sidebar .widget ul
	{
		width: 285px !important;
		margin: 0 !important;
	}
	.sidebar .widget div.textwidget
	{
		padding: 0;
		margin: 0;
	}



.sidebar h2
{
	position: relative;
	left: auto;
	top: auto;
	margin-bottom: 15px;
}
	.sidebar h2 span
	{
		background: url('img/highlight1.gif') repeat scroll 0 0;
	}
	.sidebar h2 small
	{
		background: url('img/highlight1.gif') no-repeat scroll -498px 0;
		height: 21px;
	}





	.sidebar #tag_cloud-3 div
	{
		width: 100%;
		margin-bottom: 20px;
		float: left;
		clear: both;
	}

.sidebar h2 span
{
	font-size: 1.7em;
	padding: 2px 7px 2px 8px;
}


/* Presentacion para el blogroll*/

#better-blogroll ul
{
	margin: 0;
	padding: 0;
	width: auto;
}


/* Presentacion para los proyectos */

.textwidget ul#proyectos
{
	width: auto;
	padding: 0;
	margin: 0;
}

	ul#proyectos
	{
		list-style-type: none !important;
		margin: 20px 0 0 0px;
	}
		ul#proyectos li
		{
			float: left;
			width: 120px;
			background: none;
			margin: 0 7px 10px 7px;
			border: 0;
			padding: 0;
		}
			ul#proyectos li a
			{
				text-indent: -9000px;
				display: block;
				float: left;
				clear: both;
				width: 120px;
				height: 80px;
			}
				ul#proyectos a#logoKimera
				{
					background: url('img/logo-kimera.gif');
				}
				ul#proyectos a#logoCC
				{
					background: url('img/logo-cc.gif');
				}
				ul#proyectos a#logoVirtual
				{
					background: url('img/logo-virtual.gif');
				}
				ul#proyectos a#logoViztaz
				{
					background: url('img/logo-viztaz.gif');
				}

/* Presentacion para las redes sociales */

#iconosRedes a
{
	margin-top: 10px;
	margin-left: 30px;
	margin-bottom: 10px;
}
#iconosRedes
{
	margin-top: -5px;
}

/* Boton para ir a la version anterior*/

#versionAnterior
{
	margin: 40px 0 0 0;
	width: 305px;
	float: left;
	clear: both;
}
	#versionAnterior a
	{
		display: block;
		text-indent: -9000px;
		width: 256px;
		height: 100px;
		background: url('img/btn-versionanterior.png') 0 0 no-repeat;
		margin-left: 25px;
	}



/* Modificaciones al color de fondo del menu y el pie de pagina */

#menu,
#menu ul,
#footer
{
	background: #333333;
}
	#menu,
	#footer
	{
		border-top-color: #111111;
	}



/* Ajustes en la presentacion del formulario */


form span input,
form span textarea
{
	font-size: 13px;
	color: #333333;
	width: 450px;
}
	form span input#validacion
	{
		width: 40px;
	}
	form p.enviar
	{
		text-align: center;
	}
		#form p.enviar #btnform
		{
			font-size: 14px;
		}
	
	form div
	{
		border: 1px solid #FF6600;
		font-size: 14px;
	}
		#searchform div
		{
			border: 0;
		}
		#commentform div
		{
			border: 0;
		}

#respond label
{
	width: 130px;
	text-align: left;
}
#respond input
{
	width: 260px;
}

/* Definicion para el menu desplegable */

/*Menu desplegable*/
ul.sub-menu li
{
	z-index: 2500;
	margin: 0;
	padding: 0;
}
/*Definicion del alto de cada item*/

ul.sub-menu
{
	margin: 0;
	padding: 0;
	background: red;
}
ul.sub-menu li
{
	margin:5px 0 0 0;
}
	ul.sub-menu li a
	{
		height: auto;
		padding-bottom: 10px;
	}
/**/





#menu-navagaciongeneral
{
	z-index:10000;
}
	#menu-navagaciongeneral li
	{
		position: relative;
	}
/*definicion para los submenu*/
#menu ul ul.sub-menu
{
	position:absolute;
	left:-9999px;
	height:auto;
	margin:0;
	padding:0;
	top:0px;
	width: 220px;
	z-index: 2000;
	padding-bottom: 10px;
	float: none;
	line-height: normal;
	margin-left: 0;
	padding-right: 0;
	text-align: left;
	background: url('img/sub-menu.png') bottom left no-repeat;
}

	#menu ul ul.sub-menu li
	{
		padding:0px 0 3px 0;
		background-image:none;
		height:auto;
		z-index: 1000;
		line-height: 0.8em;
		text-transform: capitalize;
	}
		#menu ul ul.sub-menu li:first-child
		{
			background-image: none;
			padding-top: 4px;
		}
		#menu ul ul.sub-menu li a
		{
			font-size: 0.9em;
			font-weight: normal;
			text-indent: 0;
			background-image: none;
			text-decoration: none;
			width: 220px;
			float: left;
			clear: both;
			text-align: left;
			margin: 0 0 5px 0;
			line-height: 0.8em;
			color: #FFFFCC;
		}
		/*Hack-box*/
		#menu ul ul.sub-menu li a
		{
			padding:3px 20px 5px 20px;
			voice-family: "\"}\"";
			voice-family: inherit;
			width:180px !important; /*Para el ie60*/
		}
		html>body #menu ul ul.sub-menu li a
		{
			width:180px !important; /*Para el firefox*/
		}
		/*Fin del Hack-box*/
		#menu ul ul.sub-menu li a:hover
		{
			text-decoration: underline;
		}
/*funciones para el menu*/
#menu-navagaciongeneral li:hover ul, #menu-navagaciongeneral li li:hover ul, #menu-navagaciongeneral li li li:hover ul, #menu-navagaciongeneral li.sfhover ul, #menu-navagaciongeneral li li.sfhover ul, #menu-navagaciongeneral li li li.sfhover ul
{
	left:-10px;
	top:40px;
	z-index: 1000;
}


/*fin de las funciones*/
/*fin de los submenu*/


/* Fin del menu desplegable */


/*Estilos para la presentacion del carrusel*/

#content
{
	position: relative;
}
#board
{
	margin-top: 20px;
	width:100%;
	height:314px;
	background:url(images/bgr_board.gif) no-repeat;
	overflow: hidden;
}
#board_left{
	float:left;
	padding:0;
	width:605px;
}
#board_left h2{
	color: #4D4D46;
	font-size: 2.2em;
	font-weight:normal;
	margin:0 0 17px 0;
}
#board_items{
	width:605px;
}
#board_body{
	width:100%;
}
#board_carusel{
	width:605px;
	height:180px;
	position:relative;
}
#board_carusel .belt{
	position: absolute; /*leave this value alone*/
	left: 0;
	top: 0;
}
.board_item{
	width:605px;
	height:180px;
	overflow:hidden;
}
#board_body strong{
	font-size:1.2em;
	color:#4D4D46;
	line-height:18px;
	display:block;
}
#board_body p{
	font-size:1.1em;
	color:#333333;
	line-height:1.15em;
}
#board_body p img{
	float:left;
	margin:0 10px 0 0;
	width:228px;
	height:180px;
}
#board_body p a{
	color:#333333;
}
#board_body p.more a{
	color:#fff;
	font-weight:bold;
	background: #999999;
	float: left;
	margin: 10px 0 0 0;
	padding: 4px 14px 4px 14px;
}
#board_carusel_nav{
	width:100%;
	overflow:hidden;
	margin: 10px 0 0 0;
	padding:0;
	float: right;
	border-top:2px solid #D8D8C7;
}
#board_carusel_nav li{
	font-size:15px;
	float:left;
	font-weight:bold;
	margin-right: 2px;
}
#board_carusel_nav a{
	display:block;
	float:left;
	text-align:center;
	color:#3d3d3d;
	width: 40px;
	height: 40px;
	line-height: 40px;
}
#board_carusel_nav a.selected, #board_carusel_nav a:hover{
	text-decoration:none;
	background: #D8D8C7;
}



/* Distribucion en columnas */

#columnas
{
	width: 630px;
	float: left;
	clear: both;
}
	.columna
	{
		width: 280px;
		height: 400px;
		overflow: hidden;
		margin: 0 35px 60px 0px;
		float: left;
	}
		#columnas .columna h3
		{
			font-size: 0.9em;
		}
		.columna .headline img
		{
			width: 280px;
			margin-bottom: 10px;
			float: left;
			clear: both;
		}
		.columna .text
		{
			float: left;
			clear: both;
		}
		.columna .text p
		{
			font-size: 1.1em;
			line-height: 1.3em;
		}
			.columna .text p.leerMas
			{
				text-align: right;
			}