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

body {
	background-color: #fff;
	font: normal 12px/1.2em "lucida grande", tahoma, verdana;
	color: #444;
}

a {color: #08C;}

h1, h2, h3, h4 {
	font-family: helvetica, arial, sans-serif;
	color: #2a343b;
}

h4 span {
	font-size: 14px;
	font-weight: normal;
	color: #999 !important;
	padding-left: 6px;
}

blockquote {
	color: #999;
	border-left: 1px solid #A5D2E3;
}

small {color: #999;}

.box {
	background: #fff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#cabecera {background-color: #2A343B;}

.supertitle {background: #A5D2E3;}
.supertitle strong {color: #fff;}

.secciones a {
	color: #6990a0;
	text-decoration: none;
}
.secciones .sel, .secciones a:hover {
	color: #fff;
	background: url('http://hipertextual.com/recursos/i/secc-izq.gif') no-repeat center left;
}
.secciones a.sel span, .secciones a:hover span {background: url('http://hipertextual.com/recursos/i/secc-drc.gif') no-repeat center right;}

.subsecciones a {
	color: #777;
	text-decoration: none;
}
.subsecciones .sel, .subsecciones a:hover {
	color: #fff;
	background: url('http://hipertextual.com/recursos/i/subsecc-izq.gif') no-repeat center left;
}

.subsecciones a.sel span, .subsecciones a:hover span {background: url('http://hipertextual.com/recursos/i/subsecc-drc.gif') no-repeat center right;}

/* campo  de busqueda */
.search input {
	font-size: 11px;
	color: #777;
	padding: 1px 3px;
}
#searchtip {
	font-size: 10px;
	color: #fff;
	background: #000;
	padding: 5px 10px;
	border: 1px solid #000;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	opacity: 0.75;
}

/* Contenido */
.contenido h2 {
	font-size: 22px;
	margin: 0 0 10px 0;
}

.page h3 {font-size: 18px;}

.blog .meta, .blog .submeta {font-size: 10px;}

.excerpt, .historia {
	font-size: 12px;
	line-height: 19px;
}

.historia h4 {
	font-size: 16px;
	margin: 25px 0 10px 0;
}

.navegacion {
	font-size: 11px;
	padding: 10px;
}

.archivo .box {
	width: 230px;
	margin: 10px 10px 0 0;
}

/* =form - formularios de contacto */
.formulario .campo {
	padding: 5px 0;
	font-size: 12px;
}

.formulario .izquierda {
	width: 25%;
	text-align: right;
}

.formulario .izquierda label {font-weight: bold;}
.formulario .derecha {width: 72%;}

.formulario .derecha input,
.formulario .derecha textarea {
	padding: 4px;
	font: normal 12px "lucida grande", helvetica, arial, verdana, sans-serif;
	color: #666;
	border-left: 1px solid #999;
	border-top: 1px solid #999;
	border-right: 1px solid #eee;
	border-bottom: 1px solid #eee;
}
.formulario .derecha textarea {height: 200px;}

.formulario .boton {text-align: right;}
.formulario .boton input {
	font-weight: bold;
	padding: 5px 20px;
}

input.email {
	border: 1px solid #ccc;
	padding: 2px;
	font-size: 1em;
}

.wpcf7-list-item {
	width: 350px;
	display: block;
}

.blogs-publicidad input {
	border: 2px solid red;
	width: 25px !important;
}


/* =sidebar - barra lateral */
.sidebar {
	font-size: 10px;
	line-height: 1.45em;
}

.sidebar h3 {
	font-size: 14px;
	padding: 0 0 6px 0;
	margin: 0 0 15px 0;
	border-bottom:1px solid #ddd;
}

.sidebar ul {
	list-style-type: square;
	margin: 0 0 25px 20px;
	padding: 0;
}

.maillist {color: #777;}

.vcard {
	background: url('http://hipertextual.com/recursos/i/icon-hcard-download.png') no-repeat center left;
	padding: 2px 0 2px 32px;
}

/* =footer - pie de pagina */
.footer #cuerpo {
	color: #aaa;
	font-size: 11px;
	padding: 10px 0;
}

.footer .derecha a {margin-left: 5px;}