/* 

Epikom for XAirNet 2009

*/


/*** En General  ***/
html,body{height:100%}
body {
	font-family:Arial, Verdana, Tahoma;
	font-size:12px;
	margin:0 auto;
	padding:0;
	color:#005d94;
	background-color:#298f00;
}
* {
	margin:0;
	padding:0;
}
*:focus {
	outline:none; 
}
form{margin:0; padding:0;}


/* heading */
h1, h2, h3, h4, h5 {margin-bottom:15px;	font-family:Arial, Verdana;	font-weight:normal;}
h1 {color:#54afe5; font-size:32px;font-style:italic; font-weight:bold; line-height:34px;}
h2 {color:#54afe5;font-size:30px;font-style:italic; line-height:32px;}
h3 {color:#54afe5; font-size:22px; line-height:24px;}
h4 {color:#54afe5;font-size:14px;font-weight:bold; line-height:16px;}
h5 {font-size:12px; margin:3px 0px; padding:0px; font-weight:bold; letter-spacing:1px;}

/* enlaces */
a {color:#298f00;text-decoration:underline;}
a:hover{color:#40ab15;}
a img{border:none}

p, ul, ol, blockquote {
	font-size:12px;
	line-height:18px;
	margin-bottom:20px;
	color:#005d94;
}
ul, ol {
	margin:10px 0 35px 40px;
}
li ol,
li ul
{
	font-size:1.0em;
	list-style:square;
	margin-bottom:0;
	margin-top:0;
}
li ol {list-style:decimal;}
blockquote {
	font-style:italic;
	margin:25px 0 25px 0px;
	color:#005d94;
	padding:10px 20px 10px 35px;
	background-image:url(../images/quote.png);
	background-repeat:no-repeat;
}

/* code */
code {
	font-family:Arial, Verdana;
	letter-spacing:1px;
	margin:25px 0 25px 0px;
	display:block;
	font-size:0.9em;
	border-left:4px solid #005d94;
	padding:15px 10px;
}

#main_container{
	background-image:url(../images/bg_main.png);
	background-color:#cae4f1;
	background-repeat:repeat-x;
}
#bottom_container{background-image:url(../images/bg_bottom_container.gif); background-repeat:repeat-x; height:86px; width:100%; clear:both;}

#top{height:59px;}
#top_left{
	float:left;
	width:300px;
	margin-top: -10px;
}
#top_right{float:left; width:658px; padding-top:17px;}
#mainmenu{
	padding:0px;
	background-image:none;
	float:right;
	background-repeat:no-repeat;
	width:500px;
	height:45px;
	position:relative;
	z-index:200 !important;
	/*margin-right:20px;*/
	margin-right:190px;
	margin-top: -20px;
}

#zonebar {
	position:relative;
	margin-top: -45px;
	padding-top: 1px;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0px;
	margin-right: 20px;
	}
#zonebar ul {
	display: block;
	list-style-type:none;
	margin:0px;
	padding:0px;
}
#zonebar ul li {
	padding: 2px 0px 0 3px;
	position: relative;
	float: left;
	margin-right: 3px;
}
#zonebar ul li a {
	display: block;
	float: left;
	height: 23px;
	position: relative;
	top: -5px;
	right: -5px;
	padding-right: 3px;
	color: #fff;
	font-weight:normal;
	font-size: 18px;
	text-decoration: none;
}
#zonebar ul li li  a{font-size:12px;}

#zonebar ul li a span {
	position: relative;
	top: 6px;
}
#zonebar ul li ul {
	display: none;
	position: absolute;
	top: 29px;
	left: -10px;
	width: 146px;
	border: 0px solid #ccc;
	padding: 0px 0px 0px 0px;
	margin:0px !important;
	border-top:solid 1px #298f00;
}
#zonebar ul li ul li {
	float: none;
	padding: 0; margin: 0;
	height: 100%;
}
#zonebar ul li ul li:hover {
	background: none;
}
#zonebar ul li ul li a {
	display: block;
	float: none;
	margin-left: -5px;
	padding: 5px 0 0 10px;
	width: 136px;
	background-color:#38a70b;
	border-top:solid 1px #298f00;
}
#zonebar ul li ul li a:hover {
	background: #47bf16;
}


#category_navigation{background-image:url(../images/bg_category_navigation.gif); background-repeat:no-repeat; height:94px; margin-top:17px; clear: both;}


