/* 
    Document   : rucat
    Created on : Jul 6, 2012, 11:46:40 AM
    Author     : viik
    Description:
        Purpose of the stylesheet follows.
*/

@import url('http://fonts.googleapis.com/css?family=Coda');
@import url('http://fonts.googleapis.com/css?family=Source+Sans+Pro');
@import url('http://fonts.googleapis.com/css?family=Ubuntu');
@import url('http://fonts.googleapis.com/css?family=Average');
/*@import url('http://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,600,700,900,400italic,900italic');*/

@font-face
{
font-family: CenturyGothic;
src: url('fonts/century_gothic.ttf'),
     url('fonts/century_gothic.eot'); /* IE9 */
}

html,body {
/*    background: url(images/body.png)  #74819a;*/
    background: #3F7F9C url('../images/background_cloud.jpg') top center repeat-x;    
    color: white;    
   font-family:"Source Sans Pro",Arial,sans-serif !important;
}
#body { display: block; height: 100%; min-height: 100%; min-width: 100%;}
.wrap {
    margin: 0 auto;
    width:950px;
    padding: 0 30px;
    background: url(menu/menuh/shadow.png) top center repeat-y  ;
    height: 100%;
    height: auto;
}
.container {background-color: #FFFFFF; color:black;}

#content{padding: 10px 0;}

/*html,body,#wrap, #wrap .container { min-height: 100%; height:auto; }
html > #wrap .container {height: auto; min-height: 100%;}*/


#footer {
    background: #313747 !important;
    color: #74819a;
    position:relative;        
    text-align: center;
    overflow: hidden;
    height: 130px;
}

#footer .container {background: #313747; padding-top: 10px;padding-bottom: 20px;}
#footer .section { color: #DEDFDF; height: 100px; text-align: center;}
#footer h2,#footer h3 { color: white; margin-bottom: 0.8em; line-height: 1;}
#footer h3 {font-size: 1.5em;}
#footer ul, #footer ol { margin: 0 1.5em 1.5em 0; padding-left: 1.5em; list-style: none;  text-align: left;}
#footer ul li { background: url(img/ball_ind_plate.png) no-repeat 0px 4px; padding-left: 20px; font-size: 15px;}
#footer ul li a:hover {color:#328BCB; }
#footer a {color:#DEDFDF;}
#footer #socialnetwork li {background: none; padding: 0; text-align: center; display: inline-block;}
#socialnetwork a { display: block; overflow: hidden; width:20px; height: 20px;}
#socialnetwork .facebook { background: url('img/facebook.png') no-repeat 0 0; padding-left: 5px;  }
#socialnetwork .twitter { background: url('img/twitter.png') no-repeat 0 0 ; padding-left: 5px; }
#socialnetwork .youtube { background: url('img/youtube.png') no-repeat 0 0 ; padding-left: 5px; }


.fixed:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

#header {
    position: relative;
    z-index: 10;
    /*background: url(../images/clouds.jpg) no-repeat;*/
    background: url(images/headertransparency.png) repeat; 
    /*margin-top: -180px;*/
    min-height: 180px;    
}
.logoWrapper {width: 225px; float:left; height: 115px; padding: 10px 0;} 
.transparent {background: transparent;}
.headerback {
    /*background: url(../img/clouds.jpg) #328BCB;*/
    background: transparent;
    padding-top: 175px;
    height: 5px;    
    top:0;
    width: 100%;
}

.header-top { height: 135px; background: white; padding: 0 5px;}
.header-text {
    color: black; 
    float: left;    
    font-size: 1.6em;
    letter-spacing: 1px;
    /*margin-left: 2.5em;*/
    width: 515px;
    text-align: center;
    padding: 2.7em 0; 
    text-shadow: 1px 2px 3px #666;
    font-family: CenturyGothic,"Source Sans Pro",Arial;
}
/*Menu*/

ul#dropdown-menu {
    list-style: none outside none;
    margin-bottom: 0;
}

