/* 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;
	list-style-position: inherit;
}

.cuadrado_fijo{
	position:relative;
	/* [disabled]list-style-position: inherit; */
	height: 320px;
	overflow: hidden;
}

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

body{ background: url(../images/bg.jpg) center center no-repeat #131313; border:0; font:13px Arial, Helvetica, sans-serif; color:#424242; line-height:18px; min-width:980px; overflow:hidden;}
body, html{ width:100%; height:100%}

.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: 980px; padding: 0 0 0 0}

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

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

a{ color:#fff; text-decoration: none; outline:none}
a:hover{
	color:#9aae04;
}
h1{ padding:32px 0 0 0; float:left;}
h2{
	font-size:20px;
	color:#fff;
	line-height:1.2em;
	padding-bottom:23px;
	text-transform:uppercase;
	margin-top:-3px;
	letter-spacing:-1px;
	word-spacing:3px;
}
h3{ font-size:14px; color:#848484; text-transform:uppercase; padding:4px 0 9px 0; line-height:1.2em; word-spacing:2px;}
p{
	padding-bottom:18px;
	color: #CCC;
}

/* ============================= header ====================== */
header{ height:161px;}

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

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

#back{ float:right; background:url(../images/back.png) 0 0 no-repeat; padding-left:40px; font-size:17px; line-height:1.2em; margin-top:75px; text-transform:uppercase; word-spacing:1px; padding-top:1px;}
#back span{ display:block; margin-top:-2px;}

.menu{ position:relative; height:285px;}
#menu { background:url(../images/splash_menu_bg.jpg) 0 0 no-repeat; height:81px;}
#menu > li { float:left; position:relative; width:196px;}
#menu > li > a{
	display:block;
	width:196px;
	font-size:20px;
	color:#1d1d1d;
	text-transform:uppercase;
	text-align:center;
	line-height:84px;
	height:81px;
	letter-spacing:1px;
}  
#menu > li > a span{ position:relative; display:block;}
#menu > li > a strong{ color:#9aae04; background:#202020; position:absolute; display:block; top:0; left:0; width:100%; height:81px}
#menu > li > a:hover, #menu > .active > a{
	color: #9aae04;
}

