@charset "utf-8";

/* --- BASIC CSS RESET */

html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul, dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object, a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span, strong, sub, sup, tt, var, legend, fieldset
{margin:0;padding:0;}

img, fieldset {border:0;}
input::-moz-focus-inner {border:0;padding:0;}
img {max-width:100%;height:auto;width:auto\9;}


/* --- HTML5 PREP */

article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section
{display:block;}

/* --- INSTALCLIMA LAYOUT CSS

CREATED: December 2011
GRAPHIC DESIGN: Vanessa Silva www.vanessasilva.net
HTML/CSS: Vanessa Nobre www.vanessanobre.com
Copyright (commissioner): Instalclima www.instalclima.com

*/

/* TYPOGRAPHY */

body, input, textarea, select {
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight:normal;
font-size:87.5%;
line-height:1.5em;
}

h1, h2, h3, h4, h5,
.phone-number,
#footer ul,
#article .aside p.shortdescr,
#article .aside dl dt,
form fieldset ul li label,
.button,
#calcresults #res-number,
#calcresults #calc-contact {
font-family:"Ubuntu", Helvetica, Arial, sans-serif;
}

h1, h2, h3, h4, h5,
#footer ul,
#article .aside p.shortdescr {
font-weight:500;
}

.phone-number,
.testimonial cite,
#usefulinfo li div h2,
#article h2,
#article h3,
#article h4,
form fieldset ul li label,
.button,
#feedback {
font-weight:700;
}

.phone-callout,
#aside-contacts dl dd a {
font-style:italic;
}

#article h2 {
font-size:2em;
letter-spacing:1px;
}

#article .aside h3 {
font-size:1.5em;
}

#article h3 {
font-size:1.3em;
}

form fieldset ul li label {
font-size:1.2em;
}

#article h4,
form fieldset ul li input,
form fieldset ul li textarea,
form fieldset ul li select,
.button,
#feedback {
font-size:1.1em;
}

#article h5 {
font-size:1em;
}

#usefulinfo li div h2,
.phone-number {
font-size:1.3em;
}

.phone-callout,
.testimonial {
font-size:0.9em;
}

#footer ul,
#copyright {
font-size:0.75em;
}

#article .aside p,
#testimonial-callout {
line-height:1.2em;
}

#testimonial-callout,
#usefulinfo li div p,
.testimonial {
line-height:1.3em;
}

#quick-contacts {
line-height:35px;
}

#menu {
font-size:13px; /* in px because it might break the layout limits otherwise */
}

#menu,
#footer ul {
line-height:30px;
}

h2#testimonial-callout {
font-size:1.15em;
}

/* HTML ELEMENTS */

html {
background:#fff url("../images/layout/bkg_site_pattern.jpg") repeat-x left top;
height:100%;
}

body {
background:url("../images/layout/bkg_site_picture.jpg") no-repeat center top;
color:#666;
min-height:100%;
position:relative;
}

a {
color:#005894;
text-decoration:none;
}

a:hover {
color:#09F;
}

/* LAYOUT CLASSES */

.clear, .clearline {
clear:both;
display:block;
float:none;
line-height:1px;
}

.clear {
height:5px;
width:100%;
}

.clearline {
background:#666;
height:1px;
margin:0 0 15px 0;
width:100px;
}

#article .clearline {
margin:15px 0;
}

.clearline.blue {
background:#005894;
}

.clearline.pink {
background:#b80047;
}

/* LAYOUT ELEMENTS */

#header,
#section,
#section-headlines,
#section-testimonials,
#section-usefulinfo,
#article,
#footer {
clear:both;
display:block;
margin:auto;
padding:0;
position:relative;
}

#header,
#section,
#section-testimonials,
#article,
#footer {
width:940px;
}

/* The following fluctuations are due to soft shadows contained in bkg images */

#section-headlines {
width:980px;
}

#section-usefulinfo {
width:960px;
}

