/* Main structure & definitions */

	/* Begin Structure */

		/* overwrite all default browser settings */
		* { margin: 0; padding: 0; }

	body { background: #fff; font-size: 12px; font-family: arial, helvetica, sans-serif; color: #333; }
	
	#container { width: 778px; border-bottom: 2px solid #ff3700; border-top: 2px solid #ff3700; margin: 0 auto;
	
		/* box model hack */
		voice-family: "\"}\""; 
		voice-family:inherit;
		width: 756px;
	}
		html>body #container { width: 756px; }
		
	#header { position: relative; height: 50px; }

	#content { width: 495px; float: left; margin: 0; padding: 0;
	
		/* box model hack */
		voice-family: "\"}\""; 
		voice-family:inherit;
		width: 491px;
	}
	html>body #content { width: 491px; }	

	#sidebar { width:252px; margin: 0 0 0 504px; padding: 1px 0 0 0; }

	#footer {margin: 4em 0 0 0; }

	/* End Structure */
	
/* Main styles & HTML tags & links */

	a { color: #ff3700; text-decoration: none; border-bottom: 1px solid #fff; }
	a:hover, a.extlink:hover { background-color: #efefef; border-color: #cecece; }
	a.extlink { background: url(../imgs/gral/external.gif) right 3px no-repeat; padding-right: 12px; }
	
	h1, h2, h3 { font: 76% "Lucida Sans Unicode", verdana, helvetica, sans-serif; }
	h1 { font-size: 1.5em; }
	h2 { font-size: 1.2em; margin: 0; border-bottom: 1px dotted #ccc; padding-bottom: 1px; }
	h2 a { border: 0; display: block; }
	h2 a:hover { background: url(../imgs/gral/h2link.png) bottom right no-repeat; }
	
	
	h3 { font-size: 1.1em; color: #175e7a; }

	p { margin: 1em 0; line-height: 1.6em; }

	ul { list-style: none; margin: 0 0 0 .6em; line-height: 1.5em; }
	ol { line-height: 1.5em; margin: 0 0 0 1.6em; }
	ul li { background: url(../imgs/gral/ding.png) no-repeat 0 .5em; padding: 0 0 .6em 1em; line-height: 1.5em; }
	ol li { line-height: 1.5em; }
	dl { margin: 1.4em 0; }

	img, a img { border: 0; text-decoration: none; background-color: transparent; }


	/* xtra tags */
	code { font: 1.1em 'Courier New', Courier, Fixed; }
	acronym, abbr { font-size: 0.9em; letter-spacing: .07em; cursor: help; border-bottom: 1px dashed #999; }
	blockquote { background: #ffffef url(../imgs/gral/blockquote.gif) no-repeat 2px 1.2em; font-style: italic; padding: .1em 2.2em; margin: .3em 0; }	
	blockquote em {  font-style: normal; }
	blockquote cite { margin: 0.5em 0 0 0; display: block; }
	small, .metadata { font-size: 0.94em; }
	
	img.leftdoc { float: left; margin: 1.8em .4em .4em 0; }
	img.rightdoc { float: right; margin: 1.8em 0 .4em .4em; }

	

/* block specific */

	/* navbar */

	ul#nav { list-style: none; position: absolute; right: 0px; }
	ul#nav li { float: left; display: inline; border-left: 1px solid #fff; background: none; padding: 0; }
	ul#nav li a { width: 125px; height: 48px; display: block; color: #fff; background: #333 url(../imgs/gral/perspective1.png) top right no-repeat;
		font-weight: bold; padding: 30px 0 0 12px; line-height: 1em; text-decoration: none;
		
		/* box model hack */
		voice-family: "\"}\""; 
		voice-family:inherit;
		width: 113px;
		height: 18px;
	}
		html>body ul#nav li a { width: 113px; height: 18px; }
	
	ul#nav li.linkempresa a { background: #fff url(../imgs/gral/perspective1.png) top right no-repeat; color: #ff3700; }
	ul#nav li.actual a { background: #ff3700 url(../imgs/gral/perspective1.png) top right no-repeat; color: #fff; }
	ul#nav li a:hover { background: #ff9b7f; background: #ff3700 url(../imgs/gral/perspective1.png) top right no-repeat; color: #fff; border: none; }


	/* header */

	.description { font-size: 0.85em; background: #ff9b7f; background: #fff; padding: 4px 1em; line-height:1em;}	
		
	#header { background: #333; border-bottom: 1px solid #fff; }
	#header div { border-top: 2px solid #ff3700; border-top: 2px solid #fff; }
	#header div a#logo { position: absolute; top: 43px; left: 0; display: block; width: 101px; height: 102px;
		background: url(../imgs/gral/logo.png) no-repeat 0px 100%; text-indent: -4000px; text-decoration: none; border: none; }
		
	#underheader { height: 163px; padding: 0 0 0 510px; }
	#underheader a { border: 0; margin: 0; text-decoration: none; }
	#underheader a img { margin: 12px 6px 0 0; }
	#underheader a:hover img, #underheader a:hover { background-color: transparent; }
	#underheader img#topimg { margin-left: 101px; border-right: 1px solid #fff; }


	/* main column */
	
	#content { padding-bottom: 2em; /* background: url(../imgs/gral/bottom.png) center bottom no-repeat; */ }
	#content h2 { margin-top: -17px; padding-right: 100px; }
	#content .list { margin-bottom: 2.6em; }
	#content .list .contenido { margin: 0; }
	#content .list .contenido p { margin-top: .2em; }
	#content .date { /* background: #333; color: #fff; padding: 0 .3em; */ }
	#content .list .contenido strong, #content .documento strong, #content .single strong, #content .trabajo strong { color:#175e7a; }
	

	/* sidebar */
	
	#sidebar h2 { text-align: right; padding-right: 24px; color: #fff; background: #333 url(../imgs/gral/perspective1.png) top right no-repeat; }
	#sidebar h3 { font-size: 1em; }
	
	#sidebar ul { margin: .6em 0 .5em .8em; line-height: 1.1em; padding: .2em 0 .6em 0;}
	#sidebar li {  margin: 0; line-height: 1.1em; padding: 0 0 .3em 1em; background: url(../imgs/gral/ding.png) 0 0.4em no-repeat; }

	#sidebar .box { margin-top: 20px; border-top: 5px solid #333; padding: 10px 5px 0 5px; }
	#sidebar .box h2 { margin: 0 0 15px 0; line-height: 1em; }	
	#sidebar { border-bottom: 1px dotted #333; }


	/* footer */
	
	#footer { height: 3em; font-size: 0.85em; color: #777; 
	background: url(../imgs/gral/perspective_ccc.png) top left no-repeat; border-left: 200px solid  #eee; padding: .9em 20px .3em 30px; }
	#footer .ding {padding-left: 1.2em; margin-right: .6em; background: url(../imgs/gral/ding.png) 0em 60% no-repeat;}





/* Specials */

	.cuatrotres { font-weight: bold; text-transform: uppercase; letter-spacing: 0.11em; color: #175e7a;}
	p.aviso { border: 2px solid #175e7a; margin: 10%; padding: .8em; text-align: center; }
	.fmerrorbox, .error { color: #175e7a; }
	.hide { display: none; }	
	div.hr { height: 0px; font-size: 0px; border-bottom: 1px solid #ccc; margin-left: -10px; }
	div.clear { height: 0; font-size: 0; border: none; clear: left; }





/* Sections */

	/* home */
	#left_col h2, #right_col h2 { border: 0; font-size: 1.1em; margin: 0; padding: 0; }
	
	#left_col, #right_col { width: 238px; margin-left: 4px; float: left; border-top: 1px solid #ccc; }
	#right_col { margin-left: 10px; }
	#left_col p, #right_col p { line-height: 1.4em; margin-top: .2em; }
	#left_col img.tag, #right_col img.tag { position: relative; top: -14px; }
	#left_col a.link_ilustracion:hover, #right_col a.link_ilustracion:hover { background-color: #fff; border-color: #fff;  }
	img.col_ilustracion { position: relative; top: -7px; width: 236px; border: 1px solid #175e7a; }
	
	#map { border: 1px solid #175e7a; padding: 1px; height: 250px; }
	#map img { }

	/* TrabajoS */
	.floatboxes ul { margin-left: 0; padding-left: 0; }
	.floatboxes ul li { float: left; width: 230px; background-image: none; font-size: .94em; padding: 0 0 1px 0; 
	margin: 0 1em 1.6em 0; background: url(../imgs/gral/underline_degrad.png) bottom left no-repeat; }
		.floatboxes ul li.trabajo_destacado { width: 460px; background: url(../imgs/gral/underline_degrad2.png) bottom left no-repeat; }
	.floatboxes ul li h3 { margin: 0 0 .8em 0; }
	.floatboxes ul li p { margin: 0; padding: .5em 0 0 0; line-height: 1em;  font-size: 95%; }
		.floatboxes ul li.trabajo_destacado p { line-height: 1.2em; }
		.floatboxes ul li.trabajo_destacado p strong { color: #175e7a; }
	.floatboxes ul li a img { float: left; margin: 0 .5em 0 0; padding: 0 14px 0 0; line-height: .6em;
	background: url(../imgs/gral/perspective_ccc.png) top right no-repeat; }
		.floatboxes ul li.trabajo_destacado a img { width: 50%; background-image: none; }
	.floatboxes ul li a:hover img { background: url(../imgs/gral/perspective_red.png) top right no-repeat; }
		.floatboxes ul li.trabajo_destacado a:hover img { width: 50%; background-image: none;}
	
	/* Trabajo (1) */
	img.captura { padding-left: 1em; margin-top: .6em; margin-bottom: .6em; }
	ul.ficha_trabajo { border-bottom: 1px dotted #ccc; }
	
	/* Documento (1) */
	.documento p.metadata { line-height: 1.2em; text-align: right; padding-right: .4em; border-right: 2px solid #ccc; }
	#content .documento p.metadata strong { color: #333; }
	#content .documento a strong { color: #ff3700; }
	#content .documento p img { padding: 1px; border: 1px solid #ccc; }
	#content .documento object { display: inline; margin-left: 8px; }

	/* FAQ */
	.faq h2 { margin-bottom: 1em; }
	.faq .faqlist {  padding:0;margin:0 0 .6em 0; }
	.faq .faqlist .contenido { padding:0 0 0 1em; margin:0; }
	.faq .faqlist .contenido p { padding:0; margin:0; font-size: .94em; line-height: 1.2em; }

	/* Techies */
	.techieslist h3 { margin: .2em 0 0 0; }
	.techieslist p {margin: .2em 0 .8em 0; }

	/* 4tres, me & cia */
	img.me { float:left; border: 1px solid #175e7a; padding: 1px; margin: .5em 1em 0 0; }
	
	/* Comentarios */
	commentform {}
	h3#comments, h3#respond { background: #333; color: #fff; padding: 0 .3em; }
	h3#comments { margin-bottom: .8em; }
	.commentlist li { margin-bottom: 1em; border-bottom: 1px dotted #ccc; }
	.commentlist li p { margin: 0 0 .6em 0; }
	.commentlist li p.metadata { margin: -0.6em 0 0 0; text-align: right; }
	




	
/* FORMS */
	form, fieldset { margin: 0; padding: 0; }
	legend { padding: 0; color: #000; }
 	input, textarea, select { margin: 0; padding: 2px; font-size: 100%; font-family: inherit; }
	input, textarea { border: 1px solid #c7b299; background-color: #fff; }
	textarea { width: 90%; }
	select { width: 130px; padding: 0; }
	.submit { border-width: 0 2px 2px 0; }

	/* (.entrytext) Forms (subscription y login) y contactform (parcialmente) */
		.entrytext form, .maildiv form  { width: 28em; font-weight: bold; border: 1px solid #175e7a; margin: 1em auto; font-size: 92%; }
		.entrytext form fieldset, .maildiv form fieldset { padding: 1em .3em 0 .3em; margin-bottom: 1em; border: none; }
		form fieldset label { width: 9em; text-align: right; padding: 0 1em 0 0; 
			vertical-align: bottom; position: relative; display: block; float: left; clear: left; }
		form fieldset input { margin-bottom: .3em; font-weight: normal; }
		.fmsubmit { text-align: center; padding-bottom: 1em; }
			
	
		.mailwrapper { margin-bottom: 2em; }
		.maildiv form { width: 398px; }
		.maildiv form fieldset .fminfofull { padding: 0 .6em 1em .6em; }
		.maildiv form fieldset textarea { width: 90%; margin-left: 24px; }
		.maildiv .ver_img { vertical-align: bottom; margin: 0 0 .3em 2em; border: 1px solid #175e7a; }
		.maildiv .fmrequired { color: #175e7a; font-size: 110%;  }
		.maildiv .fmerrorbox .fmerrortitle { color:#ff3700 ; font-size: 120%;  font-weight: bold; }
		.maildiv .fmerrorbox p { margin: 0; }
		.maildiv .fmerrorbox ul { padding-top: 0; margin-top: 0; }
		.maildiv .fmerrorbox ul li { margin-left: 3em; }