ul#dropdown-menu li {
    float: left;
}

ul#dropdown-menu li.current > a {
    border-top-color: #F28133;
    color: #333333;
}

ul#dropdown-menu li a {
    border-top: 1px solid #EFEFEF;
    color: #666666;
    display: block;
    font-family: 'Open Sans',sans-serif;
    margin-right: 30px;
    margin-top: -1px;
    padding: 20px 0;
    text-transform: uppercase;
}

a {
    color: #0073BF;
    text-decoration: none;
}


/*sub menu*/

ul#dropdown-menu ul {
    background-color: #FFFFFF;
    border: 1px solid #EFEFEF;
    display: none;
    left: -10px;
    list-style: none outside none;
    padding: 5px 0;
    position: absolute;
    top: 100%;
    width: 170px;
    z-index: 15;
}

/***/

/*Menu*/
#menu {                    
    height: 45px;
    width:auto;
/*    opacity:1;
    filter:alpha(opacity=100);  For IE8 and earlier 
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; internet explorer 8 
    background-color:rgba(0,0,0,0.5);        */
}


#menu .redline { background: red; width:100%; display:block; height: 5px;}
#nav {
        background: url(menu/menuh/menuBar_min.png) repeat-x ;
        height: 40px;
	padding: 0;     
	line-height: 100%;
        margin: 0;        
        z-index: 2;
        display: block;
        opacity: 1;
}

#nav li {
	margin: 0;
	padding: 6px 7px;
	float: left;        
	position: relative;
	list-style: none;
}
#nav li.last { width: 112px; width: 115px\9; text-align: center; }
#nav li.current , #nav li:hover{
    background: url('menu/menuh/hover_menuBar_min.png') repeat-x;   
}
#nav li.separator { height: 28px; margin: 0; border-left: 1px solid white; display: block; padding:6px 0; }
/* main level link */
#nav a,#nav span {
        color:white;
	text-decoration: none;
	display: block;
	padding:  8px 19px;
	margin: 0;
}
#nav a:hover,#nav span:hover {	color: white; }

#nav .current span a, #nav li:hover > span a { box-shadow: none; padding: 0 10px; border:0; margin:0 10px; padding:0; }
/* main level link hover */

#nav .current span a, #nav li:hover > span a
{ background: none; border: none; text-shadow: none; float:right;}

#nav .current a, #nav li:hover > a { color: white; }
/* sub levels link hover */
#nav ul li:hover a, #nav li:hover li a  {
	background: none;
	border: none;
/*	color: #666;*/
        text-justify: distribute;
/*	-webkit-box-shadow: none;
	-moz-box-shadow: none;*/
}
#nav ul a:hover {
	background: #008bbf !important;
	color: #fff !important;
/*	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .1);*/
}
/* dropdown */
#nav li:hover > ul {
	display: block;
}
/* level 2 list */
#nav ul {
	display: none;
	margin: 0;
	padding: 0;
	width: 185px;
	position: absolute;
	top: 39px;
	left: 0;
	background: url('menu/menuh/menu_level2.png') repeat;
	border: solid 1px grey;
/*	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;*/
        z-index: 1000;
/*	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
	box-shadow: 0 1px 3px rgba(0, 0, 0, .3);*/
}
#nav ul li {
	float: none;
	margin: 0;
	padding: 0;
	z-index:10;        
}
#nav ul a {
	font-weight: normal;
        color:white;
/*	text-shadow: 0 1px 0 #fff;*/
}
/* level 3+ list */
#nav ul ul {
	left: 181px;
	top: -3px;
}
/* rounded corners of first and last link */
#nav ul li:first-child > a {
/*	-webkit-border-top-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topright: 5px;*/
}
#nav ul li:last-child > a {
/*	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomright: 5px;*/
}
/* clearfix */
#nav:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

html[xmlns] #nav {
	display: block;
}

* html #nav {
	height: 1%;
}

.menuTop {
    position: absolute;
    top:0;
    left:635px;
}