/* -- */

#header h1 {
background-image:url("../images/layout/logo.png");
background-repeat:no-repeat;
background-position:center bottom;
display:block;
float:left;
height:84px;
margin:0 0 15px 0;
position:relative;
width:300px;
text-indent:-9999px;
}

#header h1 a {
color:#333;
clear:both;
display:block;
height:100%;
width:100%;
overflow:hidden;
}

#menu,
#menu li,
#menu li a,
#menu li a span,
#menu li.back,
#menu li.back .left {
display:block;
height:30px;
}

#menu {
clear:both;
margin:0 0 20px 0;
position:relative;
overflow:hidden;
}

#menu li {
float:left;
list-style:none;
z-index:1;
}

#menu li + li {
margin:0 0 0 5px;
}

#menu li a {
background:none;
color:#fff;
padding:0 5px 0 0;
position:relative;
z-index:10;
}

#menu li a span {
background:none;
float:left;
padding:0 3px 0 8px;
position:relative;
z-index:10;
text-shadow:1px 1px 1px #000;
}

#menu li a span img {
vertical-align:top;
opacity:0.5;
}

#menu li.current a {
background:url("../images/layout/bkg_menu_corners.png") no-repeat right -30px;
}

#menu li.current a span {
background:url("../images/layout/bkg_menu.png") no-repeat left -30px;
}

#menu li.current a span img {
opacity:1;
}

#menu li.back {
background:url("../images/layout/bkg_menu_corners.png") no-repeat right 0;
margin:0 !important;
position:absolute;
width:5px;
z-index:8;
}

#menu li.back .left {
background:url("../images/layout/bkg_menu.png") no-repeat left 0;
margin-right:5px !important;
}

#quick-contacts {
background-image:url("../images/layout/bkg_quickcontacts.png");
background-repeat:no-repeat;
background-position:center top;
color:#fff;
display:block;
height:35px;
width:240px;
position:absolute;
top:0;
right:0;
}

#quick-contacts .phone-callout,
#quick-contacts .phone-number {
display:block;
float:left;
width:120px;
text-shadow:1px 1px 1px #000;
}

#quick-contacts .phone-callout {
background:url("../images/layout/ico_phone.png") no-repeat 10px center;
text-align:left;
text-indent:30px;
}

#quick-contacts .phone-number {
text-align:center;
}

#section-headlines {
background:url("../images/layout/bkg_home_headlines_top.png") no-repeat center bottom;
clear:both;
height:400px;
}

#section-testimonials {
height:200px;
}

#testimonial-callout {
background:url("../images/layout/ico_trumpet.png") no-repeat 20px top;
display:block;
float:left;
padding:60px 0 0 20px;
width:100px;
}

#testimonials {
background:url("../images/layout/bkg_largebubble.png") no-repeat right center;
display:block;
float:right;
height:150px;
overflow:hidden;
width:800px;
position:relative;
}

.testimonial {
clear:both;
display:block;
height:100px;
margin:0;
padding:22px 40px 28px 55px;
width:705px;
text-align:justify;
position:absolute;
top:0;
left:0;
}

.testimonial cite {
clear:both;
display:block;
font-style:none;
padding:10px 0 0 0;
}

#section-usefulinfo {
height:270px;
}

#usefulinfo {
clear:both;
display:block;
height:240px;
width:100%;
position:relative;
}

#usefulinfo li {
display:block;
float:left;
height:240px;
width:320px;
overflow:hidden;
position:relative;
}

#usefulinfo li img,
#usefulinfo li div {
clear:both;
display:block;
position:absolute;
top:0;
left:0;
z-index:0;
}

#usefulinfo li div {
height:215px;
padding:25px 85px 0 45px;
width:180px;
z-index:10;
}

#usefulinfo li div h2,
#usefulinfo li div p {
color:#333;
text-shadow:1px 1px 1px rgba(0,0,0,0.25);
}


