/*  
Site: www.x3cms.net
Description: internal page css rules
Version: 1.0
Author: www.cblu.net
*/

/* HTML */
html {font-size: 74%;}
body {font-family:helvetica,arial,verdana,sans-serif;color:#555;line-height:1.3em;background:#76acc6;}
h1, h2, h3, h4, h5, h6 {font-family:helvetica,arial,verdana,sans-serif;}
body, div, fieldset {margin:0;padding:0;}
h1 {font-size:2.2em;color:#647881;}
h2 {font-size:1.6em;color:#54815d;}
h3 {font-size:1.4em;color:#555;}
h4 {font-size:1.2em;color:#444;}
h5 {font-size:1em;color:#333;}
h5.sub {padding:3px 10px;color:#fff;background:#aaa;}
h6 {font-size:0.8em;}
a {color:#58b;text-decoration:none;font-weight:bold;}
a:hover {text-decoration:underline;}
a img {border:none;}
ul {list-style: square;}
li {margin:0.4em 0;}
ul li ul {margin-bottom:5px;}

/* FORMS */
fieldset {width:auto;padding:0 10px 5px 10px;border:none;}
label {display:block;font-weight:bold;margin-top:10px;}
label span {font-weight:normal;color:#666;}
input, textarea, select {border:1px solid #999;padding:1px 3px;margin:1px;font-family:inherit;font-size:1em;-moz-border-radius:3px;-webkit-border-radius:3px;}
input:focus, textarea:focus, select:focus {border:1px solid #69c}
input.noborder, input.check {border:none;background:none;}
button {padding:4px 6px;margin:1px;font-family:inherit;font-size:1em;font-weight:bold;color:#444;cursor:pointer;}
textarea {width:100%;height:100px;}

/* TABLES */
table {width:100%;padding:0;border-spacing:0;font-size:inherit;}
th {border-bottom:1px dotted #ccc;}
td {margin:1px;padding:5px;vertical-align:top;color:#333;}
table.bdot tr td {border-bottom:1px dotted #ccc;}

/* CODE */
pre {color:#111;font-family:courier,"courier new";border:1px dotted #ccc;padding:1em;}

/* COMMON (required) */
.clear {clear:both;}
.odd {background:#fff;}
.even {background:#eee;}
.even:hover, .odd:hover {background:#004f77;color:#fff;}
.xcenter {width:auto;margin:0 auto;text-align:center;}
.acenter {text-align:center;}
.xbig {font-size:1.4em;font-weight:bold;}
.xsmall {font-size:0.9em;}
.aright {text-align:right;}
.fleft {float:left;}
.fright {float:right;}
.middle {vertical-align:middle;}
.block {margin-bottom:10px;}
.block img {margin:0 5px;}
.thumb {width:80px;}
.minw {width:30px;}
.reset {padding:0;margin:0;display:inline;}
.m10 {margin:0 20px;}
.m0 {margin:0;}
.sbox {border-bottom:1px dotted #ccc;}
.on {color:#333;font-weight:bold;}
.bdot {border-bottom:1px solid #aaa;margin-bottom:15px;}


.edit {text-align:right;border:1px dotted #aaa;padding:3px 10px;}
.edit a {font-weight:normal;color:#999;}

.loghi img {display:block;margin:20px auto;}

.blockdata {float:right;font-size:0.9em;text-align:right;}
.blockdata span {display:block;}
span.date {font-size:0.8em;}
span.author {margin-bottom:5px;}

/* LAYOUT */
#main {width:100%;background:#fff url(../img/head.png) top center no-repeat;border-bottom:5px solid #bbe0f0;}
#page {width:900px;margin:0 auto;}
#head {color:#fff;height:113px;padding-top:2px;}
#head a {color:#666;font-weight:bold;}
#head a:hover {color:#def;}
#logo {float:left;margin-left:40px;width:230px;}
#contacts {width:210px;margin:0 5px;padding:10px;float:right;font-weight:bold;text-align:right;color:#ddd;}
#contacts a {color:#ddd;}
#contacts a:hover {text-decoration:none;color:#fff;}

#topic {margin:0 0 5px 0;padding:5px 0;}
#left {float:left;width:600px;padding:10px 20px;}
#right {float:right;width:240px;}

#foot {margin:0;text-align: center;font-size:0.90em;color:#111;}
#foot p span {line-height:30px;color:#111;font-size:0.9em;}
#foot a {color:#111;}

#menu {background:#bbe0f0 url(../img/menu.jpg) no-repeat;;padding:15px 0 15px 0;border-bottom:5px solid #bbe0f0;}
#menu h2 {text-align:center;padding:0 0 5px 0;}
#menu ul {list-style:none;padding-left:13px;}
#menu ul li {padding:0 10px;}
#menu a {font-size:1.2em;color:#0b5c81;}

#viaggi {text-align:center;margin:10px;padding:15px;background:#f50;}
#viaggi a {font-size:1.6em;font-weight:bold;color:#fff;}

div.subm {font-size:0.9em;}

/* BREADCRUMB */
#breadcrumb {color:#666;border-bottom:1px solid #aaa;padding-left:27px;}
#breadcrumb a:hover {text-decoration:none;}

/* MESSAGES */
#msg {padding:15px 10px;background:#e80;color:#fff;}
#msg p {margin:0;font-weight:bold;}

/* SEARCH */
#sitesearch {text-align:right;}
#sitesearch input {width:210px;}
#sitesearch input:focus {border:1px solid #69c}
#sitesearch button {background:none;border:none;color:#aaa;}


/* PAGINATION */
#pager {margin:5px 0;}
#pager span.n {font-weight:bold;color:#fff;background:#fa0;padding:5px 7px;}
#pager a {margin:0 5px;}

/* SHOP */
#shop {margin:0 auto;}
#shop .navbar {margin-bottom:10px;border-bottom:1px solid #69c;}

#ctg div {min-width:116px;float:left;margin:5px;text-align:center;}
#ctg a:hover {text-decoration:none;}

#shop ul {list-style:none;margin:0;padding:0;}
#shop li {margin:15px 0;padding:0 10px;}
#shop li.ctg {display:inline;float:left;width:140px;height:120px;text-align:center;padding:5px;}
#shop li.ctg a {text-decoration:none;}

#prowindow {width:378px;margin:0 auto;}
#prowindow a {display:block;min-width:116px;float:left;margin:5px;border:1px solid #ccc;text-align:center;}

#shop img {text-decoration:none;}
img.pro {float:left;margin-right:10px;}
div.pdata {float:right;font-size:0.9em;margin:5px 0 5px 10px;}
.data1 {width:200px;text-align:right;background:#fa0;color:#333;padding:5px 15px;margin-bottom:10px;}
.data2 {width:200px;text-align:justify;background:#bbe0f0;color:#333;padding:5px 15px;}
.pdf {width:200px;background:#eee;}

#pro li {padding-bottom:10px;border-bottom:1px solid #69c;}
#pro li a.title {text-transform:uppercase;padding-bottom:0;margin-bottom:-10px;}
.through {text-decoration:line-through;}

/* BOXES */
.boxed {margin-bottom:10px;}
.boxed span, #selected span.title {display:block;font-weight:bold;margin:3px 10px;padding:2px;}

.margined {margin:5px 10px;}
.dotted {border:1px dotted #aaa;margin:5px 0;padding:0px;}

/* ACCORDION */
.toggler {cursor:pointer;margin:2px 0 0 0;color:#58b;padding:3px 10px;background:#eee;}
.element {padding:0 10px 10px;}

/* EXTERNAL LINK*/
a[target$='_blank'] {padding:0 0 0 20px;background:url(../img/external_link.gif) no-repeat 3px center;}
a[target$='_blank'] img {padding-left:0;background:none;}

