@charset "utf-8";
/* CSS Document */
*{
	margin:0; padding:0;}
body{
	text-align:center;
	font:normal 62.5%  Verdana, Arial, Helvetica, sans-serif ; color:#000;
	background-color: #69cce6;
	background-image:url(../img/layout/bg.gif); background-position:center top; background-repeat:repeat-x;
}
h1{	visibility:hidden; 
	line-height:0px; font-size:0px; position:absolute; top:0px;}
h2, h3{font-family:Arial, Helvetica, sans-serif; }
h2{
	padding-top:30px;
	font-size:20px;
	color:#1a171b; text-transform:uppercase;}
h3{
	padding:8px 0;
	font-size:14px;
	color:#56c7e5;}
h4{
	padding:16px 0 0 0;
	font-size:120%; font-weight:700; font-family:Verdana, Arial, Helvetica, sans-serif; }
img{
	border:none}
p{
	padding:8px 0;
	font-size:120%; line-height:150%;}

blockquote{
	padding-left:0; width:580px; float:right;
	font:italic 120% Georgia, "Times New Roman", Times, serif;
	clear:both;
}
cite{
	color:#333333; font-size:120%;
	font-style:normal;
	clear:both;
	display:block;
}
a{color:#000;
	cursor:pointer;}
a:hover{color:#FF9900;}
strong{color:#333333;}
.top{padding-top:16px;}
#text ul{
	padding-left:20px;
	list-style-type:none;
	font-size:120%;}
#text ul li{
	padding-left:10px; 
	background-image:url(../img/layout/pix.gif); background-position:left 0.6em ; background-repeat:no-repeat;}
#text li, #text dd{
	line-height:150%;}
#text dl{
	margin-top:20px;
	font-size:120%;}
#text dt{
	padding:8px 0;
	font-weight:700;}
#text dt a{
	padding:0 0 0 20px;
	background-image:url(../img/layout/icono-flecha-hover.gif); background-position:top left; background-repeat:no-repeat;
	display:block;
}
#text dt a:hover{
	background-image:url(../img/layout/icono-flecha.gif); background-position:left; background-repeat:no-repeat;
}
#text dd{
	padding:0 0 8px 20px;
}
#text dl ul{
	padding-top:8px;
	font-size:100%;}
/* modules home*/
#content-home{
	padding:30px 0 0 0;
	background-color:#fff;
	overflow:hidden;}

.module{
	margin:0 20px;
	width:280px; float:left; overflow:hidden;}
.module h2{
	padding-right:0; margin-right:0;}
.module a.important{
	padding-left:20px;
	display:block;
	color:#ff9900; text-decoration:none; font-weight:700; 
	background-image:url(../img/layout/icono-flecha.gif); background-position:top left; background-repeat:no-repeat;}
.module a.important:hover{
	color:#000;
	background-image:url(../img/layout/icono-flecha-hover.gif); background-position:top left; background-repeat:no-repeat;}
.module p{
	padding:10px 10px 10px 10px;
	clear:both;}

p.home1{
	padding:10px 0 10px 60px;
	background-image:url(../img/layout/home-highlighter.gif); background-position:top left; background-repeat:no-repeat; 
	}
p.home2{
	padding:10px 0 10px 70px;
	background-image:url(../img/layout/home-plane.gif); background-position:top left; background-repeat:no-repeat; 
	}
p.home3{
	padding:10px 0 10px 70px;
	background-image:url(../img/layout/home-graph.gif); background-position:top left; background-repeat:no-repeat;
	}

#add-wrapper{ 
	clear:both;
	background-image:url(../img/layout/bg-rayas-entero.gif); background-position:left; background-repeat:repeat-y; 
	}
#add-left{
	/*background-image:url(../img/layout/bg-rayas-left.gif); background-position:left; background-repeat:repeat-y;*/
	overflow:hidden;
	float:left;
	}
#add-left p{
	padding:8px 0 8px 320px; }
#add-right{
	width:580px; float:right;
	overflow:hidden;}

#add-right cite span{	
	padding-top: 5px;
	display:block;}
#add-right cite img{
	margin-right:10px;}
#add{padding:30px 30px 10px 30px;
	background-image:url(../img/layout/bg-rayas-clip.gif); background-position:top; background-repeat:no-repeat;
	overflow:hidden;}
#add img, #add-right cite img{float:left;}

#boton-blog-home{
	 padding:0;margin:0;
	 width:280px; float:left;}