#usefulinfo li.dark div h2,
#usefulinfo li.dark div p,
#usefulinfo li.dark div a {
color:#fff;
}

#usefulinfo li.dark div a:hover {
color:#09F;
}

#usefulinfo li div h2,
#usefulinfo li div .clearline,
#usefulinfo li div p {
margin:0 0 15px 0;
}

#footer {
height:100px;
padding:40px 0 0 0;
}

#footer ul {
background:url("../images/layout/bkg_footer.png") no-repeat center center;
clear:both;
display:block;
height:30px;
margin:0 0 20px 0;
padding:0 20px;
}

#footer ul li {
display:block;
float:left;
margin:0 6px;
}

#footer ul li.standout {
float:right;
text-transform:uppercase;
text-align:center;
width:180px;
}

#footer ul li a {
color:#666;
}

#footer ul li a:hover {
color:#005894;
}

#footer ul li.standout a {
color:#fff;
}

#footer ul li.standout a:hover {
color:#ccc;
}

#copyright {
color:#999;
display:block;
float:left;
padding:5px 0 0 0;
}

#lk_vsvn {
background:url("../images/layout/vsvn.png") no-repeat center center;
display:block;
float:right;
height:30px;
width:30px;
text-indent:-9999px;
overflow:hidden;
}

#lk_vsvn span {
clear:both;
display:block;
height:100%;
width:100%;
}

#article {
padding:80px 0 0 0;
}

#article h2,
#article h3,
#article h4,
#article h5,
#article .aside p.shortdescr {
color:#333;
}

#article h2,
#article h3 {
margin:0 0 5px 0;
}

#article ul,
#article ol {
list-style-position:inside;
margin:0 0 20px 0;
padding:0 0 0 30px;
}

#article ul {
list-style-image:url(../images/layout/bullet.png);
}

#article ul#partnerlist,
#article ul#newslist,
#article form fieldset ul,
#article .nivoGallery ul,
#article .aside ul.filelist,
#article .aside ul.filelist li,
#gallery-thumbs ul,
.wide-gallery ul,
#calculator ul,
ul.cms-gallery {
list-style:none !important;
list-style-image:none !important;
padding:0 !important;
}

#article p {
margin:0 0 20px 0;
}

.content {
display:block;
float:left;
min-height:400px;
width:630px;
}

.content.wide {
width:100%;
}

.content.long {
min-height:600px;
}

#article .content h2 {
padding:20px 0 0 0;
}

#article .standout {
background:#2b5f96;
border-top:solid 2px #0b3167;
border-bottom:solid 2px #cdd6de;
border-radius:10px;
clear:both;
margin:0 0 20px 0;
padding:20px;
text-shadow:1px 1px 1px #000;
}

#article .standout p {
margin:0;
}

#article .standout,
#article .standout h1,
#article .standout h2,
#article .standout h3,
#article .standout h4,
#article .standout h5,
#article .standout p {
color:#fff;
font-weight:bold;
}

#article #partnerlist li {
list-style:none;
display:block;
float:left;
margin:0 40px 40px 0;
}

#article #partnerlist li,
#article #partnerlist li a,
#article #partnerlist li img {
height:60px;
width:135px;
}

#article #newslist ul li.post,
#article #newslist ul li.post p.post-date,
#article #newslist ul li.post div.post-content {
clear:both;
display:block;
}

#article #newslist li.post {
border-bottom:solid 1px #ddd;
margin:0 0 40px 0;
padding:0 0 20px 0;
}

#article #newslist p.post-date {
margin:0 0 5px 0;
padding:0;
}

#article #newslist h3 {
margin:0 0 15px 0;
padding:0;
}

#article .pager {
clear:both;
display:block;
height:30px;
line-height:30px;
position:relative;
margin:0 0 40px 0;
}

