/*
        |                      |                      |
    ____|  ____|        -  ____|      __  ____    ____|    __  -   ____            ____   ____
   |    | |    | \   /  | |    |    |/   |    |  |    |  |/    |  |    |  |    |  |____|  __/_
   |____| |____|_ \_/   | |____|    |    |____|  |____|  |     |  |____|  |____|  |____   /___
                                                                   ____|
	----------------------------------------
	web:   davidrodriguez.es
	date:  2008-03-25
	----------------------------------------
*/

/* CSS RESET */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label,
legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style:
inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}
:focus {outline: 0;}
body {line-height: 1; color: black; background: white;} 
ol, ul {list-style: none;} 
table {border-collapse: separate; border-spacing: 0;} 
caption, th, td {text-align: left; font-weight: normal;} 
blockquote:before, blockquote:after, q:before, q:after {content: "";} 
blockquote, q {quotes: "" "";}
em {font-style: normal;}

/* GENERAL */

html {
	font-size: 12px;
	font-family: "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	padding: 18px;
}

p, li, input, textarea {line-height: 18px;}

body {background: #eee url(/imagenes/fondo_degradado.jpg) repeat-x 0 5px;}

#contenedor {width: 760px; margin: 0 auto;}

/* GENERAL: enlaces */

a {
	text-decoration: none;
	color: #ca3623;
}

a:hover {color: #000;}

a[lang="en"] {
	background: url(/imagenes/gb.png) left no-repeat;
	padding-left: 20px;
}

a[lang="es"] {
	background: url(/imagenes/es.png) left no-repeat;
	padding-left: 20px;
}

a[title="vCard"] {
	background: url(/imagenes/vcard.png) left no-repeat;
	padding-left: 20px;
}

a[href~=".pdf"] {
	background: url(/imagenes/vcard.png) left no-repeat;
	padding-left: 20px;
}

/* GENERAL: clases especiales */

.invisible {display: none;}
.right {float: right;}
.left {float: left;}
.rtext {text-align: right;}
.ltext {text-align: left;}
.bold {font-weight: bold;}

.sup {
	vertical-align: super;
	font-size: 8px;
	line-height: normal;
}

.help {
	border-bottom: 1px dotted #fff;
	cursor: help;
}

.info {
	background: url(/imagenes/information.png) center left no-repeat;
	padding-left: 20px;
	color: #5482B5;
	font-size: 10px;
	
	float: right;
	clear: both;
}

.small {
	font-size: 9px;
}

span.initia {
	color: #ca3623;
	font-weight: bolder;
}

/* GENERALES: loader */

#loader {
	background: #fff;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#loader p {
	margin-top: 20%;
	text-align: center;
}

/* PRESENTACION */

.presentacion h1 {
	text-align: center;
	display: block;
	width: 100%;
}

.presentacion .flash {
	clear: both;
	overflow: hidden;
	display: block;
	margin: auto;
}

.presentacion .start {
	overflow: hidden;
	clear: both;
	
	width: 600px;
	margin: 20px auto;
	text-align: center;
}

.presentacion li {
	line-height: 18px;
	overflow: hidden;
}

.presentacion a {
	padding: 3px 0;
	display: block;
	width: 140px;
}

.presentacion a:hover {text-decoration: none;}

.presentacion .start > li {
	float: left;
	
	display: block;
	min-height: 150px;
	
	font-size: 11px;
	padding: 10px 0;
}

	.presentacion .start > li > a {
		color: #666;
		border-bottom: 1px solid #999;
		font-weight: bold;
	}

		.presentacion .start > li.this > a {
			color: #000;
			border-bottom: 1px solid #000;
		}

.presentacion .start ul {
	margin: 0;
	overflow: hidden;
	display: none;
}

.presentacion .start li.has-children ul {margin: 0;}

.presentacion .start li.has-children li {
	float: left;
	clear: both;
	overflow: hidden;
}
		
.presentacion .start li.has-children ul li a:hover {color: #ca3623;}

body.inicio #pie {display: none;}
body.inicio #contenido {background: none;}

/* NAVEGACION */

#navegacion {
	border-bottom: 1px solid #eee;
	margin: 0 0 18px 0;
}

#navegacion .menu {margin-top: 18px;}

#navegacion, #sub-navegacion {
	overflow: hidden;
	padding: 0 10px;
}