#boton-blog-home p
	{padding:50px 30px 30px 30px; 
	background-image:url(../img/layout/blog.gif); background-position:left top; background-repeat:no-repeat;}
p.more {
	padding:0;}
.more a{
	padding:20px 0 0 0;
	display:block;
	text-transform:uppercase; text-decoration:none;
	color:#666666; font-size:85%;}
.more a:hover{
	text-decoration:underline;
	}
.moreref{
	padding-top: 10px;
	width:auto;
	float:right;
	text-align:right;}
.moreref a{
	padding-left:20px;
	display:block;
	color:#ff9900; text-decoration:none; font-weight:700; 
	background-image:url(../img/layout/icono-flecha.gif); background-position:top left; background-repeat:no-repeat;}
.moreref a:hover{
	color:#000;
	background-image:url(../img/layout/icono-flecha-hover.gif); background-position:top left; background-repeat:no-repeat;}
/* end modules home*/
/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {
	visibility: hidden;
}

.sIFR-hasFlash h2 {
	visibility: hidden;
	letter-spacing: -3px;
	font-size: 8%;
}
p.home1, p.home2 ,  p.home3{
font-weight:700; font-size:140%;}
/*.sIFR-hasFlash p.home1, .sIFR-hasFlash p.home2 , .sIFR-hasFlash p.home3 {
	margin-right:0; padding-right:0; visibility: hidden; 
	letter-spacing: -3px;
	font-size: 132%; 
	float:left;
}*/
.sIFR-hasFlash h3 {
	visibility: hidden;
	letter-spacing: -2px;
	font-size: 60%;
}

/*.sIFR-hasFlash h4 {
	visibility: hidden;
	letter-spacing: -5px;
	font-size: 12px;
}

.sIFR-hasFlash h5#pullquote {
	letter-spacing: -4px;
	visibility: hidden;
	font-size: 24px;
}*/
#global{
	margin:0 auto; padding-bottom:30px;
	width:960px;
	background-color: #fff;
	text-align:left;
	clear:both;
	overflow:hidden; 
	
}
#logo{
	
	overflow:hidden;
	background-image:url(../img/layout/kmtop.jpg); background-position:bottom right; background-repeat:no-repeat;}
#logo img{
	padding:0 315px; 
	float:left;
}
#head-wrapper{
	min-height:214px;
	background-color: #69cce6;
	background-image:url(../img/layout/bg-head.jpg); background-repeat:repeat-y;
	overflow:hidden; clear:both;}
#head{
	background-image:url(../img/layout/bg-siluetas.gif); background-position:top right; background-repeat:no-repeat;
	overflow:hidden;}
#menu-wrapper{
	background-image:url(../img/layout/kmalaspina.jpg); background-position:top right; background-repeat:no-repeat;
	overflow:hidden;}
#help-menu-wrapper{
	min-height:214px;
	}
#help-menu{
	padding:30px 0 0 30px;
	font-size:110%;
	}
#help-menu ul{
	list-style:none;}
#help-menu ul li{
	padding:4px 0;}
#help-menu a, #help-menu span{
	padding:4px 0 4px 20px;
	text-decoration:none; color:#d5ecf2;}
#help-menu a:hover, #help-menu span{
	color:#fff;}
#help-menu a.skip{
	background-image:url(../img/layout/icono-skip.gif); background-position:left; background-repeat:no-repeat;
	}
#help-menu a.skip:hover{
	background-image:url(../img/layout/icono-skip-hover.gif); background-position:left; background-repeat:no-repeat;
	}
#help-menu a.about{
	background-image:url(../img/layout/icono-about.gif); background-position:left; background-repeat:no-repeat;
	}
#help-menu a.about:hover, #help-menu span.about{
	background-image:url(../img/layout/icono-about-hover.gif); background-position:left; background-repeat:no-repeat;
	}
#help-menu a.sitemap{
	background-image:url(../img/layout/icono-sitemap.gif); background-position:left; background-repeat:no-repeat;
	}
#help-menu a.sitemap:hover, #help-menu span.sitemap{
	background-image:url(../img/layout/icono-sitemap-hover.gif); background-position:left; background-repeat:no-repeat;
	}
#help-menu a.legal{
	background-image:url(../img/layout/icono-legal.gif); background-position:left; background-repeat:no-repeat;
	}
#help-menu a.legal:hover, #help-menu span.legal{
	background-image:url(../img/layout/icono-legal-hover.gif); background-position:left; background-repeat:no-repeat;
	}
	
