body
{
    font-family: verdana, arial, helvetica, serif;
    font-size: 11px;
    background-color: #F2F2F2;
    color: #555555;
}

input{border:1px solid #aaa5a2;}

a
{
    color: #FFFFFF;
    text-decoration: none;
    border-style: none;
}
img
{
    border-style: none;
    text-decoration: none;
}
a:hover
{
    color: #FFFFFF;
    font-weight: bold;
}
a:visited
{
    text-decoration: none;
    border-style: none;
    outline: none;
}
a:active
{
    outline: none;
}

a:focus
{
    -moz-outline-style: none;
}

p
{
    color: #DEDEDE;
    text-decoration: none;
}


/* HEADINGS   
----------------------------------------------------------*/
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2
{
    margin-top: 0;
}

/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

/* you can specify a greater or lesser percentage for the 
page width. Or, you can specify an exact pixel width. */
.page
{
    width: 960px; /*background-color: #FFFFFF;*/
    margin: 20px auto 0px auto;
    border: 1px solid #DDDDDD;
    padding: 0px;
}

@media print
{
    .page
    {
        display: none;
    }
    .footer2
    {
        display: none;
    }
    #simplemodal-container[style]
    {
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        padding: 0px;
        margin: 0px;
        border: 1px dotted #444;
    }
    #simplemodal-container a.modalCloseImg
    {
        display: none;
    }
    .printHide
    {
        display: none;
    }
    #simplemodal-overlay
    {
        display: none;
    }
}

.header
{
    position: relative;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    float: left;
    margin: 0px;
    padding: 0px 0px 0px 0px;
    width: 100%;
    background: #FFFFFF;
}

#headerCulture 
{
    padding: 10px;
    text-align: right;
}
#headerCulture a
{
    color: #666666;
    text-decoration: none;
}
#headerCulture a:hover
{
    color:  #aaa5a2;
    text-decoration: none;
}

.header_esquerra {
    width: 20%;
    float: left;
    text-align: center;
}

.header_esquerra img {
    width: 100%;
}

.header_dreta 
{
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 20%;
    height: 100%;
    float: right;
    text-align: right;
    padding-right: 10px;
}

.header_dreta img {
    width: 100%;
    width: 100px;
}

.header_dreta_total
{
    width: 80%;
    float: right;
    text-align: center;
}

.header_mig 
{
    width: 60%;
    float: left;
    text-align: center;
    margin-top: 10px;
}
.main
{
    clear:both;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    width: 100%;
    min-height: 450px;
    background-color: #FFFFFF;
    text-align: left;
}
.InSiteMain
{
    position: inherit;
    text-align: left;
    margin-right: 10px;
    margin-left: 10px;
}

.InSiteMain h1
{
    font-size: 14px;
    text-align: left;
}
.InSiteMain h2
{
    font-size: 13px;
    border-bottom: 2px solid #ABC1FE;
    margin-bottom: 1px;
    text-align: center;
}

.InSiteMain ul
{
    list-style-type: none;
    color: #000;
    margin-left: 0px;
    padding-left: 15px;
}
.InSiteMain li
{
    color: #999900;
    margin-bottom: 1px;
    text-align: justify;
    margin-right: 20px;
    padding-bottom: 5px;
}

.InSiteMain a
{
    color: #666666;
    text-decoration: none;
}
.InSiteMain a:hover
{
    color: #666666;
    text-decoration: none;
}

.leftCol
{
    width: 20%;
    float: left;
    background-color: #FFFFFF;
    padding-left: 10px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.mainIndex
{
    width: 100%;
    float: left;
    background-color: #FFFFFF;
}

.content
{
    width: 80%;    
    float: left;
    background-color: #FFFFFF;
    /*margin-left: 160px;*/
    padding-left: 20px;
    padding-right: 20px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.footer
{
    clear: both;
    float: left;
    margin: 0px;
    padding-top: 0px;
    width: 100%;
}

.footer h1
{
    font-weight: 700;
    margin: 0px;
    padding: 0px 0px 0px 20px;
    color: #f9f9f9;
    border: none;
    line-height: 2em;
    font-size: 2em;
    text-align: center;
}
.footer2
{
    clear: both;
    color: #4e5766;
    padding: 8px 0px 0px 0px;
    margin: 0px auto;
    text-align: center;
    line-height: normal;
}

.footer2 p
{
    color: black;
}

.footer2 a
{
    color: #4e5766;
}

.avisos
{   
    color: #4e5766;
    padding: 8px 8px 8px 8px;
    margin: 0px auto;
    text-align: left;
    line-height: normal; 
}

.avisos p
{
    color: #4e5766;
    font-size:8.0pt;
}

.DadesContacte
{
    font-size:10.0pt;
}

.DadesContacte li
{
   font-size:10.0pt; 
}

.menu_left
{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    width: 590px;
    float: left;
    text-align: left;
}
.menu_right
{
    padding: 4px 4px 0px 0px;
    height: 30px;
    text-align: right;
    background-image: url('/Content/themes/base/Images/no_flicker.jpg');
}

.menu_right a
{
    color: #696969;
    text-decoration: none;
}
.menu_right a:hover
{
    color: #FFFFFF;
    text-decoration: none;
}

.silverlightimages
{
    width: 720px;
    float: right;
    
}
.silverlightimages img {
    width: 100%;
}

.titulares
{
    position: inherit;
    width: 100%;
    text-align: left;
}

.titulares li
{
    color: #666666;
}

/* TAB MENU   
----------------------------------------------------------*/
ul#menu
{
    border-bottom: 1px #5C87B2 solid;
    padding: 0 0 2px;
    position: relative;
    margin: 0;
    text-align: right;
}

ul#menu li
{
    display: inline;
    list-style: none;
}

ul#menu li#greeting
{
    padding: 10px 20px;
    font-weight: bold;
    text-decoration: none;
    line-height: 2.8em;
    color: #fff;
}

ul#menu li a
{
    padding: 10px 20px;
    font-weight: bold;
    text-decoration: none;
    line-height: 2.8em;
    background-color: #e8eef4;
    color: #034af3;
}

ul#menu li a:hover
{
    background-color: #fff;
    text-decoration: none;
}

ul#menu li a:active
{
    background-color: #a6e2a6;
    text-decoration: none;
}

ul#menu li.selected a
{
    background-color: #fff;
    color: #000;
}

/* MENU   
----------------------------------------------------------*/
.kwicks
{
    list-style-type: none;
    list-style-position: outside;
    position: relative;
    margin: 0;
    padding: 0;
    background-image: url('/Content/themes/base/Images/no_flicker.jpg');
}

.kwicks li
{
    display: block;
    overflow: hidden;
    padding: 0;
    cursor: pointer;
    float: left;
    width: 125px;
    height: 40px;
    margin-right: 0px;
    background-image: url('/Content/themes/base/Images/menu.jpg');
    background-repeat: no-repeat;
}

.kwicks a
{
    display: block;
    height: 40px;
    text-indent: -9999px;
    outline: none;
}

#kwick1
{
    background-position: 0px 0px;
}
#kwick2
{
    background-position: -200px 0px;
}
#kwick3
{
    background-position: -400px 0px;
}
#kwick4
{
    background-position: -600px 0px;
}
#kwick5
{
    background-position: -800px 0px;
}
#kwick1.active, #kwick1:hover
{
    background-position: 0 bottom;
}
#kwick2.active, #kwick2:hover
{
    background-position: -200px bottom;
}
#kwick3.active, #kwick3:hover
{
    background-position: -400px bottom;
}
#kwick4.active, #kwick4:hover
{
    background-position: -600px bottom;
}
#kwick5.active, #kwick5:hover
{
    background-position: -800px bottom;
}

/* FORM LAYOUT ELEMENTS   
----------------------------------------------------------*/

fieldset
{
    border: 1px solid #ddd;
    padding: 0 1.4em 1.4em 1.4em;
    margin: 0 0 1.5em 0;
}

legend
{
    font-size: 1.2em;
    font-weight: bold;
}

textarea
{
    min-height: 75px;
}

input[type="text"]
{
    width: 80px;
    border: 1px solid #CCC;
}

input[type="password"]
{
    width: 80px;
    border: 1px solid #CCC;
}

/* TABLE
----------------------------------------------------------*/

table
{
    border: solid 1px #e8eef4;
    border-collapse: collapse;
}

table td
{
    padding: 5px;
    border: solid 1px #e8eef4;
}

table td.negative
{
    color: red;
}

table th
{
    padding: 6px 5px;
    text-align: center;
    background-color: #e8eef4;
    border: solid 1px #e8eef4;
}

tr.off
{
    background: #FFFFFF;
}

tr.on
{
    background: #DDDDDD;
}

table.transferDialog
{
    border: solid 1px #e8eef4;
    border-collapse: collapse;
    margin: 0 auto;
}

table.transferDialog td
{
    padding: 10px;
    border: solid 1px #e8eef4;
}


table.transferDialog tr.spacer
{
    height:6px;
}
table.transferDialog td.negative
{
    color: red;
}

table.transferDialog th
{
    padding: 6px 5px;
    text-align: center;
    background-color: #e8eef4;
    border: solid 1px #f9eef4;

}

table.tableAdminNif
{
     color:Black;
     border: 0px;
}
table.tableAdminNif td
{
   border-right-width: 0px; 
   border-bottom-width:0px; 
   border-top-width: 0px; 
   border-left-width: 0px; 
}



/* MISC  
----------------------------------------------------------*/
.clear
{
    clear: both;
}

.error
{
    color: Red;
}

#menucontainer
{
    margin-top: 40px;
}

div#title
{
    display: block;
    float: left;
    text-align: left;
}

#logindisplay
{
    font-size: 1.1em;
    display: block;
    text-align: right;
    margin: 10px;
    color: White;
}

#logindisplay a:link
{
    color: white;
    text-decoration: underline;
}

#logindisplay a:visited
{
    color: white;
    text-decoration: underline;
}

#logindisplay a:hover
{
    color: white;
    text-decoration: none;
}

/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error
{
    color: #ff0000;
}

.field-validation-valid
{
    display: none;
}

.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors
{
    font-weight: bold;
    color: #ff0000;
}

.validation-summary-valid
{
    display: none;
}

/* Styles for editor and display helpers
----------------------------------------------------------*/
.display-label, .editor-label
{
    margin: 1em 0 0 0;
}

.display-field, .editor-field
{
    margin: 0.5em 0 0 0;
}

.text-box
{
    width: 30em;
}

.text-box.multi-line
{
    height: 6.5em;
}

.tri-state
{
    width: 6em;
}

/* MODAL DIALOG
-----------------------------------------------------------*/
#basic-modal-content
{
    display: none;
}

/* Overlay */
#simplemodal-overlay
{
    background-color: #000;
    cursor: wait;
}

/* Container */
#simplemodal-container
{
    height: 320px;
    width: 630px;
    background-color: #FFFFFF;
    border: 1px solid #444;
    padding-left: 5px;
}


#simplemodal-container .simplemodal-data
{
    padding-left: 8px;
}

#simplemodal-container a.modalCloseImg
{
    background: url(/Content/themes/base/Images/x.png) no-repeat;
    width: 25px;
    height: 29px;
    display: inline;
    z-index: 3200;
    position: absolute;
    top: -15px;
    right: -16px;
    cursor: pointer;
}
/* REBUT
----------------------------------------------------------*/
.rClient
{
    float: left;
    width: 240px;
    height: 70px;
    padding: 5px;
    margin-left: 15px;
    border: 1px solid #000;
}

.rCoop
{
    width: 240px;
    height: 70px;
    margin-left: 330px;
    padding: 5px;
    border: 1px solid #000;
}

.rPrint
{
    position: absolute;
    width: 50px;
    height: 50px;
    float: left;
    margin-left: 550px;
}


/* MENU */

#mainmenu
{
    /*background: #333; 	*/
    float: left;
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
    background-image: url('/Content/themes/base/Images/no_flicker.jpg');
}
#mainmenu li
{
    float: left;
    font: 100% "Lucida Sans Unicode" , "Bitstream Vera Sans" , "Trebuchet Unicode MS" , "Lucida Grande" , Verdana, Helvetica, sans-serif;
    margin: 0;
    padding: 0;
}
#mainmenu a
{
    /*background: #333 url(/Content/themes/base/Images/seperator.gif) bottom right no-repeat; 	background-image: url('/Content/themes/base/Images/no_flicker.jpg');*/
    color: #696969;
    display: block;
    float: left;
    margin: 0;
    padding: 8px 12px;
    text-decoration: none;
    min-width: 60px;
    text-align: center;
}


#mainmenu a:hover
{
    background-color: #5c7daf;
    background-image: none;
    color: #fff;
    padding-bottom: 8px;
}

#mainmenuadmin
{
    /*background: #333; 	*/
    float: left;
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
    background-image: url('/Content/themes/base/Images/no_flicker.jpg');
}
#mainmenuadmin li
{
    float: left;
    font: 115% "Lucida Sans Unicode" , "Bitstream Vera Sans" , "Trebuchet Unicode MS" , "Lucida Grande" , Verdana, Helvetica, sans-serif;
    margin: 0;
    padding: 0;
}
#mainmenuadmin a
{
    /*background: #333 url(/Content/themes/base/Images/seperator.gif) bottom right no-repeat; 	background-image: url('/Content/themes/base/Images/no_flicker.jpg');*/
    color: #696969;
    display: block;
    float: left;
    margin: 0;
    padding: 8px 12px;
    text-decoration: none;
    width: 120px;
    text-align: center;
}


#mainmenuadmin a:hover
{
    background-color: #5c7daf;
    background-image: none;
    color: #fff;
    padding-bottom: 8px;
}

.dateSelector
{
    display: inline-block;
    float: right;
    margin-right: 2em;
}

.lastH3DetallCompte {
    float: left;
    -webkit-margin-before: 0;
}

.dateSelector img2
{
    margin-top: -15px;
    display: inline;
}

.mesMoviments
{
    text-align: center;
    padding: 20px;
}
a.dp-choose-date
{
    float: left;
    width: 16px;
    height: 16px;
    padding: 0;
    margin: 5px 3px 0;
    display: block;
    text-indent: -2000px;
    overflow: hidden;
    background: url('/Content/themes/base/Images/calendar.png') no-repeat;
    display: inline;
}
a.dp-choose-date.dp-disabled
{
    background-position: 0 -20px;
    cursor: default;
}
/* makes the input field shorter once the date picker code
 * has run (to allow space for the calendar icon
 */
input.dp-applied
{
    width: 140px;
    float: left;
}

/* For the popup */

/* NOTE - you will probably want to style a.dp-choose-date - see how I did it in demo.css */

div.dp-popup
{
    position: relative;
    background: #ccc;
    font-size: 10px;
    font-family: arial, sans-serif;
    padding: 2px;
    width: 171px;
    line-height: 1.2em;
}
div#dp-popup
{
    position: absolute;
    z-index: 199;
}
div.dp-popup h2
{
    font-size: 12px;
    text-align: center;
    margin: 2px 0;
    padding: 0;
}
a#dp-close
{
    font-size: 11px;
    padding: 4px 0;
    text-align: center;
    display: block;
}
a#dp-close:hover
{
    text-decoration: underline;
}
div.dp-popup a
{
    color: #000;
    text-decoration: none;
    padding: 3px 2px 0;
}
div.dp-popup div.dp-nav-prev
{
    position: absolute;
    top: 2px;
    left: 4px;
    width: 100px;
}
div.dp-popup div.dp-nav-prev a
{
    float: left;
}
/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a
{
    cursor: pointer;
}
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled
{
    cursor: default;
}
div.dp-popup div.dp-nav-next
{
    position: absolute;
    top: 2px;
    right: 4px;
    width: 100px;
}
div.dp-popup div.dp-nav-next a
{
    float: right;
}
div.dp-popup a.disabled
{
    cursor: default;
    color: #aaa;
}
div.dp-popup td
{
    cursor: pointer;
}
div.dp-popup td.disabled
{
    cursor: default;
}


table.jCalendar
{
    border: 1px solid #000;
    background: #aaa;
    border-collapse: separate;
    border-spacing: 2px;
}
table.jCalendar th
{
    background: #333;
    color: #fff;
    font-weight: bold;
    padding: 3px 5px;
}

table.jCalendar td
{
    background: #ccc;
    color: #000;
    padding: 3px 5px;
    text-align: center;
}
table.jCalendar td.other-month
{
    background: #ddd;
    color: #aaa;
}
table.jCalendar td.today
{
    background: #666;
    color: #fff;
}
table.jCalendar td.selected
{
    background: #f66;
    color: #fff;
}
table.jCalendar td.selected.dp-hover
{
    background: #f33;
    color: #fff;
}
table.jCalendar td.dp-hover, table.jCalendar tr.activeWeekHover td
{
    background: #fff;
    color: #000;
}
table.jCalendar tr.selectedWeek td
{
    background: #f66;
    color: #fff;
}
table.jCalendar td.disabled, table.jCalendar td.disabled.dp-hover
{
    background: #bbb;
    color: #888;
}
table.jCalendar td.unselectable, table.jCalendar td.unselectable:hover, table.jCalendar td.unselectable.dp-hover
{
    background: #bbb;
    color: #888;
}

.toggle1 a
{
    /*LINE-HEIGHT: 17px; 	margin-top: 0px; 	margin-left:0px; 	text-align: center; 	FONT-FAMILY: verdana, arial, helvetica, serif; 	font-size: 11px; 	font-weight: normal; 	color: #666666;*/
}
.toggle1 a:hover
{
    /*color: #0099CC;*/
}

.hiddenDiv
{
    display: none;
}

.formCompte
{
    margin: 0;
    padding: 0;
    position: inherit;
    display: inline;
}

.dades_adicionals p
{
    margin: 0;
    padding: 0;
    display: inline-block;
    width: 130px;
    height: 20px;
    color: black;
}

.dades_adicionals input[type="text"]
{
    width: 450px;
    border: 1px solid #CCC;
}

.compte_desti
{
    padding-top: 10px;
    padding-left: 10px;
}

.compte_desti input[type="text"]
{
    width: 100px;
    margin-left: 10px;
    border: 1px solid #CCC;
}


.altra_entitat
{
    padding-top: 10px;
    padding-left: 10px;
}

.text_compte_1
{
    max-width: 40px;
    border: 1px solid #CCC;
}
.text_compte_2
{
    max-width: 40px;
    border: 1px solid #CCC;
}
.text_compte_3
{
    max-width: 20px;
    width: 30px;
    border: 1px solid #CCC;
}
.text_compte_4
{
    min-width: 80px;
    width: 120px;
    border: 1px solid #CCC;
}

.text_compte_iban
{
    min-width: 270px;
    border: 1px solid #CCC;
}

.gestio_contrasenya
{
    margin-left: 50px;
    display: inline-block;
}

.gestio_contrasenya input[type="text"]
{
    border: 1px solid #ddd;
    margin: 0 0 1.0em 0;
}
.gestio_contrasenya p
{
    color:Black;
    display:inline;
    padding-right:10px;
    padding-left:10px;
}
.gestio_contrasenya_genera
{
    margin-left:80px;
    margin-top:100px;
}

.owner
{
    display: inline;
}

.compte_desti_agrobank
{
    display: inline;
}

.dialogTransfer
{
    display:inline-block;
    color:Black;
}

.dialogTransfer p
{
    width:200px;
    display:inline-block;
    color:Black;
    padding: 0px;
    margin:10px;
    font-size:13px;
    
    
}

#side-a {
	float: left;
	width: 300px;
}

#side-b {
	float: right;
	width: 300px;
}

#content { 
	float: left;
	width: 300px;
	/*width: 56%;*/
}

.negative
{
    color: red;
}

.bold
{
    font-weight: bold;
    color: Black;
}

.tipusPeticio {
    margin: 20px;
}

.aliasComptes {
    border-bottom: 0px;
    text-align: left;
}

.aliasComptes h2 {
    border-bottom: 0px;
    text-align: left;
}

.aliasComptes table th {
    text-align: left;
}

#ResultsRetrievePassword {
    color: red;
    margin-top: 10px;
}

/* RSSLIDES */
.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }