/*
	Estilos generales para Hipertextual.com
	Hipertextual S.L. (C) 2008
*/

body,
h1, h2, h3, h4 {
	margin: 0;
	padding: 0;
}

blockquote {
	margin: 20px;
	padding: 0 0 0 15px;
}

.aviso {
	border: 1px solid #E6DB55;
	background:#FFFBCC;
	margin: 0 0 10px 0;
	padding: 5px 10px;
	font-size: 12px;
	text-align:center;
}


.clear {clear:both;}

.izquierda, .left, img.izquierda-borde {float:left;}
.derecha, .right, img.derecha-borde {float: right;}

img {border: none;}
img.derecha {margin: 0 0 5px 15px;}
img.izquierda {margin: 0 15px 5px 0;}
img.centro {display: block; margin: 0 auto;}

.sep {margin: 0 0 30px 0;}

.box {
	padding: 10px;
	border: 1px solid #ddd;
}

/* tamanos */
.page .blog {width: 500px;}
.page .max {width: 700px; margin: 30px auto 0 auto; float: none !important;}
.page .sidebar {width: 250px;}
.lblog .blog {width: 550px;}
.lblog .sidebar {width: 200px;}

.page .blog, .page .sidebar, .lblog .blog, .lblog .sidebar {margin-top: 30px;}

#cuerpo {
	width: 800px;
	margin: 0 auto;
}

#cabecera {padding: 0 10px;}

#cabecera #cuerpo {width: 900px;}

.logo {margin-top:5px;}

.supertitle {
	font: normal 18px helvetica, arial, tahoma;
	padding: 15px 0;
}
.supertitle strong {letter-spacing: -1px;}

.secciones {
	font-size: 11px;
	margin: 15px 0 0 10px;
}

.secciones a {
	margin-right: 2px;
	padding: 3px 10px;
	display: block;
	width: auto;
	float: left;
}

.secciones .sel, .secciones a:hover {padding: 3px 0 4px 10px;}
.secciones a.sel span, .secciones a:hover span {background: url('http://hipertextual.com/recursos/i/secc-drc.gif') no-repeat center right;}

.subsecciones {
	font-size: 10px;
	margin: 5px 0;
}
.subsecciones a {
	margin-right: 2px;
	padding: 3px 10px;
	display: block;
	width: auto;
	float: left;
}
.subsecciones .sel, .subsecciones a:hover {padding: 3px 0 4px 10px;}
.secciones a.sel span, .secciones a:hover span,
.subsecciones a.sel span, .subsecciones a:hover span {padding: 3px 10px 4px 0;}

.search {margin: 13px 0 0 0;}
.search:hover #searchtip {
	display: inherit;
	position: absolute;
	top: 45px;
}
#searchtip {display: none;}

/* =contenido */
.contenido {margin: 30px 0 0 0;}

/* =blog */
.blog .post {margin: 0 0 20px 0;}
.blog .meta, .blog .submeta {margin: 0 0 5px 0;}

.excerpt, .historia {overflow: hidden;}

/* =form - formularios de contacto */
.formulario .campo {clear: both;}

.formulario .derecha input, .formulario .derecha textarea {width: 350px;}
.formulario .check-edad input {width:auto;}
.formulario .derecha textarea {height: 200px;}

/* =footer - pie de pagina */
.footer #cuerpo {margin: 20px auto;}