#article #newspager #pg-prev,
#article #newspager #pg-first,
#article #newspager #pg-next {
display:block;
width:120px;
position:absolute;
top:0;
}

#article #newspager #pg-prev {
left:0;
text-align:left;
}

#article #newspager #pg-first {
left:50%;
margin:0 0 0 -65px;
text-align:center;
}

#article #newspager #pg-next {
right:10px;
text-align:right;
}

#article #newspager a,
#article #newspager span {
text-transform:lowercase;
font-style:italic;
}

#article #newspager span {
color:#ccc;
}

#article #newspager .news-content p {
margin:0 0 10px 0;
}

#article h3.gallery-title {
background:#fff url("../images/layout/bkg_gallery_title.png") no-repeat center top;
clear:both;
display:block;
height:50px;
line-height:50px;
margin:0;
padding:0 20px;
width:900px;
}

.aside {
background:url("../images/layout/bkg_box_pattern.png") repeat-y 0 0;
display:block;
float:right;
margin:0 0 25px 0;
min-height:100px;
width:240px;
position:relative;
}

#aside-contacts.aside {
background:none;
}

.aside .box-top,
.aside .subcontent {
clear:both;
display:block;
width:240px;
}

.aside .box-top {
background:url("../images/layout/bkg_box_top.png") no-repeat center top;
height:12px;
top:0;
left:0;
}

.aside .subcontent {
background:url("../images/layout/bkg_box_bottom.png") no-repeat center bottom;
padding:0 25px 40px 25px;
width:190px;
z-index:100 !important;
}

.aside select {
background:#fff url("../images/layout/bkg_textbox.png") repeat-x;
border-top:solid 1px #eee;
border-left:solid 1px #ddd;
border-right:solid 1px #ddd;
border-bottom:solid 1px #ccc;
border-radius:10px;
border-top-right-radius:0;
border-bottom-right-radius:0;
color:#333;
clear:both;
display:block;
min-height:28px;
line-height:28px;
width:170px;
}

#article .aside h2,
#article .aside h3,
#article .aside h4,
#article .aside h5,
#article .aside p {
color:#333;
margin:0;
text-shadow:1px 1px 1px #ccc;
}

#article .aside h3 {
margin:0 0 4px 0;
}

#article .aside p.shortdescr {
margin:0 0 10px 0;
}

#article .aside .clearline {
margin:0 0 10px 0;
}

#article .aside .button {
clear:both;
}

#article .aside ul,
#article .aside ol {
margin:0 0 5px 0;
padding:0;
}

#article .aside dl dt {
color:#005894;
}

#article .aside dl dd {
color:#333;
margin:0 0 10px 0;
}

#article .aside ul.filelist li {
margin:0 0 10px 0;
}

.pdf,
.xls {
background-image:url("../images/layout/file_icons.png");
background-repeat:no-repeat;
color:#333;
display:block;
height:30px;
line-height:15px;
padding:0 0 0 40px;
}

.pdf:hover,
.xls:hover {
color:#000;
text-decoration:underline;
}

.pdf {
background-position:0 -60px;
}

.xls {
background-position:0 0;
}

form,
form fieldset,
form fieldset ul {
border:none;
clear:both;
display:block;
margin:0;
padding:0;
}

form fieldset ul li input,
form fieldset ul li textarea,
form fieldset ul li select {
outline:none;
}

form,
form fieldset,
form fieldset ul,
form fieldset ul li,
form fieldset ul li label,
form fieldset ul li select {
width:535px;
}

form fieldset ul li input,
form fieldset ul li textarea {
width:525px;
}

form fieldset ul,
form fieldset ul li,
#article .content form fieldset ul,
#article .content form fieldset ul li {
list-style:none !important;
padding:0 !important;
}

form fieldset ul li {
margin:0 0 10px 0;
}

form fieldset ul li,
form fieldset ul li label,
form fieldset ul li input,
form fieldset ul li textarea,
form fieldset ul li select {
clear:both;
display:block;
min-height:28px;
line-height:28px;
}

