/* 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:#000; border:0; font:11px Arial, Helvetica, sans-serif; color:#676767; line-height:18px; min-width:1140px; text-transform:uppercase; overflow:hidden;}

.css3{border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; box-shadow: 0 0 4px rgba(0, 0, 0, .4); -moz-box-shadow: 0 0 4px rgba(0, 0, 0, .4); -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .4); position: relative;}

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

.main {	margin: 0 auto;	width: 940px; position:relative; padding:25px 0}

.buttons{ position: absolute; top:50%; width:100%; z-index:10; min-width:1140px;}
.buttons .prev, .buttons .next{ position:absolute; width:82px; height:82px; top:-41px;}
.prev{ left:0}
.next{ right:0}
.buttons img{ position:absolute; top:0; left:0; width:100%; height:100%;}

.bg_spinner{ width:100%; height:100%; position:fixed; z-index:0; background:url(../images/loader.gif) 50% 5px no-repeat}

.spinner{ position:absolute; z-index:99; background:url(../images/loader2.gif) 50% 50% no-repeat #000; width:100%; height:100%; top:0; left:0}


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

a{ color:#fff; text-decoration: none; outline:none}
a:hover{ text-decoration:underline}
h2{ font-size:45px; color:#fff; line-height:1.2em; padding:21px 0 24px 0; letter-spacing:-1px;}
p{ padding-bottom:18px; text-align:justify;}

/* ============================= header ====================== */
header{ height:629px; width:345px; padding-right:1px; margin:0 auto; position:relative; margin-bottom:1px;}

header .wrapper{ position:absolute; bottom:0; left:0; width:345px; height:629px;}

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

#menu {}
#menu > li { margin-top:1px; position:relative;}
#menu > li > a{ display:block; font-size:17px; color:#fff; text-align:center; height:70px; line-height:70px; position: relative;}
#menu > li > span{ position:absolute; background:#df0031; top:0; left:0; width:100%; height:100%;}
#menu > li > a:hover{ text-decoration:none;}

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

#content{ width:100%; padding-top:127px; height:502px; position:absolute; top:25px; left:0;}

#content > ul >li{ position:relative; height:502px; width:100%;}
.box{ position:absolute; bottom:0; left:0; width:100%; height:100%; background:#000;}

.text{ position:relative; padding:75px 55px 75px 75px}

.close{ position:absolute; top:16px;right:21px; background:url(../images/close.gif) right 2px no-repeat; font-size:21px; color:#fff; line-height:1.2em; padding-right:34px;}
.close:hover{ background-position:right -28px; color:#676767; text-decoration:none;}

.pad_left1{ padding-left:45px;}
.pad_left2{ padding-left:30px;}
.pad_bot1{ padding-bottom:24px text-alig:justify;}
.marg_right1{ margin-right:20px;}

.color1{ color:#fff;}

#icons{ padding-top:13px;}
#icons li{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; line-height:26px; color:#fff; float: left; padding-right:16px;}

/* Tooltips */
.aToolTip { background: url(../images/bg_tooltip.png) repeat; color:#fff;	margin:0; padding:3px 10px 4px; font-size:11px; line-height:1.2em; position: absolute;}
.aToolTip .aToolTipContent { position:relative;	margin:0; padding:0;}

.scroll{height:240px; width:790px;}
.track{ background:#161616; left:780px; top:0px; width:28px; position:absolute; height:232px; padding:0 0;}
.shuttle{ width:28px; height:52px; background: url(../images/scroll_drag.jpg) 0 0 no-repeat; margin-left:0px;}
._up-butt, ._down-butt{ height:0 !important}

#page_About .scroll, #page_More .scroll{height:240px; width:335px; text-align:justify;}
#page_About .track, #page_More .track{ background:#161616; left:353px; top:0px; width:28px; position:absolute; height:232px; padding:0 0;}


.list1{ margin:-2px 0}
.list1 li{ line-height:22px;}
.list1 a{ color:#fff; padding-left:18px; background:url(../images/marker_1.gif) 0 4px no-repeat;}
.list1 a:hover{}


.listado{ color:#fff; padding-left:18px; background:url(../images/marker_1.gif) 0 4px no-repeat;}

#content figure{ padding-top:2px;}
#page_Projects figure{ padding-top:5px; padding-bottom:13px;}

/* Lightbox image */
.lightbox-image {position:relative;overflow:hidden;	display:block; z-index:1; width:100%; height:189px;}
.lightbox-image img {position:relative;z-index:2;}
.lightbox-image > span {display:block;position:absolute;left:0;top:0;width:100%;height:100%;z-index:3; background:url(../images/border1.gif) 0 0 no-repeat}
.pp_details{ height:0; padding:0; margin:0; font-size:0; line-height:0; visibility:visible !important;}
.pp_description{ display:none; height:0; padding:0; margin:0; font-size:0; line-height:0}
.pp_nav{ display:none !important}

div.dark_square .pp_close{ position:absolute; z-index:99; top:-20px; right:0px; width:18px; height:19px; background:url(../images/close.gif) 0 0 no-repeat}
div.dark_square .pp_close:hover{ background-position:0 bottom}

div.dark_square .pp_next{ position:absolute; top:48%; right:-20px; width:14px; height:26px; background: url(../images/next.gif) 0 0 no-repeat; visibility:visible !important}
div.dark_square .pp_next:hover{ background-position: right}
div.dark_square .pp_previous{ position:absolute; top:48%; left:-20px; width:14px; height:26px; background:url(../images/prev.gif) 0 0 no-repeat; visibility:visible !important}
div.dark_square .pp_previous:hover{ background-position: right}


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

footer { width:345px; padding-right:1px; margin:0 auto; position:relative;}
footer .bg{ position:absolute; top:0; left:0; width:345px; height:100%; background:#23535e;}
footer .wrapper{font:12px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff;line-height:70px; height:70px; padding:0 30px; width:auto; position:relative;}
footer a{ color:#fff}
footer a:hover{}

.footer_menu {float:right;}
.footer_menu li{ float:left; padding-right:10px; background:url(../images/footer_menu_line.gif) right 31px no-repeat; margin-right:11px;}
.footer_menu .last{ margin-right:0; background:none;}
.footer_menu .active a{ text-decoration:underline}


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

#ContactForm{}
#ContactForm .wrapper{ overflow:inherit; min-height:40px;}
#ContactForm .success{ padding-bottom:15px; display:none}
#ContactForm label{ position:relative;min-height:22px; display: inline-block;}
#ContactForm .message{ height:222px;}
#ContactForm  span{ display:block}
#ContactForm .error, #ContactForm .empty{ font-size:10px; color:#4d820a; line-height:14px; display:none; width:100%}
#ContactForm a{ margin-left:20px; float:right;}
#ContactForm .input { margin:0;width:181px; height:15px; background: none; padding:3px 10px;color:#474747; font:13px "Trebuchet MS", Arial, Helvetica, sans-serif;}
#ContactForm textarea { overflow: auto; margin:0}


#ContactForm  .bg{ background:#fff; border-top:1px solid #c2c2c2; border-left:1px solid #c2c2c2; position:relative;border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; float:left;}

form {
width:960px;
}
input, textarea, select {
width:250px;
height:10px;
background:#666666;
border:2px solid #f6f6f6;
padding:10px;
margin-top:5px;
font-size:10px;
color:#ffffff;
}
label {
display:block;
margin-top:20px;
letter-spacing:1px;
}
.field{
	float: left;
    padding: 10px;
    width: 400px;
}