#navegacion li, #sub-navegacion li {margin-left: 10px;}
#sub-navegacion {margin: 9px 0;}
ul.menu a, ul.breadcrumb a, .start a {color: #999;}
ul.menu a:hover, ul.breadcrumb a:hover, .start a:hover {color: #000;}
	
ul.menu li.current, ul.menu li.current a, ul.breadcrumb em, ul.menu li.current-section a {
	color: #ca3623;
	font-weight: bold;
}

ul.menu {
	float: right;
	font-size: 12px;
	line-height: 18px;
	overflow: hidden;
}

	ul.menu li {display: inline;}

/* CONTENIDO: cabecera */

#logo {
	margin-top: 4px;
	float: left;
}

div.cabecera {position: relative;}

div.cabecera #brillo {
	position: absolute;
	top: 0;
	left: 0;
}

div.cabecera div.title {
	position: absolute;
	bottom: 50px;
	right: 65px;
	
	color: #fff;
	padding: 9px 0;
	width: 630px;

	text-align: right;
	font-size: 20px;
}

div.cabecera div.title p {
	line-height: normal;
}

div.cabecera .title span.autor {
	float: right;
	clear: both;
	margin: 9px 10px 0 0;
	font-size:12px;
	font-style: italic;
}

div.cabecera .title.vision {
	text-align: center;
}

div.cabecera .title.arquitectura {
	text-align: left;
	left: 65px;
}

.cabecera.video {
	background: #e7e7e7;
	overflow: hidden;
	padding: 18px 0;
	text-align: center;
}

.cabecera.video p {
	font-size: 12px;
	margin: 18px 51px 0 51px;
}

/* CONTENIDO: titulos */

h1 {
	font-size: 18px;
	color: #999;
	float: left;
	font-weight: bold;
}

h1 span.tipo {
	font-size: 10px;
	font-variant: small-caps;
	color: #ccc;
	font-weight: normal;
}
body.error h1 { float: none; }
h2 {
	font-size: 14px;
	color: #ca3623;
	font-weight: bold;
	
	clear: both;
}

/* CONTENIDO: general */

#contenido {
	background: transparent url(/imagenes/bottom1.png) left bottom no-repeat;
	overflow: hidden;
	
	padding-bottom: 18px;
}

#principal {
	clear: both;
	overflow: hidden;
	
	padding: 27px 10px 18px 10px;
	
	font-size: 12px;
	line-height: 18px;
	
	background: #fff url(/imagenes/bg_prin.gif) top left repeat-y;
}

#principal p, #principal ul, #principal blockquote, #principal h2, #principal > div {
	margin: 0 55px 18px 55px;
	text-align: justify;
}

#principal blockquote {
	padding: 18px 0;
	
	font-size: 12px;
	text-align: center;
	color: #999;
	
	border-top:		1px solid #eee;
	border-bottom:	1px solid #eee;
}

#principal ul {
	list-style-type: disc;
	text-align: justify;
}

/* Seccion */

div.seccion {
	border-top: 1px solid #ddd;
	clear: both;
	padding-top: 36px;
}

/* CONTENIDO: datos tabulares & tablas */

table.tablesorter {
	margin:10px 55px;
	width: 630px;
	text-align: left;
	border: 1px solid #ddd;
	border-top: none;
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
	background-color: #ca3623;
	color: #fff;
/*	border-bottom: 1px solid #fff;*/
	border-left: 1px solid #fff;
	padding: 2px 5px;
}
table.tablesorter thead tr th.first {
	border: none;
}