.wide form,
.wide form fieldset,
.wide form fieldset ul,
.wide form fieldset ul li,
.wide form fieldset ul li label,
.wide form fieldset ul li select {
width:645px;
}

.wide form fieldset ul li input,
.wide form fieldset ul li textarea {
width:635px;
}

form.full,
form.full fieldset,
form.full fieldset ul {
width:100%;
}

form fieldset ul li label {
color:#333;
}

form fieldset ul li label span {
color:#005894;
}

form fieldset ul li input,
form fieldset ul li textarea,
form fieldset ul li select {
border:solid 1px #ccc;
color:#333;
}

form fieldset ul li input,
form fieldset ul li textarea {
border-radius:10px;
padding:0 5px;
}

form fieldset ul li input:focus,
form fieldset ul li textarea:focus,
form fieldset ul li select:focus {
border:solid 1px #999;
}

form fieldset ul li input,
form fieldset ul li select {
background:#fff url("../images/layout/bkg_textbox.png") repeat-x;
height:28px;
}

form fieldset ul li textarea {
background:#fff url("../images/layout/bkg_textarea.png") repeat-x;
height:150px;
resize:vertical;
}

form fieldset input.button,
form fieldset a.button,
.wide form fieldset input.button,
.wide form fieldset a.button {
float:right;
margin:0;
width:120px;
}

form fieldset ul li p {
display:none;
}

form fieldset ul li.error label,
form fieldset ul li.error p {
height:20px!important;
min-height:20px!important;
line-height:20px!important;
margin:0;
padding:0;
}

form fieldset ul li.error p {
clear:both;
color:#b80047;
display:block;
margin:0 0 5px 0!important;
}

form fieldset ul li.error input[type=text] {
border:solid 1px #b80047;
}

.button {
background:#005894 url('../images/layout/bkg_linkbutton.png') no-repeat center center;
border:none;
border-top:solid 1px #b7e9f7;
border-bottom:solid 1px #042a5c;
border-radius:10px;
color:#fff;
cursor:pointer;
display:block;
height:40px;
line-height:40px;
text-align:center;
text-shadow:0 1px 2px #042a5c;
}

.button.green {
background:#02904a url('../images/layout/bkg_linkbutton_green.png') no-repeat center center;
border-top:solid 1px #b7e9f7;
border-bottom:solid 1px #033;
text-shadow:0 1px 2px #033;
}

.button.add {
height:38px;
line-height:38px;
padding:0 10px 0 0!important;
}

.button.add span {
background:transparent url('../images/layout/icons.png') no-repeat left -145px;
clear:both;
display:block;
margin:0;
padding:0 0 0 30px;
}

.button:hover {
color:#fff;
opacity:0.9;
}

form .fieldButtons ul li {
clear:none;
margin:0 0 40px 10px;
float:right;
}

form .fieldButtons ul li,
form .fieldButtons ul li input,
form .fieldButtons ul li a {
width:auto !important;
}

form .fieldButtons ul li input,
form .fieldButtons ul li a {
padding:0 10px;
min-width:120px;
}

form fieldset ul li.checkbox {
margin:0!important;
padding:0!important;
}

form fieldset ul li.checkbox label,
form fieldset ul li.checkbox input {
clear:none;
float:left;
margin:0;
width:auto!important;
}

form fieldset ul li.checkbox label {
margin:0 10px 0 0;
}

form fieldset ul li.multiple-checkbox ul {
clear:both;
width:100%!important;
}

form fieldset ul li.multiple-checkbox ul li {
clear:none;
float:left;
display:block;
margin:0 1% 0 1%;
width:30%!important;
}

form fieldset ul li.multiple-checkbox label {
margin:0 0 10px 0;
}