#main-menu{	
	width:100%;
	color: #fff;
	float: left;
	clear:both;
}
#main-menu ul, #sub-menu ul
{
	color: #fff;
	float: left;
	font-family: arial, helvetica, sans-serif; letter-spacing:0.02em; text-transform:uppercase;
	list-style:none;
	}
#main-menu ul li { 
	float:left; margin-right:3px;}
#main-menu ul li a,#main-menu ul li span
{	 
	padding:10px 9px 8px 9px;
	background-color: #b4e6f3;
	opacity: .6 ;
	color: #000;
	text-decoration: none;
	display:block;
}
#main-menu ul li a:hover
{
	background-color: #fff; opacity: .6 ;
	color: #000;
	text-decoration:none;
}
#main-menu ul li span
{
	background-color: #fff;
	opacity: 1;
}

#content{}
#sub-menu{
	width:290px; float:left;}
#sub-menu ul{
	padding:30px 0 30px 30px;
	width:260px;}
#sub-menu ul li{
	padding-bottom: 10px;
	border-bottom:1px dotted #000;}
#sub-menu ul li a
{	padding:10px 16px 0 8px;
	color: #000;
	text-decoration: none; 
	display:block;
	background-image:url(../img/layout/icono-flecha-down.gif); background-position:bottom right; background-repeat:no-repeat;
}
#sub-menu ul li a:hover,#sub-menu ul li span
{	padding:10px 16px 0 8px;
	color: #56c7e5;
	text-decoration: none;
	display:block;
	background-image:url(../img/layout/icono-flecha-down-hover.gif); background-position:bottom right; background-repeat:no-repeat;
}
#boton-blog{
	margin:0 0 0 30px;
	width:260px;
	clear:both;
	background-color:#f3f3f3;
	background-image:url(../img/layout/bg-bottom-blog.gif); background-position:bottom; background-repeat:no-repeat;
	overflow:hidden;}
#boton-blog p{
	padding:60px 25px 30px 25px;
	text-align:left; background-image:url(../img/layout/bg-top-blog.gif); background-position:top; background-repeat:no-repeat;}
#boton-blog p a, #boton-blog-home p a{
	font-weight:700; text-decoration:none;
	}
#boton-blog p a:hover, #boton-blog-home p a:hover{
	text-decoration:underline;
	}
#text-wrapper{
	width:670px; float:right;
	background-image:url(../img/layout/shadow-left.gif); background-position: 20px top; background-repeat:no-repeat;}
#text-wrapper img{
	float:right;}
#text{
	padding:0 30px 30px 30px; margin-left:30px;
	overflow:hidden;
	}
#contact dt{
	width:90px; float:left;
	text-align:right;
	clear:left;}
#contact dd{
	padding:6px 0;
	width:470px; float:right;
	text-align:left;
	clear:right;}
#footer{
	margin:0 0 0 320px;	
	padding:30px 30px 0 0; 
	clear:both; overflow:hidden;
	color:#666666; font-size:110%; 
	background-image:url(../img/layout/shadow-bottom.gif); background-position:top; background-repeat:repeat-x;}
#footer a{color:#666666;}
#footer a:hover{color:#69cce6;}
#footer ul
{
	float: left;
	list-style:none;
	}
#footer ul#address {
	width:320px;
	}
#footer ul#copy  {
	width:290px;
	}
#footer ul#address li, #footer ul#copy li{
	padding:0 0 6px 30px;
	}
#footer ul#copy li a#top{
	margin-top:20px;padding:8px 20px 0 0; display:block;
	text-align:right; color:#fff;
	background-image:url(../img/layout/icono-flecha-up.gif); background-position:right; background-repeat:no-repeat;}
#footer ul#copy li a#top:hover{
	background-image:url(../img/layout/icono-flecha-up-hover.gif); background-position:right; background-repeat:no-repeat;}
ul#sitemap{padding:16px 0 0 0;
	}
ul#sitemap ul{
	padding:0 0 4px 8px; margin-left:16px;
	border-left: 1px dotted #000;}
ul#sitemap li {
	padding:0 0 4px 0;
	background-image:none;
	}
ul#sitemap li ul li{
	font-size:90%}
ul#sitemap li ul li ul li {
	font-size:80%}
ul#sitemap li a{
	padding:2px 0 2px 0;
	/*background-image:url(../img/layout/page_white_text.png); background-position:4px left; background-repeat:no-repeat;*/}
div.illustration{
	padding:10px;
	overflow:hidden;
	text-align:center;
	float:none; clear:both;}
#text-wrapper div.illustration img{
	/*float:none;*/}
