/*Cabezal flash*/

#Header #site-name {position:relative; width: 850px; height: 110px; z-index: 0;}

/* THE BIG GUYS */
* {}
body {
	background: url("images/fondo.jpg") repeat;
	font-family: Arial, Helvetica, sans-serif;
}

.mas { color:#999999;
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
	}
.mas1 { color:#999999;
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
	margin-left: 0px
	}
#breadcrumb .icon { padding-right: 10px}

/* TYPOGRAPHY */
.sarasa {margin: 20px 10px 20px; font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:12px}
p, ul, ol {margin: 50px 10px 50px; font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:12px}
h1, h2, h4 {font-family: arial,verdana,sans-serif;margin: 1.2em 0 .3em;color:#FFFFFF;border-bottom: 1px solid #eee;padding-bottom: 0.1em}
h1 { color: #FFFFFF;
	font-size: 20px;
	margin-top:0.6em;
	font-family: Arial, Helvetica, sans-serif;
}
h3 {margin-left: 10px;
	font-size: 100%;
	font-family: Arial, Helvetica, sans-serif;
}
h4 {
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
}
h5 {
	font-size: 18px;
	color:#CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
	border-bottom: 1px solid #eee;padding-bottom: 0.1em
}
h6 {
	font-size: 16px;
	color: #999999;
	font-family: Arial, Helvetica, sans-serif;
}
.highlight {
	color:#E17000;
	font-family: Arial, Helvetica, sans-serif;
}
.subdued {
	color:#999;
	font-family: Arial, Helvetica, sans-serif;
}
.error {
	color:#c00;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
}
.success {
	color:#390;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
}
.caption {
	color:#999;
	font-size:11px;
	font-family: Arial, Helvetica, sans-serif;
}
.date {
	font: bold 82% arial;
	color:#bbb;
	display:block;
	letter-spacing: 1px;
	font-family: Arial, Helvetica, sans-serif;
}
small {
	font-size:11px;
	font-family: Arial, Helvetica, sans-serif;
}

/* LISTS 
ul {margin: .3em 0 1.5em 0;list-style-type:none}
	ul.related {margin-top: -1em}
ol {margin: .5em .5em 1.5em}
ol li {margin-left: 1.4em;padding-left: 0;background: none; list-style-type: decimal}
li {line-height: 1.4em;padding-left: 25px;background: transparent url("images/sprites.gif") no-repeat 0 0}
li.doc {background-position: 3px -500px}
ul.nomarker li {background:none;padding-left:0}

dl {margin: 0 0 1em 0}
dt {font-weight:bold;margin-top: 1.3em}
dl dl {margin: 0 0 1.5em 30px}

/* GENERAL */
img {border:none} 
hr {margin: 1em 0;background:#f2f2f2;height:1px;color:#f2f2f2;border:none;clear:both}
.clear {clear:both;position:relative;font-size:0px;height:0px;line-height:0px} 

/* LAYOUT - HEADER */
#header {
	background: url("images/sprites.png") repeat-x 0 100%;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 1px;
	}

.pija {
	margin: 10px 10px 10px 10px;}

			
/* Botones*/

.pinocho { font-family: Arial, Helvetica, sans-serif; font-size: 100%;}
.active pinocho {font-family: Arial, Helvetica, sans-serif;color: #FFFFFF; font-size: 100%; background-color: #FF0000;}

	
	/* NAV - top horizontal nav */
	#nav, #nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	}
	#nav {
	font-weight: bolder;
	height:2.09em;
	font: bold 12px arial;
	margin: 0 105px 0 40px;
	font-variant: small-caps;
}
	#nav li {position:relative;background: url(images/boton.png) repeat 0 50%;float: left; width: 1.4em;display:block;margin: 0;border-bottom: 2px solid #CC0000;border-right: 2px solid #252525;padding:0}
	#nav a, #nav a:link, #nav a:visited, #nav a:hover, #nav a:active {
	text-decoration:none;
	cursor:pointer;
	color:#fff;
	display: block;
	padding: 4px 10px 2px;
	font-family: Arial, Helvetica, sans-serif;
}
	#nav a:hover {
	color: #999999;
	font-family: Arial, Helvetica, sans-serif;
	}
	