form fieldset ul li.multiple-checkbox ul li span,
form fieldset ul li.multiple-checkbox ul li input {
clear:none;
float:left;
display:block;
margin:0;
padding:0;
width:auto!important;
}

form fieldset ul li.multiple-checkbox ul li input {
margin:0 5px 0 0;
}

form fieldset ul li.multiple-checkbox ul li span {
height:28px;
line-height:28px;
}

.wide-gallery {
clear:both;
margin:0 0 20px 0;
height:150px;
width:560px;
position:relative;
}

.wide-gallery div {
float:left;
height:150px;
width:500px;
position:relative;
overflow:hidden;
}

.wide-gallery ul {
clear:both;
display:block;
position:absolute;
top:0;
left:0;
}

.wide-gallery li,
.wide-gallery li a,
.wide-gallery li a img,
.wide-gallery li a span {
display:block;
position:relative;
}

.wide-gallery li,
.wide-gallery li a {
float:left;
height:150px;
}

.wide-gallery li a img,
.wide-gallery li a span {
clear:both;
}

.wide-gallery li a img {
border:none;
height:100px;
}

.wide-gallery li a span {
color:#999;
font-size:10px;
height:30px;
line-height:15px;
padding:0 5px;
width:90px;
overflow:hidden;
text-align:center;
}

.wide-gallery li a:hover span {
color:#666;
}


.wide-gallery a.prev,
.wide-gallery a.next,
.wide-gallery a.prev:hover,
.wide-gallery a.next:hover {
background-image:url("../images/layout/arrows.png");
background-repeat:no-repeat;
cursor:default;
display:block;
height:30px;
height:65px;
width:30px;
float:left;
text-indent:-9999px;
overflow:hidden;
opacity:0.1;
}

.wide-gallery a.prev {
background-position:left bottom;
}

.wide-gallery a.next {
background-position:right bottom;
}

.wide-gallery a.prev.active,
.wide-gallery a.next.active {
cursor:pointer;
opacity:0.7;
}

.wide-gallery a.prev.active:hover,
.wide-gallery a.next.active:hover {
opacity:1;
}

.aside-slideshow {
float:right;
height:460px;
width:220px;
margin:0 10px 40px 0;
overflow:hidden;
position:relative;
}

.aside-slideshow img {
border:none;
height:460px;
width:220px;
position:absolute;
top:0;
left:0;
}

/* feedback/loading */

#feedback {
background:#fff;
border-radius:10px;
box-shadow:0 0 20px rgba(0,0,0,0.5);
clear:both;
color:#333;
display:none;
height:80px;
line-height:80px;
position:fixed;
top:10px;
left:50%;
margin-left:-470px;
width:940px;
text-align:center;
z-index:9999;
opacity:0.9;
}

#feedback.error {
color:#b80047;
}

#feedback.success {
color:#005894;
}

/* Calculator */

#calculator {
background:url("../images/layout/bkg_calculator.png") no-repeat left top;
float:left;
height:330px;
width:260px;
margin:0 0 0 -10px;
padding:20px 20px 20px 30px;
}

#calcresults {
background:url("../images/layout/bkg_calcresults.png") no-repeat left top;
float:left;
height:270px;
width:260px;
position:relative;
padding:20px 20px 20px 30px;
}

#calculator h3,
#calcresults h3,
#calculator h4,
#calcresults h4 {
margin:0 !important;
text-shadow:0 1px 1px #ccc;
}

#calculator .clearline {
margin:5px 0 15px 0 !important;
}

#calculator .clearline,
#calcresults .clearline {
margin:5px 0 25px 0 !important;
}

#calculator label {
clear:both;
display:block;
margin:0 0 5px 5px;
}

#calculator .clear {
height:20px;
}

#calculator ul {
padding:0 !important;
margin:0 !important;
}

#calculator select {
width:170px;
}

#calcresults #res,
#calcresults #res span {
clear:both;
display:block;
text-align:center;
}

