/*
Theme Name: Websitum
Theme URI: http://websitum.com
Description: Websitum's theme
Version: 0.1
Author: Jon Tribak
Author URI: http://100hitz.net/
Tags:
*/
/*--------------------- BODY -------t-------------*/
body {
	font-family:"Lucida Sans Unicode", Trebuchet, Lucida Grande, Lucida Sans, Arial, sans-serif;
	font-size:80%;
	color:#464646;
	text-align:center;
	margin:0;
	padding:0;
	background:#FFF;
}

/*--------------------- HTML ---------------------*/
/* (CC) 2004 Tantek Celik. Some Rights Reserved. http://creativecommons.org/licenses/by/2.0 This style sheet portion is licensed under a Creative Commons License. */
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input {margin:0; padding:0}
a img,:link img,:visited img {border:none}
ul,ol {list-style:none}
/* // (CC) 2004 Tantek Celik. // */

/*------ Semantica ------*/
h1 {
	font-size:2.5em;
	font-weight:normal;
	margin:0 0 .8em -.5em;
}
h2 {
	font-size:1.5em;
	font-weight:normal;
	margin:1em 0 .2em 0;
}
p {
	line-height:1.3em;
	margin-bottom:1em;
}
#contenido li {
	background:url(images/bg-li.png) no-repeat left center;
	margin:.7em 0 0 .7em;
	padding-left:1em;
}
a {
	color:#2583AD;
	text-decoration:underline;
}
a:hover {
	color:#D54E21;
	text-decoration:none;
}

/*------ Formularios ------*/
form {
	margin:0;
}
legend, fieldset, textarea, input, select {}
textarea:focus, input:focus, select:focus {}
textarea:hover, input:hover, select:hover {}

/*------ Tablas ------*/
table {
  border-collapse:collapse; /* Para quitar el padding de las celdas */
  border-spacing:0;
  width:99%;
}
caption, th, td {}

/*--------------------- ESTRUCTURA ---------------------*/
#contenedor {
	margin:0 auto;
	position:relative;
	text-align:left;
	width:755px;
}

/*------ Logo ------*/
#logo {
	color:#212121;
	font-size:2.3em;
	font-weight:normal;
	line-height:normal;
	margin:0 0 0 1.65em;
	padding-top:.5em;
	width:8em;
}
#logo span {
	display:block;
	font-size:.6em;
	margin-top:-.15em;
}
#logo a {
	color:#212121;
	text-decoration:none;
}

/*------ Menu principal ------*/
#menuPrincipal {
	font-size:1.1em;
	height:3em;
	position:absolute;
	right:2em;
	top:3.85em;
}
#menuPrincipal li {
	color:#464646;
	float:left;
	padding:.7em 0 .7em 0;
	text-align:center;
}
#menuPrincipal li a {
	color:#464646;
	display:block;
	margin:0 .7em;
	text-decoration:none;
}
#menuPrincipal li a:hover {
	color:#D54E21;
}
#menuPrincipal li strong {
	color:#D54E21;
}
#menuPrincipal li.inicio {
	background:url(images/bg-menuprincipal-inicio.png) no-repeat center top;
	width:6em;
}
#menuPrincipal li.sabermas {
	background:url(images/bg-menuprincipal-sabermas.png) no-repeat center top;
	width:8em;
}
#menuPrincipal li.probar {
	background:url(images/bg-menuprincipal-inicio.png) no-repeat center top;
	width:6em;
}
#menuPrincipal li.crear {
	background:url(images/bg-menuprincipal-crear.png) no-repeat center top;
	width:12em;
}

/*------ Menu auxiliar ------*/
#menuAuxiliar {
	background:url(images/bg-menuauxiliar.png) no-repeat top center;
	color:#A4A4A4;
	font-size:.85em;
	height:3em;
	padding:.5em 0 0 2em;
	position:absolute;
	right:3em;
	top:0;
	width:14.5em;
}
#menuAuxiliar li {
	display:inline;
}
#menuAuxiliar li a {
	color:#D1D1D1;
	text-decoration:underline;
}
#menuAuxiliar li a:hover {
	color:#FFF;
	text-decoration:none;
}
#menuAuxiliar li span {
	padding:0 .4em 0 .2em;
}