.nav_top{
    display: inline-block;    
    list-style: none;
}
.nav_top li { float: left; position: relative; list-style: none; text-align: center; }
.nav_top li a {height: 26px; display:block; padding: 5px 0;}
.nav_top li a.beginBtn {
    background: url('../img/btn_begin.png') no-repeat;
    width: 177px;
}

.nav_top li a.middleBtn {
    background: url('../img/btn_middle.png') no-repeat;
    width: 89px;
}

.nav_top li a.endBtn {
    background: url('../img/btn_end.png') no-repeat;
    width: 97px;
}


#ft-buttons-slider {display: none;}
#ft-next-slider, #ft-prev-slider {height: 99px; width: 39px; top:70px !important;}
#ft-next-slider {display:block; background: url(../img/btn_next.png) no-repeat; right: -38px !important;}
#ft-prev-slider {display:block; background: url(../img/btn_prev.png) no-repeat; left: -30px !important;}

#barFinances {display:block; width:100%; height: 100px; overflow: hidden;}

#finances {
    width: 730px; 
    height: 100px; 
    float:left;
}

#divisas{
    width: 200px;
    height: 100px;
    float:right;
    color: black;
}

/****/
.finances iframe .dw_box_728x90 {width: 950px;}
.dw_canvas_728x90{width:948px;}
.dw_scrollable_728x90,.dw_bottomsection {width:940px;}

 #content {
    padding-top:5px;
    display: block;
    height: auto;
    overflow: hidden;
    width: auto;
}
#sidebar {
    float: left;
    padding: 0;
    width: 315px;
}
#page {width:950px; display: block; height: auto; position:relative;}
#page .box {
    background: none repeat scroll 0 0 #E5ECF9;
    margin-bottom: 1.5em;
    padding: 1.5em;
}

#page .content {    
    padding: 0;
    width: 610px;
    float:right;
}

a.buttonRegister { width: 100px; }
#UsuarioLoginForm .buttonSubmit {width: 131px;}