#calcresults #res #res-number {
color:#333;
font-size:2.3em;
font-weight:700;
line-height:1.5em;
}

#calcresults #res #res-unit {
color:#333;
font-weight:700;
}

#calcresults #res #res-aprox {
color:#999;
}

#calcresults #calc-contact {
clear:both;
color:#333;
display:block;
font-weight:700;
position:absolute;
bottom:20px;
left:30px;
width:250px;
}

/* Management */

.datatable thead > tr:first-child > th:first-child {
border-top-left-radius:5px;
}

.datatable thead > tr:first-child > th:last-child {
border-top-right-radius:5px;
}

.datatable tbody > tr:last-child > td:first-child {
border-bottom-left-radius:5px;
}

.datatable tbody > tr:last-child > td:last-child {
border-bottom-right-radius:5px;
}

.datatable {
clear:both;
margin:0 0 20px 0;
width:100%;
}

.datatable th {
background-color:#ddd;
border-bottom:solid 1px #efefef;
color:#333;
font-size:0.85em;
text-align:center;
line-height:20px;
}

.datatable th + th,
.datatable td + td {
border-left:solid 1px #efefef;
}

.datatable th.order {
background-image:url(../images/layout/order.png);
background-repeat:no-repeat;
background-position:right 0;
cursor:pointer;
min-width:60px;
padding:0 5px 0 0;
}

.datatable th.order:hover,
.datatable th.order.asc,
.datatable th.order.desc {
background-color:#ccc;
}

.datatable th.order.asc {
background-position:right -40px;
}

.datatable th.order.desc {
background-position:right -80px;
}

.datatable th input {
background:#fff url("../images/layout/bkg_textbox.png") repeat-x;
border:solid 1px #ccc;
border-radius:5px;
clear:both;
font-size:1.1em;
float:none;
height:1.7em;
line-height:1.7em;
margin:2px auto;
padding:0;
position:relative;
width:98%;
text-align:center;
outline:none;
}

.datatable th input:focus {
border:solid 1px #999;
}

.datatable tr.hidden {
display:none;
}

.datatable td {
background:#f7f7f7;
padding:2px 5px;
text-align:center;
font-size:1em;
line-height:1.1em;
}

.datatable tbody tr:nth-child(odd) td {
background:#efefef;
}

.datatable tr:hover td,
.datatable tbody tr:nth-child(odd):hover td {
background:#d8e4f2;
}

.datatable td.left {
text-align:left;
}

.datatable td.ico {
padding:0;
}

.datatable td.date {
color:#999;
font-size:0.8em;
}

a.thumb,
a.thumb img,
.datatable th.thumb,
.datatable td.thumb {
margin:0;
padding:0;
text-indent:0;
}

.datatable th.thumb,
.datatable td.thumb {
width:54px;
}

a.thumb,
a.thumb img {
clear:none;
display:block;
float:left;
width:70px;
}

a.thumb img {
border:solid 2px #ccc;
}

tr:hover td a.thumb img,
a.thumb:hover img {
border:solid 2px #264b82;
}

a.ico,
.datatable th.ico,
.datatable td.ico {
width:30px;
}

a.ico,
p.notice {
background-image:url(../images/layout/icons.png);
background-repeat:no-repeat;
}

a.ico {
clear:none;
cursor:pointer;
display:block;
float:left;
height:30px;
text-indent:-9999px;
overflow:hidden;
opacity:0.6;
}

a.ico:hover {
opacity:1;
}

a.remove {
background-position:center 0;
}

a.edit {
background-position:center -30px;
}

a.visible {
background-position:center -60px;
}

a.invisible {
background-position:center -90px;
}

a.reorder {
background-position:center -180px;
cursor:move;
}

a.reorder {
background-position:center -180px;
cursor:move;
}

a.blocked {
background-position:center -210px;
}

a.free {
background-position:center -240px;
}