/*	#nav li ul {
	border-left: 1px solid #c00;
	background: #f6f6f6 url("images/featurebox_bg.gif") no-repeat 100% 100%;
	width:15.8em;
	font-size:90%;
	margin-top:3px;
	position: absolute;
	font-weight:normal;
	left: -999em;
	font-family: Arial, Helvetica, sans-serif;
}*/
	#nav li:hover ul, #nav li.sfhover ul {
	left: 0;
	z-index:99999;
	font-family: Arial, Helvetica, sans-serif;
}
	
	#nav li li {
	background:none;
	float:none;
	border:1px solid #999;
	border: 1px solid #999;
	border-top:1px solid #fff;
	border-right:none;
	border-left:none;
	padding-left:0;
	font-family: Arial, Helvetica, sans-serif;
}
	#nav li li.last {border-bottom:none}
	#nav li li a, #nav li li a:link, #nav li li a:visited, #nav li li a:hover {
	color:#000;
	padding: 3px 10px 2px;
	width:14em;
	font-family: Arial, Helvetica, sans-serif;
}
	#nav li li a:hover {
	color:#fff;
	background:#c00;
	font-family: Arial, Helvetica, sans-serif;
}
	
	#nav li.active {
	background: #c00;
	border-bottom: 3px solid #c00;
	font-family: Arial, Helvetica, sans-serif;
}
/*	#nav li.active ul {border:none;background: #c00 url("images/featurebox2_bg.gif") no-repeat 100% 100%}*/
	/*#nav li.active a:link, #nav li.active a:visited, #nav li.active a:hover, #nav li.active a:active {
	font-family: Arial, Helvetica, sans-serif;
}
	#nav li.active a:hover {
	color:#000;
	font-family: Arial, Helvetica, sans-serif;
}
	
	#nav li.active li {border:none;border-top: 1px solid #c15c5c;border-bottom: 1px solid #870000}
	#nav li.active li.last {border-bottom: none}
	#nav li.active li a:link, #nav li.active li a:visited, #nav li.active li a:hover, #nav li.active li a:active {
	color:#fff;
	font-family: Arial, Helvetica, sans-serif;
}
	#nav li.active li a:hover {background: #666 url("images/sprites.gif") repeat-x 0 100%;color:#fff}
	
	#nav li.active li.active a:link, #nav li.active li.active a:visited, #nav li.active li.active a:hover, #nav li.active li.active a:active {
	color:#fff;
	font-weight:bold;
	background: #666 url("images/sprites.gif") repeat-x 0 100%;
	font-family: Arial, Helvetica, sans-serif;
}

	/* hide from IE mac \*/
	#nav li {width:auto}
	/* end hiding from IE5 mac */
	
/*LAYOUT - main body of page*/ 
	#utility {position:absolute;top:0;left:25px;width:165px;border-top: 5px solid #999;padding-bottom: 40px}
	#sidebar {position:absolute;top:0;right:25px;width:20%;border-top: 5px solid #999;padding-top: 1px;padding-bottom: 40px}

	#content-wrap #breadcrumb { color:#999999; clear:both;
	padding-top: 1px color:#FF0000;
	Margin-top: 1px;
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
	margin-left: 10px;
	font-variant: small-caps;	
}
	#content-wrap #breadcrumb a:link, #breadcrumb a:visited {
	color: #FF0000;
	font-family: Arial, Helvetica, sans-serif;
}
	#content-wrap #breadcrumb a:hover, #content #breadcrumb a:active {
	color:#CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
	font-variant: small-caps;
}

/* LAYOUT - FOOTER */
	#content-wrap #footer {
	background:url(images/sprites.png) repeat 0 100%;
	border-top: 1px solid #E3E8EE;
	padding: 5px 0 15px;
	font-size: 12px;
	color: #CCCCCC;
	font: Arial, Helvetica, sans-serif;
	font-variant: small-caps;
}
	#content-wrap #footer p {
	margin-left: 10px;
	font-family: Arial, Helvetica, sans-serif;
}
	#content-wrap #footer a:link {
	color:#999;
	font-family: Arial, Helvetica, sans-serif;
	margin-left: 10 px;
}
	#footer a:visited {color:#666666; clear:both}

	#content {padding: 10px 10px 10px 10px;/* font-size: 12px; color:#FFFFFF*/}

	#content .thumbnail {margin: 4px 0px 4px 10px;position: static ;z-index:0; float:right; width: 200px; height:141px; border: #FFFFFF solid 2px;}
	#content .thumbnail img {float:right; width: 200px; height: 141px;}
	
	#content .cabe img {float:right; width: 100px; height: 71px;
	border: #FFFFFF solid 2px;
	margin: 0 5px
	}
	
	#content .pers {float:right; width: 150px; height: 126px; border: #FFFFFF solid 2px;
	margin: 0 5px }
	
		
	#content .galeria img{margin: 0px 15px 0px 15px; clear:both;font-size:0px;line-height:0px; position: static; float: rigth; width: 217px; height: 141px; border: #FFFFFF solid 2px;}