#nav {margin:0px auto; padding:13px 0px 0px 11px;}
#nav ul{ 
	padding:0;
	margin:0 auto;
	list-style: none;
	height:72px;
	position: relative;
	width:920px;
}
#nav li{
	list-style:none;
	float:left;
	padding:0;
	font:normal 12px Arial;
	width:198px;
	height:72px;
	margin:0px 40px 0px 0px;
	
}

#nav li.nomargin{margin-right:0px !important;}
#nav .lavaLamp li a {
	z-index: 10;
	display: block;
	float: left;
	height:72px;
	position: relative;
	overflow: hidden;
	margin: auto 0px;
	color:#FFFFFF;
	text-decoration:none;
}

#nav .lavaLamp li a:hover {
	z-index: 10;
	display: block;
	float: left;
	height:69px;
	position: relative;
	overflow: hidden;
	margin: auto 0px; 
	color:#FFFFFF;
}

#nav .lavaLamp li .active {
	z-index: 10;
	display: block;
	float: left;
	height:72px;
	position: relative;
	overflow: hidden;
	margin: auto 0px; 
	color:#FFFFFF;
}

#nav .lavaLamp li.back {
	background: url(../images/lava.gif) no-repeat right -72px;
	width: 9px; height: 72px;
	z-index: 8;
	position: absolute;
}
#nav .lavaLamp li.back .left {
	background: url(../images/lava.gif) no-repeat top left;
	height:72px;
	margin-right: 9px; 
}



#centercolumn{
	width:1020px;
	margin:0px auto;
	background-image:url(../images/bg_column.png);
	background-repeat:no-repeat;
}
#main_centercolumn{width:958px; margin:0px auto; }


#main_content{padding:0px 44px 25px 24px;}
.imgleft{float:left; padding-right:15px;}
.imgright{float:right; padding-left:15px;}
.clr{clear:both}
h2 a, h2 a:visited{color:#54afe5; text-decoration:none; font-style:normal;}
h2 a:hover{color:#66bef2;}


#footer{
	text-align:center;
	margin:0px auto;
	width:1020px;
	background-image:url(../images/bg_footer.gif);
	background-repeat:repeat-x;
	background-position:left top;
	clear:both;
	background-color:#5F5F5F;
}
#foot{padding:45px 0px 0px 0px; font-size:12px; color:#fff; }
#foot a, #foot a:visited{color:#fff; text-decoration:none;}
#foot a:hover{text-decoration:underline;}

#main_container #centercolumn #main_centercolumn #content_inner #content_left #main_content p {
	text-align: justify;
}

/*********************/
/*   SHOWCASE HOME   */
/*********************/

.home_showcase { display: inline; float: left; width: 980px; height: 390px; margin-bottom: 50px; }

div.home_controls { display: inline; float: left; width: 980px; height: 390px; margin-bottom: 50px; }

.jCarousel_wrapper { display: block; float: left; position: absolute; z-index: 3; }

	.jCarousel_wrapper ul li { display: inline; width: 980px; height: 390px; }

		span.prev { background-image: url(images/b_prev_showcase.png); width: 40px; height: 40px; float: left; margin-top: 185px; margin-left: -80px; cursor: pointer; z-index: 15; display: inline-table; }

		span.next { background-image: url(images/b_next_showcase.png); width: 40px; height: 40px; display: inline-table; float: left; margin-top: 185px; margin-left: 1020px; cursor: pointer; z-index: 15; position: absolute; }

/* Showcase stylings */

div.home_showcase_description { background-image: url(images/bg_black_transparent.png); display: inline; width: 940px; float: left; height: 70px; padding: 20px; z-index: 10; margin-top: 280px; position: absolute; }

.home_showcase_img img { position: absolute; display: inline; float: left; z-index: 5; }

div.home_showcase_shadow { width: 1218px; height: 69px; display: inline; margin-left: -119px; z-index: 0; background: url(images/showcase_shadow.png) no-repeat; overflow: hidden; margin-top: 353px; float: left; position: absolute; }

div.home_showcase_shadow2 { width: 1218px; height: 69px; margin-left: -119px; z-index: 0; background: url(images/showcase_shadow.png) no-repeat; overflow: hidden; float: left; display: inline; margin-top: -89px; }

/* CU3ER */

div.home_showcase_CU3ER { display: inline; float: left; width: 958px; height: 330px; margin-bottom: 50px; }

#cu3er_showcase { display: inline; float: left; position: absolute; z-index: 5; }