/* Document   :SMARTYSNOW           
   Descripció :REGISTRO             
   Creat	  :16-noviembre-2012, 17:00 
   Autor      :AXON - www.axon.cat  
   Copyright  ©2012 Axon            
*/
 

/* LOGIN */
.CNT-LOGIN {display: table;margin: 0 auto;z-index:1;margin-bottom: 250px;margin-top: 15%;padding-left:0px;}

/*.CNT-LOGIN{right: 10%;float: right;top: 10%;margin-bottom:250px;position: relative;}*/
.CNT-Recordar 			{position:absolute; z-index:100; left:62%; top:30%; height:300px; margin:0 auto; margin-left:-315px;}
.CNT-caixaLogin     {float:left; padding:7px; background:url('../images/bg-login-caixaFonsBlanc50.png'); -webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;}
.caixaLogin         {float:left; position:relative; display:block; background:url('../images/bg-login-caixaBlava2.png') repeat-x; /*border:1px solid #267aa1;*/ -webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;background-color: #0f4863;}
.caixaLogin .top    {position:relative; width:auto; height:55px; overflow:hidden; display:block;}
.caixaLogin .top H1 {color:#FFF; font-size:.75em; margin:40px 0 0 10px; padding:0 0 0 7px; text-align:left;}
.caixaLogin .logoAppLogin {position:absolute; top:12px; right:26px;}

svg#bigTriangleColor3 {pointer-events:none; margin-top:-1px;}
#bigTriangleColor3 path {fill:#FFFFFF}

.capsLogin 			{position:relative; width: 100%;display:block; margin:0 0 0 0; background:#FFF; text-align: center;}
.capsRegister 			{position:relative; width: 100%;display:block; margin:0 0 0 0; background:#FFF; text-align: center;}
.capsRemember                   {position:relative; width: 100%;display:block; margin:0px 0 0 0; background:#FFF; text-align: center;}
.logoClientLogin    {padding: 15px;max-height: 130px;padding-right: 0 !important;padding-left: 0}
.capsTitol			{position:absolute; bottom:9px; right:23px; color:#FFF; float:right; font-size:.75em;}
.capsErrors         {float:left; background-color: rgb(253, 144, 144); color:rgb(124, 27, 27); width: 80%; margin:0 0 10px 14px; font-weight:bold; font-size:.8em; padding:7px;  border:1px solid #adadad;; -webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;}
.capsSuccess        {float:left; background: greenyellow; color:#444; width:91.5%; margin:0 0 10px 14px; font-size:.9em; padding:7px; border:2px solid #0f4863; -webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;}
.CNT-formularis     {float:left; margin:0; padding:10px 0 5px 10px;}
.CNT-formulariRecordar     {float:left; width:350px; margin:0; padding:20px 10px 15px 10px;margin-left: 15px}
.formLogin          {float:left; display:inline-block; width:100%;}
.formRegistre       {width:265px;}
.titolTipusUsuari   {float:left; font-size:.9em; color:#FFF; margin:0 0 12px 6px;width: 100%}

.inputLogin         {width:226px; height:23px; padding:0 0 0 9px; margin:0 0 3px 4px; font-size:.8em; background:#FFF; border:2px solid #FFF; -webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
	.inputLogin:hover{padding:0 0 0 9px; background:#c6ecff; color:#069; border:2px solid #FFF;}
	.inputLogin:focus{background:#FFC;}
	.inputLogin.error{background:#F30; color:#fff; border:2px solid #FFF; }
.checkLogin         {margin:4px 0 15px 3px; float:left;}

.labelCheck         {margin:-29px 0 0 20px!important; color:#FFF!important;}

.formLogin label    {float:left; margin:10px 0 -1px 5px; font-size:.75em; color:#39C; clear:both;}
.btnLogin           {float:left; width:128px; height:42px; padding:0 0 2px 0; text-indent:-29px; margin:-4px 0 0 3px; display:block; background-position:-4px -140px; font-size:1em; font-weight:bold; color:#FFF; text-transform:uppercase; cursor:pointer; }
	.btnLogin:hover {background-position:-137px -140px;}
.btnRegistrar       {
    background: #a4d2e8; /* Old browsers */
    background: -moz-linear-gradient(top,  #a4d2e8 6%, #5cabd6 56%, #198ac3 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(6%,#a4d2e8), color-stop(56%,#5cabd6), color-stop(100%,#198ac3)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #a4d2e8 6%,#5cabd6 56%,#198ac3 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #a4d2e8 6%,#5cabd6 56%,#198ac3 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #a4d2e8 6%,#5cabd6 56%,#198ac3 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #a4d2e8 6%,#5cabd6 56%,#198ac3 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a4d2e8', endColorstr='#198ac3',GradientType=0 ); /* IE6-9 */
    width: auto;color: #fff !important;padding: 8px 3px 6px 15px;margin-top: 5px;float:left;margin-left: 5px;border-radius: 5px;text-transform: uppercase;text-decoration: none;border:1px solid #000;font-weight: bold;margin-bottom:5px;font-size: 0.9em;letter-spacing: 1.2px}
.btnRegistrar:hover {
    background: #278bb9; /* Old browsers */
    background: -moz-linear-gradient(top,  #278bb9 37%, #0d6591 97%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(37%,#278bb9), color-stop(97%,#0d6591)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #278bb9 37%,#0d6591 97%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #278bb9 37%,#0d6591 97%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #278bb9 37%,#0d6591 97%); /* IE10+ */
    background: linear-gradient(to bottom,  #278bb9 37%,#0d6591 97%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#278bb9', endColorstr='#0d6591',GradientType=0 ); /* IE6-9 */
    border:1px solid #fff;
}
.recuperaPass         {float:left; color:#FFF; display:block; margin:15px 0 1px 3px; padding:0 0 2px 18px; font-size:.7em; font-weight:bold; background-position:-4px -190px;}
.BTNrecuperaPass      {color:#92e9ff;}
.BTNrecuperaPass:hover{color:#FFF; }

.CNT {position:relative; width:100%; margin:0 auto; height:100%; min-height:100%; height:auto!important; /*background:url('../images/bg-imatgeFonsGris.jpg') repeat;*/ float:left}
.CNT-CONTENT {position:relative; width:980px; height:100%; padding:10px 24px 0 24px; margin:0 auto; overflow:hidden; background:url('../images/bg-ombra-cnt.png');}
.CNT-FOOTER  {position:relative; height:199px; width:100%; background:#CCC; bottom:0!important;/*bottom:-1px;*/ border:none !important;background:url('../images/bg-footer_2.png') repeat-x;}
.CNT-FOOTER-REGISTER  {position:relative; height:199px; width:100%; background:#CCC; bottom:0!important;/*bottom:-1px;*/ border:none !important;background:url('../images/bg-footer_2.png') repeat-x;}


/* FOOTER */
.footerData 	   {position:relative; margin:0 auto; width:100%; display:block;text-align: center}
.nomAppFooter      {position:absolute; left:40px; top:30px; z-index:3; font-size:.9em; font-weight:bold; color:#93ddff; text-shadow:1px 1px 1px #005888; }
.iluFooter         {position:relative;}
.iluFooterTOP      {position:absolute; top:-41px; z-index:500; left:390px;}
.logoAppFooter     {position:absolute; top:55px; left:39px;}
.logoArantecFooter {position:absolute; z-index:3; left:120px; top:68px; border-left:1px dotted #2282b0; padding:0 0 0 14px;}

.CNT-FORM_LOGIN {float:left; width: 250px;padding: 20px}
.CNT-FORM_REGISTRE {float:right; width: 300px;padding: 0 0 0 17px;margin: 0 0 0 35px;border-left: 1px dotted #0c4560;padding: 20px}
.smartyFooter_login{text-align: left}
#uvTab{top:40% !important;}

@media only screen and (min-height:820px){
    .capsLogin 	{margin-top:70px}
    .capsRemember { margin-top:100px}
}

@media only screen and (min-height:730px){
    .CNT-FOOTER {position:absolute}
}

@media only screen and (min-height:820px){
    .capsRegister {margin-top:70px}
}

@media only screen and (min-height:930px){
    .CNT-FOOTER-REGISTER {position:absolute}
}


@media only screen and (max-width: 1005px), only screen and (max-width: 768px) {
    .iluFooter{display:none}
    .CNT-LOGIN {padding-left:0}
    #uvTab{display:none}
}

@media only screen and (max-width: 700px) {
    .CNT-FORM_REGISTRE {float:left; width: 300px;padding: 0 0 0 17px;margin: 0 0 0 0;border-top: 1px dotted #0c4560;border-left:0;padding: 20px;margin-left:25px}
    .CNT-LOGIN{width: 50%;}
    .CNT-FORM_LOGIN {margin-left:25px}
}

#chk_condiciones{margin-right: 5px;vertical-align: middle;}