table.tablesorter thead tr .header {
	background-image: url(/imagenes/bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}

table.tablesorter tbody td, table.tablesorter tbody th {
	padding: 3px 10px;
	border-top: 1px solid #eee;
}

table.tablesorter tbody tr.odd { background-color:#f9f9f9; }
table.tablesorter tbody tr:hover { background-color: #eee; }
table.tablesorter thead tr .headerSortUp {
	background-image: url(/imagenes/asc.gif);
}
table.tablesorter thead tr .headerSortDown {
	background-image: url(/imagenes/desc.gif);
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
	background-color: #999;
}


/* SECCION: Pagina de contacto */

div.vcard {
	border: 1px solid #eee;
	border-left: none;
	border-right: none;
	position: relative;
	padding: 9px 80px;
}
	#tvisita .org {
		margin: 18px 0;
		font-weight: bold;
		display: block;
	}
	#tvisita.vcard p {
		margin-left: 0;
		padding: 0;
	}
	div.vcard img {
		position: absolute;
		top: 36px;
		right: 80px;
		height: 180px;
	}

div.form {display: none;}

body.js div.form {
	display: block;
	overflow: hidden;
}

	div.form label {display: none;}
	
	div.form input, div.form textarea {padding: 5px 9px; font-size: inherit;}
	
	div.form input[type$="text"] {
		float: left;
		width: 290px;
		padding: 5px 9px;
		border: 1px solid #ccc;
	}
	
	div.form input[name$="nombre"] {margin-right: 10px;}
	div.form textarea {
		float: left;
		clear: left;
		width: 610px;
		margin: 9px 0;
		padding: 5px 9px;
		border: 1px solid #ccc;
	}
	
	div.form input[type$="text"],
	div.form textarea {
		border-top-color: #999;
		border-bottom-color: #eee;
	}
	
	div.form input[type$="text"]:focus,
	div.form textarea:focus {
		border-color: #fff;
		outline: 2px solid #ca3623;
	}
	
	div.form input[type$="submit"] {
		clear: both;
		float: left;
	}



/* SECCION: Listado de promociones */

.promonav {
	margin: 18px 0;
	overflow: hidden;
	display: block;
}

.promonav a, .sitenav em {line-height: 18px;}

.promonav > li {
	float: left;
	display: block;
	padding: 5px;
	width: 179px;
}

.promonav > li > a {
	color: #666;
	font-weight: bold;
	display: block;
}

.promonav li ul a {color: #999;}
.promonav em, .promonav ul .current-section > a {color: #ca3623;}
.promonav a:hover {color: #000;}

#contacto_oficina {
	background: #fff url(/imagenes/bg_prin.gif) top left repeat-y;
	text-align: center;
	overflow: hidden;
	padding: 10px 0;
}

#contacto_oficina p {
	border-top:		1px solid #C0E0FC;
	border-bottom:	1px solid #C0E0FC;
	width: 630px;
	margin: 0 auto;
	padding: 10px 0;
	overflow: hidden;
}

#contacto_oficina a {
	background: url(/imagenes/telephone.png) left no-repeat;
	padding: 10px 0 10px 25px;
	color: #5482B5;
}

#contacto_oficina a:hover {color: #000;}

/* SECCIONES: Navegacion anterior siguiente */

ul.prev-next {
	background: #fff url(/imagenes/bg_prin.gif) top left repeat-y;
	overflow: hidden;
	line-height: 18px;
}

ul.prev-next li {
	width: 300px;
	overflow: hidden;
	padding-top: 10px;
	margin-bottom: 8px;
}

ul.prev-next li a {color: #555;}
ul.prev-next li a:hover {color: #000;}

ul.prev-next li.prev {
	float: left;
	margin-left: 55px;
}

ul.prev-next li.next {
	float: right;
	margin-right: 55px;
	text-align: right;
}

ul.prev-next li.next a:after {content: ' ››';}
ul.prev-next li.prev a:before {content: '‹‹ ';}

/* PIE: navegacion */

.breadcrumb li:first-child {
	text-indent: -9999px;
	background: url(/imagenes/house.png) center no-repeat;
	width: 14px;
	
}

.breadcrumb {
	margin-top: 18px;
	border: 1px solid #ccc;
	border-left: none;
	overflow: hidden;
	display: block;
}

.breadcrumb li{
	float: left;
	display: block;
	padding: 5px;
	border-left: 1px solid #ccc;
}

.sitenav {
	margin-top: 18px;
	overflow: hidden;
	display: block;
	text-align: center;
}

.sitenav a, .sitenav em {line-height: 18px;}
.sitenav a:hover {color: #000;}

.sitenav > li {
	float: left;
	display: block;
	padding: 5px;
	width: 179px;
}

.sitenav > li > a {
	color: #666;
	font-weight: bold;
	display: block;
}

.sitenav li ul a {color: #999;}
.sitenav em, .sitenav ul .current-section > a{color: #ca3623;}
.sitenav > li.current > em {font-weight: bold;}

/* PIE */

#pie {
	clear: both;
	margin-top: 18px;
	padding: 10px 0;
	color: #999;
	border-top: 1px solid #ddd;
	font-size: 10px;
}

#pie p {text-align: justify;}
#pie a {color: #ca3623;}
#pie a:hover {color: #000;}

/* PIE: vcard */

#pie .vcard {
	display: inline;
	line-height: 18px;
}

.mini.vcard {margin: 0;}