p.notice {
background-position:left -120px;
background-color:rgba(100,200,255,0.25);
border:solid 1px rgba(100,200,255,0.4);
border-radius:10px;
clear:both;
height:30px;
line-height:30px;
padding:0 0 0 30px;
width:615px;
}

ul.cms-gallery {
clear:both;
width:650px;
}

ul.cms-gallery li {
background:rgba(150,200,255,0.25);
border:solid 1px #fff;
border-radius:5px;
box-shadow:0 1px 2px rgba(0,0,0,0.2);
clear:none;
float:left;
display:block;
position:relative;
margin:25px 10px 5px 0;
padding:5px 6px 30px 4px;
}

ul.cms-gallery li:hover {
background:rgba(150,200,255,0.8);
box-shadow:0 1px 2px rgba(0,0,0,0.5);
}

ul.cms-gallery li.faded {
background:rgba(0,0,0,0.05);
box-shadow:0 1px 2px rgba(0,0,0,0.2);
}

ul.cms-gallery li.faded:hover {
background:rgba(0,0,0,0.1);
box-shadow:0 1px 2px rgba(0,0,0,0.5);
}

ul.cms-gallery li a.thumb:hover {
cursor:move;
}

ul.cms-gallery li a.thumb img {
border:solid 1px #fff;
}

ul.cms-gallery a.ico {
position:absolute;
bottom:0;
}

ul.cms-gallery a.ico.edit {
right:0;
}

ul.cms-gallery a.ico.visible,
ul.cms-gallery a.ico.invisible {
bottom:0;
left:0;
}

ul.cms-gallery li a.ico.remove {
top:-30px;
right:0;
}

#cms-partners li a.thumb,
#cms-partners li a.thumb img {
height:60px;
width:135px;
}

form fieldset.calcFields {
background-color:rgba(100,200,255,0.1);
border:solid 2px #fff;
border-radius:10px;
box-shadow:0 1px 2px rgba(100,200,255,0.25);
clear:none;
float:left;
height:300px;
padding:10px 10px 5px 10px;
margin:0 8px 20px 0;
width:290px;
}

form fieldset.calcFields fieldset.calcFields {
clear:both;
float:none;
height:auto;
margin:0;
width:266px;
}

form fieldset.calcFields:hover {
background-color:rgba(100,200,255,0.25);
}

form fieldset.calcFields ul {
margin:0!important;
padding:0!important;
}

form fieldset.calcFields ul li label,
form fieldset.calcFields ul li input,
form fieldset.calcMinMax ul li label,
form fieldset.calcMinMax ul li input {
clear:none;
float:left;
height:1.7em;
}

form fieldset.calcFields ul li label,
form fieldset.calcMinMax ul li label {
margin:0 10px 0 0;
}

form fieldset.calcFields ul li label {
min-width:50px;
width:auto!important;
}

form fieldset.calcMinMax ul li label {
width:140px;
}

form fieldset.calcFields ul li input,
form fieldset.calcMinMax ul li input {
width:50px!important;
}

#form_login {
clear:both;
float:none;
margin:auto;
padding:50px 0 0 0;
position:relative;
}

#form_login {
background:rgba(255,255,255,0.4);
border:solid 2px #fff;
border-top:none;
border-bottom-left-radius:20px;
border-bottom-right-radius:20px;
box-shadow:0 0 10px rgba(0,0,0,0.25);
padding:40px;
}

#form_login,
#form_login fieldset,
#form_login fieldset ul,
#form_login fieldset ul li,
#form_login fieldset ul li label {
width:180px;
}

#form_login fieldset ul li input[type=text],
#form_login fieldset ul li input[type=password] {
width:170px;
}

#form_login fieldset.fieldButtons ul li,
#form_login fieldset ul li {
margin:0!important;
}

#form_login fieldset.fieldButtons {
padding:10px 0 0 0;
}

#form_login fieldset.fieldButtons ul li input {
width:180px!important;
}