.submenu_1{ position:absolute; top:82px; left:0; width:196px; background:#202020; padding:27px 0 32px 0; z-index:98}
.submenu_1 li{
	line-height:30px;
	position:relative;
}
.submenu_1 a{ display:block; text-align:center; font-size:20px;}
.submenu_1 li:hover > a{ color:#444444;}

.submenu_2{ position:absolute; top:-26px; left:197px; width:196px; background:#202020; padding:26px 0 26px 0;}

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

#content{ height:514px; width:100%; position:relative}
#content > ul{ position:absolute;height:433px; width:100%; bottom:0; background:#1b1b1b;}
#content > ul > li{ position:relative;height:433px; width:100%; bottom:0;}

#splash{ background:url(../images/splash_menu_bg.jpg) 0 0 no-repeat; position: absolute; bottom:0; width:100%; height:514px;}

.splash_menu{ height:514px; overflow:hidden}
.splash_menu li{ float:left; width:196px;}
.splash_menu a{
	position:relative;
	display:block;
	padding-top:247px;
	font-size:30px;
	color:#9aae04;
	text-transform:uppercase;
	line-height:1.2em;
	text-align:center;
	/* [disabled]letter-spacing:-1px; */
	height:267px;
	word-spacing: 5px;
}
.splash_menu img{ position:absolute; top:0; left:0; z-index:2}
.splash_menu span{ position:relative; z-index:1;}

.box{ background:#1b1b1b; padding:39px 20px 41px 20px;}

.line1{ background:url(../images/line_vert1.gif) 306px 0 repeat-y}
.line2{ background:url(../images/line_vert1.gif) 632px 0 repeat-y}
.line3{ background:url(../images/line_vert1.gif) 429px 0 repeat-y}

.height{
	height:353px;
	/* [disabled]float: left; */
}

.pad_left1{
	padding-left:41px;
}
.pad_bot1{
	padding-bottom:36px;
}
.pad_bot2{ padding-bottom:26px;}
.marg_right1{ margin-right:20px;}

.link1{ font-size:10px; text-transform:uppercase;}

.list1{
	/* [disabled]margin-top:-4px; */
	/* [disabled]margin-left: 10px; */
}
.list1 ul{
	list-style-position: outside;
	/* [disabled]margin-top:-4px; */
	/* [disabled]margin-left: 10px; */
}
.list1 li{
	line-height:22px;
	background: url(../images/marker_1.gif) 0px 5px no-repeat;
	/* [disabled]margin-left: 10px; */
	padding-left: 15px;
	/* [disabled]display: block; */
}
.list1 a{
	color:#9aae04;
}
.list1 a:hover{ color:#fff}

.active{
	/* [disabled]color:#fff; */
	font-weight: bold;
}


.font1{
	color:#999999;
	text-transform:uppercase;
}
.font1 span{ color:#fff;}

.font2{
	color:#999999;
}
.font2 span{ color:#fff;}

.scroll{
	height:180px;
	width:100%;
	overflow:hidden;
	color: #CCC;
	text-align: justify;
}
.scroll2{
	height:180px;
	width:100%;
	overflow:hidden;
	color: #CCC;
}
.track{ width:58px; height:29px; background: none; padding:0 0; top: 234px !important; left:0 !important; bottom:0 !important}
.shuttle{ width:0; height:0; background: none}
._up-butt, ._down-butt{ width:29px !important; height:29px !important; display:block; background:url(../images/markers.png) 0 0 no-repeat;}
._up-butt{ background-position:right 0; left:29px !important;}
._down-butt:hover{ background-position:0 bottom}
._up-butt:hover{ background-position: right bottom}


#page_services .scroll{ height:290px;}
#page_services .track{ width:58px; height:29px; background: none; padding:0 0; top:326px !important; left:0px !important}


#page_quienes1 .scroll{ height:340px;}
#page_quienes1 .track{ width:58px; height:29px; background: none; padding:0 0; top:-21px !important; left:556px !important}

#page_quienes2 .scroll{ height:340px;}
#page_quienes2 .track{ width:58px; height:29px; background: none; padding:0 0; top:-21px !important; left:556px !important}

#page_quienes3 .scroll{ height:340px;}
#page_quienes3 .track{ width:58px; height:29px; background: none; padding:0 0; top:-21px !important; left:556px !important}

#page_miembros .scroll{ height:340px;}
#page_miembros .track{ width:58px; height:29px; background: none; padding:0 0; top:-21px !important; left:556px !important}

#page_asesores .scroll{ height:340px;}
#page_asesores .track{ width:58px; height:29px; background: none; padding:0 0; top:-21px !important; left:556px !important}


#page_privacy .scroll{ height:340px;}
#page_privacy .track{ width:58px; height:29px; background: none; padding:0 0; top:-21px !important; left:856px !important}




#page_projects .scroll2{ height:290px;}

#page_projects .scroll{ height:340px;}
#page_projects .track{ width:58px; height:29px; background: none; padding:0 0; top:-21px !important; left:556px !important}

#page_about .scroll{ height:306px;}
#page_about .track{ width:58px; height:29px; background: none; padding:0 0; top:-21px !important; left:556px !important}



#page_quienes4 .scroll{ height:340px;}
#page_quienes4 .track{ width:58px; height:29px; background: none; padding:0 0; top:-21px !important; left:556px !important}


.quot{ background:url(../images/quot.gif) 0 5px no-repeat; padding-left:30px;}

.color1{ color:#fff}

#gallery .col1{
	width:600px;
	float: right;
}
.gallery1_big_img{
	position:relative;
	width:600px;
	height:50px;
	float:right;
	margin-right:1px
}
.gallery1_big_img img{ position:absolute; top:0; left:0}

.caption{ position:relative; height:212px; width:100%;}
.caption > div{ position:absolute;}


.prev{ float:left; margin-right:3px;}

#gallery1{
	float:left;
	width:286px !important;
}
#gallery1 ul{
	list-style-position: outside;
	list-style: none;
}
#gallery1 li{
	background: url(../images/marker_1.gif) 0px 5px no-repeat;
	line-height:26px;
	padding-left: 15px;
}
#gallery1 a{
	color:#9aae04;
}
#gallery1 a:hover{ color:#fff}



.next{ float:left;}

.address{ float: left; width:170px;}

#map{ float:left; margin-right:20px; margin-top:4px;}

#page_privacy .col1{ width:920px;}

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

footer {
	height:35px;
	padding-top:60px;
	font-size:10px;
	color:#fff;
	/* [disabled]text-transform:uppercase; */
	line-height:24px;
	/* [disabled]text-wrap: 2px; */
}
footer a{
	padding-left:6px;
	margin-left:1px;
	/* [disabled]background:url(../images/bull.png) 0 5px no-repeat; */
	word-spacing: 2px;
}
footer a:hover{}
footer img{
	display:inline-block;
	padding-top:-8px;
}

#social{ float:right}
#social li{ float:left;}
#social .first a{ background:none}

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

#ContactForm{ position:relative}
#ContactForm .wrapper{ overflow:inherit; min-height:40px;}
#ContactForm .success{ padding:15px 30px; display:none; position:absolute; top:100px; background:#fff; left:0; right:0; z-index:2; color:#000; border:1px solid #b3b3b3}
#ContactForm label{ position:relative;min-height:32px; display: inline-block; z-index:1;}
#ContactForm .message{ height:166px;}
#ContactForm  span{ display:block}
#ContactForm .error, #ContactForm .empty{ font-size:10px; color:#fff; line-height:14px; display:none; width:100%}
#ContactForm a{ margin-left:24px; float:right; text-decoration:underline; color:#5f5f5f}
#ContactForm a:hover{ color:#fff;}
#ContactForm .input { margin:0;width:186px; height:16px; background: none; padding:8px 10px;color:#b3b3b3; font:13px Arial, Helvetica, sans-serif;}
#ContactForm textarea {
	overflow: auto;
	margin: 0;
	width: 266px;
	height: 142px;
	background: none;
	padding: 8px 10px;
	color: #b3b3b3;
	font: 13px Arial, Helvetica, sans-serif;
}

#ContactForm table {
	margin: -5px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
}

#ContactForm  .bg{ background:#fff;  display:inline-block; }