.backgroundForm {
    background: url('images/formBack.jpg') no-repeat;  
    padding: 10px;
    position: relative; 
    color:black;
    overflow: hidden;
}
#forgotPassBox { width: 200px; float:left; padding: 5px; color:white; font-size: 13px;}
#forgotPassBox span {text-decoration: underline; cursor: pointer;}
#forgotPassBox span:hover {text-decoration: none;;}
#buttonsBox { float:right; overflow: hidden; width: 240px;}
.wrapperRestore form #email {width: 250px;}
.wrapperRestore form label {color:#000; }
#newPass .row label {min-width: 150px;}
#newPass .row input {width: 200px;}
#newPass div.row,#newPass .notification_small {margin-bottom: 0;}

.backgroundForm input {width:200px;}
.backgroundForm label,.backgroundForm legend{color:white; font-size: 16px;}

.backgroundForm label {width:120px; }
.loadingForm input {width: 285px;}
.loadingForm input#login_btn { width: 150px; float:right; }
.loadingForm a.buttonRegister {width: 108px; float:right;}

.contacForm .btnSubmit { left: 262px; position: relative; width: 150px;}


.backgroundForm form#formAddCustomer select {width: 220px;}
.backgroundForm form#formAddCustomer label { width: 170px;}
.backgroundForm form#formAddCustomer .buttonSubmit {width: 150px; float:right; margin-right: 40px !important;}
.captcha.row label,.captcha input {width: 100%; clear: both;}

.grayline { background: #DEDFDF; width:100%; display:block; height: 5px;}

/*Errors tags and tooltips*/

.ui-tooltip-content label.error { margin: 0px; background: none; color: white; border:none; padding: 0;}

.loginWrapper {
    margin: 0 auto 50px;
    position: relative;
    width: 470px;
}
.lt8 .loginWrapper {border: 1px solid darkgray;}
#UsuarioLoginwebForm {width: 100%;}

#login{
    position: relative;
    top: 0px;
    width: 88%;
    padding: 18px 6% 15px 6%;
    background: rgb(247, 247, 247);
    border: 1px solid rgba(147, 184, 189,0.8);
    box-shadow:
        0pt 2px 5px rgba(105, 108, 109,  0.7), 
        0px 0px 8px 5px rgba(208, 223, 226, 0.4) inset;
    border-radius: 5px;
    z-index: 22;
}

.loginWrapper h1 {
    color: #00669C;
    font-size: 1.8em;
    font-weight: normal;
    line-height: normal;
    margin: 0;
    padding: 2px 0 10px;
    text-align: center;
}

.loginWrapper ::-webkit-input-placeholder  { color: rgb(190, 188, 188); font-style: italic; }
.loginWrapper input:-moz-placeholder{ color: rgb(190, 188, 188); font-style: italic; }
.loginWrapper .row input { outline: none; width: 100%; }

.loginWrapper input:not([type="checkbox"]){
    width: 92%;
    margin-top: 4px;    
    border: 1px solid rgb(178, 178, 178);
    box-sizing : content-box;
    border-radius: 3px;
    box-shadow: 0px 1px 4px 0px rgba(168, 168, 168, 0.6) inset;
    transition: all 0.2s linear;
    padding: 4px 6px 4px 22px;
}

.lt8 .loginWrapper input{padding: 4px 6px 4px 22px; width: 90%;}
.loginWrapper input:not([type="checkbox"]):not([type="submit"]):active,
.loginWrapper input:not([type="checkbox"]):not([type="submit"]):focus{
    border: 1px solid rgba(91, 90, 90, 0.7);
    background: rgba(238, 236, 240, 0.2);  
    box-shadow: 0px 1px 4px 0px rgba(168, 168, 168, 0.9) inset;
} 

.loginWrapper .row label {
    color: #00669C;
    position: relative;
    font-size: 15px;
    font-weight: normal;
    width: 100%;
}
.loginWrapper .submit {clear: both; margin-bottom: 5px; overflow: hidden;}
.loginWrapper .submit span {color:darkslateblue;}
.loginWrapper #login_btn {width: auto; float: right; padding: 4px;}
.loginWrapper p.change_link {border-top: 1px solid #DBE5E8; text-align: right;}

@font-face {
    font-family: 'FontomasCustomRegular';
    src: url('fonts/fontomas-webfont.eot');
    src: url('fonts/fontomas-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/fontomas-webfont.woff') format('woff'),
         url('fonts/fontomas-webfont.ttf') format('truetype'),
         url('fonts/fontomas-webfont.svg#FontomasCustomRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

label[data-icon]:after {
    color: #0374A9;
    content: attr(data-icon);
    font-family: 'FontomasCustomRegular';
    left: 7px;
    position: absolute;
    top: 32px;
    width: 30px;
}
ul.info_section { margin:0 1.5em 0.7em 0 !important; }
#footer .adviceh3 { font-size: 1.2em; margin-bottom: 0.2em ; text-align: left; padding-left: 20px;}
#avisoPrivacidad {display:none; line-height: 1.4em;}
#avisoPrivacidad p {margin-bottom: 0.7em;}
#avisoPrivacidad h2 {font-size: 1.5em; text-align: center; margin-bottom: 1em;}
#avisoPrivacidad ul {padding-left: 1.5em; }
#avisoPrivacidad span {float:right; color: gray;}

.ui-widget-overlay-site { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.ui-widget-overlay-cleared { background: #5c5c5c url(images/ui-bg_flat_50_5c5c5c_40x100.png) 50% 50% repeat-x; opacity: .08;filter:Alpha(Opacity=08); z-index: 1000; }
.ui-widget-overlay-dark { background: #5c5c5c url(images/ui-bg_flat_50_5c5c5c_40x100.png) 50% 50% repeat-x; opacity: .50;filter:Alpha(Opacity=50); z-index: 1000; }