/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{ display: block; }
mark, rp, rt, ruby, summary, time{ display: inline }

/* Left & Right alignment */

.left { float:left;}
.right { float:right;}
.wrapper {width:100%; overflow:hidden;}
.relative{ position:relative;}

/* Global properties ======================================================== */

body{
	background: url(http://error404.000webhost.com/?) center top repeat #100f10;
	border:0;
	color:#000000;
	line-height:22px;
	min-width:960px;
	overflow:hidden;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: italic;
}

.bg1{ background:#100f10}

.spinner{ position:absolute;background: url(http://error404.000webhost.com/?) center top repeat #100f10; z-index:99; width:100%; height:100%; top:0; left:0}
.spinner > div{
	background: url(http://error404.000webhost.com/?) 50% 50% no-repeat;
	width:100%;
	height:100%;
	color: #2B2BFF;
}

/* Global Structure ============================================================= */

.block {height:48px;}
.extra {min-height:100%; height:auto !important; height:100%; margin: 0 auto -48px; background:url(../images/fondoazul.jpg) center center no-repeat}
body, html {height:100%;}


/* ============================= main layout ====================== */

a{ color:#26251e; text-decoration: none; outline:none}
a:hover{ color:#e54d26}
h1{ padding:0 0 4px 240px; position:relative; z-index:5}
h2{ font-size:25px; color:#26251e; line-height:1.2em; padding: 20 0 27px 0; letter-spacing:-1px;}
p{ padding-bottom:22px;}

/* ============================= header ====================== */
header{ height:30px;font-size:12px; color:#fff; text-transform:uppercase; line-height:1.2em; padding-top:16px;}

#top_nav{ float:right; padding:0 8px 0 0}
#top_nav li{ float:left; padding-right:14px; background:url(http://error404.000webhost.com/?) right 3px no-repeat; margin-right:14px;}
#top_nav a{color:#fff; overflow:hidden;}
#top_nav a:hover{ color:#717171}
#top_nav .last{ padding-right:0; margin-right:0; background:none;}

.date{ float:left; padding-left:5px;}

#logo{ display:block; text-indent:-9999px; background:url(../images/encabezado.png) 0 0 no-repeat; width:500px; height:170px;}


#menu{ position:absolute; z-index:3; left:11px; top:80px; width:960px}
#menu > li{ float: left; width:188px; padding-right:2px; position:relative;}
#menu > li > a{ position:relative; display:block;}
#menu .bord{ height:6px; width:100%; position:absolute; background:#2B2BFF; top:0; left:0; display:block; z-index:2}
#menu .button{ position: absolute; top:8px; height:76px; width:100%; width:100%; display:block; background:#1e1c1c; z-index:1}
#menu .text{ position: relative; top:8px; height:76px; width:100%; font-size:16px; color:#fff; text-transform:uppercase; text-align:center; line-height:70px; width:100%; display:block; z-index:3}
.submenu_1{ position:absolute; top:84px; background:#393436; width:188px; left:0; padding:21px 0 22px;}
.submenu_1 > li{ padding-bottom:5px; line-height:35px; position:relative;}
.submenu_1 > li > a{ display:block; text-align:center; font-size:12px; color:#fff; text-transform:uppercase;}
.submenu_1 > li:hover > a{ background:#e54d26}
.submenu_2{ position:absolute; top:-21px; background:#e54d26; width:188px; left:189px; padding:21px 0 22px;}
.submenu_2 > li{ padding-bottom:5px; line-height:35px; position:relative;}
.submenu_2 > li > a{ display:block; text-align:center; font-size:12px; color:#fff; text-transform:uppercase;}
.submenu_2 > li:hover > a{ background:#393436}



.bg_menu{ position:relative; margin-left:-6px; width:970px; background:url(../images/fondonegro.png) 0 86px  no-repeat; height:264px; z-index:3}

#splash_menu{ position:absolute; z-index:4; left:11px; top:80px; width:960px}
#splash_menu li{ float: left; width:188px; padding-right:2px; position:relative;}
#splash_menu a{ position:relative; display:block;}
#splash_menu .bord{ height:6px; width:100%; position:absolute; background:#2B2BFF; top:0; left:0; display:block}
#splash_menu .button{ position: relative; top:8px; height:66px; width:100%; font-size:16px; color:#fff; text-transform:uppercase; text-align:center; line-height:50px; width:100%; display:block; background:#1e1c1c; padding-top:10px;}
#splash_menu img{ position:absolute; top:8px; height:0px; width:100%}

/* ============================= content ====================== */

#content{ height:362px; padding:20px 0 20px 0;}

#content > ul{ margin:0 7px 0 5px; position:relative; margin-top:0px; z-index:1;}
#content > ul > li{ background:#fafafa; height:576px; width:100%; padding-top:60px; position:relative;}

.line1{ background:url(http://error404.000webhost.com/?) 310px 0 repeat-y;}
.line2{ background:url(http://error404.000webhost.com/?) 330px 0 repeat-y;}

.font1{ font-size:12px; color:#26251e; line-height:25px; text-transform:uppercase}

.pad_bot1{ padding-bottom:12px}
.pad_bot2{ padding-bottom:18px;}
.pad_bot3{ padding-bottom:80px;}
.marg_right1{ margin-right:27px;}
.pad_left1{ padding-left:40px;}

.cols{ width:260px; float:left;}
.cols figure{ float:left; margin-right:8px; margin-top:7px;}
.cols .left{ width:216px; padding-bottom:4px;}
#page_contacts .cols{ width:94px;}

.color1{ color:#26251e}

.list1{}
.list1 li{ font-size:12px; line-height:25px; padding-bottom:17px;}
.list1 .last{ padding-bottom:0}
.list1 a{ padding-left:26px; background:url(http://error404.000webhost.com/?) 0 3px no-repeat; text-transform:uppercase; color:#26251e; display:inline-block}
.list1 a:hover{ color:#e54d26}

.button1{ display:inline-block; font-size:12px; color:#fff; text-transform:uppercase; line-height:33px; position:relative; background:#393436;}
.button1:hover{ color:#fff}
.button1 span{ position: absolute; top:0; left:0; width:100%; height:100%; background:#e54d26}
.button1 strong{ position:relative; padding:0 11px;}

.img1{ float:left; margin-right:16px; margin-top:7px;}

#gallery1 { margin-top:7px;}
#gallery1 li{ padding-bottom:11px;}
#gallery1 li a{ display:block; background:#000; position:relative;} 
#gallery1 .bord{ position:absolute; top:5px; left:5px; right:5px; bottom:5px; background:#fff}
#gallery1 img{ position:relative;}

.pagination{ position:absolute; top:5px; right:-3px;}
.pagination a{ float:left; text-indent:-9999px; width:17px; height:18px; background:url(http://error404.000webhost.com/?) right 0 no-repeat; margin-left:3px}
.pagination a:hover, .pagination a.active{ background-position:0 0;}

#icon{ padding-top:7px; margin-right:-5px;}
#icon li{ float:left; padding-right:3px;}

.scroll{height:480px; width:100%; overflow:hidden}
.track{ width:1px; height:520px; padding:30px 0; top: 20px !important; left:850px !important; background:#e4e4e4}
.shuttle{ width:5px; height:55px; background:#e54d26; margin-left:-2px;}
._up-butt, ._down-butt{ height:0px !important;}



/* ============================= footer ====================== */

footer { font-size:12px; line-height:28px; height:36px; padding:12px 7px 0 5px; color:#FFFFFF; overflow:hidden;}
footer a{ color:#585758;}
footer a:hover{ color:#fff}

#icons{ float:right;}
#icons li{ float:left; padding-left:4px; font-size:16px; color:#fff; text-transform:uppercase;}
#icons .first{ padding-right:12px}

#footer_logo{ font-size:12px; color:#fff; text-transform:uppercase; display:inline-block; margin-top:1px; margin-right:5px;}

/* Tooltips */
.aToolTip { background:#e54d26; color:#fff;	margin:0; padding:4px 10px 3px; font-size:9px; line-height:1.2em; position: absolute; text-transform:uppercase}
.aToolTip .aToolTipContent { position:relative;	margin:0; padding:0;}


/* ============================= forms ============================= */

#ContactForm{ padding-top:7px; position:relative;}
#ContactForm .wrapper{ overflow:inherit; min-height:37px;}
#ContactForm .success{ padding:15px 30px; display:none; background:#26251e; color:#fff; top:150px; left:0; right:0; position: absolute; z-index:2}
#ContactForm label{ position:relative;min-height:31px; display: inline-block; z-index:1;}
#ContactForm .message{ height:307px;}
#ContactForm  span{ display:block}
#ContactForm .error, #ContactForm .empty{ font-size:10px; color:#26251e; line-height:14px; display:none; width:100%}
#ContactForm a{ margin-right:15px; float: left; width:63px; text-align:center}
#ContactForm .input { margin:0;width:204px; height:17px; background: none; padding:6px 12px;color:#717171; font:13px Arial, Helvetica, sans-serif;}
#ContactForm textarea { overflow: auto; margin:0;width:204px; height:258px; background: none; padding:7px 12px;color:#717171; font:13px Arial, Helvetica, sans-serif;}


#ContactForm  .bg{ background:#f2f2f2; border:1px solid #fff; border-top:1px solid #c4c4c4; border-left:1px solid #c4c4c4; float:left;}