/*------ Contenido ------*/
#contenido {
	background:url(images/bg-contenido.png) repeat-y top center;
	margin-top:1.5em;
}
#contenido .abajo {
	background:url(images/bg-contenido-div.png) no-repeat bottom center;
	_height:1em; /* Explorer 6 */
}
#contenido .arriba {
	background:url(images/bg-contenido-div-div.png) no-repeat top center;
	padding:1.5em 2em 2em 3.5em;
	_height:1em; /* Explorer 6 */
}

/*------ Pie ------*/
#pie {
	color:#999;
	font-size:.9em;
	height:4em;
	margin-top:2em;
}
#pie p {
	margin-bottom:.5em;
}
#pie a {
	color:#999;
	text-decoration:underline;
}
#pie a:hover {
	color:#000;
	text-decoration:none;
}
#pie .recursos {
	color:#999;
	margin-bottom:1em;
}
#pie .recursos a {
	color:#999;
}
#pie .recursos a:hover {
	color:#000;
}
/*--------------------- CLASES GENERALES ---------------------*/
.ayudaAcces {
	position:absolute;
	left:-10000px;
	top:-10000px;
	font-size:.1em;
	line-height:1%;
}
.clear {
	clear:both;
}
.nota {
	background:#FFFFCC;
	border:1px solid #CDCD9C;
	font-size:.95em;
	margin-top:3em;
	padding:1.3em 1.5em;
}
/*------ Destacado ------*/
#destacado {
	background:url(images/bg-destacado.gif) no-repeat left top;
	color:#D7D7D7;
	font-size:1.4em;
	margin-top:2em;
	text-align:center;
}
#destacado ul {
	background:url(images/bg-destacado-ul.gif) no-repeat right top #D54E21;
	height:2.7em;
	margin-left:.5em;
	padding-left:1.5em;
}
#destacado li {
	background:none;
	float:left;
	margin:.65em 0 .65em 0;
	padding:0;
}
#destacado a {
	color:#FFF;
	text-decoration:underline;
}
#destacado a:hover {
	color:#FFF;
	text-decoration:none;
}
#destacado span {
	margin:0 .5em 0 .1em;
}

/*--------------------- INICIO ---------------------*/
#inicio img {
	position:absolute;
	top:14em;
	right:3em;
}
#inicio #destacado {
	margin-left:3.5em;
	width:29.5em
}

/*--------------------- SABER MAS ---------------------*/
#saber .arriba {
	padding-left:5.5em;
}
#saber h1 {
	margin-left:-1.3em;
}
#saber h2 {
	margin:1.7em 0 .65em -1.3em;
}
#saber #destacado {
	margin:3em 0 0 6.5em;
	width:23.5em
}
#saber img {
	margin-right:.4em;
}
#saber img,
#saber a img {
	border:1px solid #C8DAEA;
}
#saber a:hover img {
	border:1px solid #9AB0C3;
}
#saber .ejemplos {
	font-size:1.3em;
	margin-top:2em;
}

/*--------------------- CREAR PAGINA WEB ---------------------*/
#crear label {
	display:block;
	font-size:1.3em;
	margin-top:1em;
}
#crear label span {
	font-size:.7em;
}
#crear #user_name,
#crear #user_email,
#crear #blogname,
#crear #blog_title {
	border:1px solid #E1E1E1;
	font-family:"Lucida Sans Unicode", Trebuchet, Lucida Grande, Lucida Sans, Arial, sans-serif;
	font-size:1.7em;
	font-weight:normal;
	margin-top:.4em;
	padding:.2em .3em;
	width:15em;
}
#crear #blogname {
	font-size:1.4em;
	margin:0;
	width:12em;
}
#crear #user_name:focus,
#crear #user_email:focus {
	background:#FAFAFA;
	border:1px solid #ccc;
}
#crear #submit {
	font-family:"Lucida Sans Unicode", Trebuchet, Lucida Grande, Lucida Sans, Arial, sans-serif;
	font-size:1.4em;
	padding:.3em .7em;
	#padding: .3em 0; /*Para Internet Explorer */
}
#crear .error {
	color:#BE0000;
	font-size:1.2em;
	font-weight:bold;
	margin:.2em 0 0 0;
}