@import url(blocks.css);
@import url(module_content.css);

html, body {
	color: #555555;
	margin: 0 auto;
	padding: 0px 10px;
	font-size: 11px;
	font-family:	Verdana, Arial, Sans-Serif;
	background:		#611718 url(images/bg.gif) repeat-x left top;
	max-width: 1240px;
}

table {
	width: 100%;
}

table td {
	padding: 0;
	border-width: 0;
	vertical-align: top;
}

h1 {color: #5e1517; font-size: 140%; font-weight: bold; border-bottom: 1px solid #5e1517; padding-bottom: 3px;}
h2 {color: #5e1517; font-size: 110%; font-weight: bold; border-bottom: 1px solid #5e1517; padding-bottom: 3px;}
h3 {font-size: 120%;}
h4 {font-size: 100%;}
h5 {font-size: 90%;}
h6 {font-size: 80%;}

h3, h4, h5, h6 {
	padding: 0px;
	margin: 0px;
}

a {
	color: #555555;
	text-decoration: none;
	position: relative;
}
a:hover {
	color: #AF3D40;
	text-decoration: underline;
}

img {	border:	0px;}

#xo-canvas {
	margin:	0px 6px;
	color: #555555;
}

/* ---------- Header / banner / globalnavigation ---------- */
#xo-canvas-header {
	clear:both;
	position:relative;
	height: 156px;
}

#xo-main-logo {
width: 292px;
}


/* ---------- Content (main) zone ---------- */
#xo-canvas-content {
	background:	 #FFFFFF;
	padding: 0px 12px 12px;
	line-height: 1.3em;
	clear: both;
}
#xo-page {
	background:	 #fff;
	padding: 0px 12px;
}
#xo-page a {
	color: #AF3D40;
}
#xo-content {
	clear:			both;
	padding:		0px;
	margin:			0px;
}

#xo-content a {
	color: #AF3D40;
}

/* ---------- column configurations ---------- */
#xo-canvas-columns {
	width: 100%;
}
#xo-canvas-leftcolumn {
	width: 200px;
	padding-top: 110px;
}

#xo-canvas-rightcolumn {
	width: 200px;
	padding-top: 90px;
}

#xo-canvas-leftcolumn, #xo-page, #xo-canvas-rightcolumn {
	vertical-align:	top;
}

#xo-canvas.leftcolumn-layout #xo-canvas-columns, #xo-canvas.threecolumns-layout #xo-canvas-columns {}
#xo-canvas.rightcolumn-layout #xo-page, #xo-canvas.threecolumns-layout #xo-page {}

/* ---------- Footer ---------- */
#xo-footer {
	background: #FFFFFF;
	text-align: center;
	padding: 20px 25px 0px;
	line-height: 1.4em;
	font-size: 90%;
}

#xo-footer a:hover {}

/* ---------- Extra layout / forms---------- */
blockquote {
	margin-left:		.5em;
	border-left-width:	6px;
	padding:			.5em;

}
.xoopsCode {
	background:			#ffffff;
	font-family:		monospace;
	border:				1px solid #d0d0d0;
	padding:			.5em;
	width:				100%;
	display:			block;
	overflow: auto;
}

input[type=submit], input[type=button]  {
	color: #FFFFFF;
	border: 1px solid #D27E00;
	background: #EC8D00;
	font: bold 90% Geneva, Arial, Helvetica, sans-serif;
	text-transform: lowercase;
	padding: .3em;
}


select[name=timezone_offset] {
	font-size: 90%;
	color: #555;
}

input[type=text], input[type=password], textarea {
	border:				1px solid #ddd;
	margin:				0px 0px;
	padding:		.3em;
	background-color:	#fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:100%;
}

input[type=text], input[type=password] {
	color: #555;
}

input[type=text]:focus, input[type=password]:focus, textarea:focus {
	border-color:		#999999;
	outline:			1px solid #999999;
	background-color:	#FAFAFA;
	color: #555;
}


textarea { width: 95%;}

/* ----------------- */

#corner-white-tl {
	background: url(images/white-curve_top-left.png) no-repeat left top;
	height: 40px; 
	margin-right: 40px;

}
#corner-white-tr {
	background: url(images/white-curve_top-right.png) no-repeat right top;
	height: 40px;
	width: 40px;
	float: right;
	margin-top: -40px;
}

#corner-white-bl {
	background: url(images/white-curve_bottom-left.png) no-repeat left top;
	height: 55px; 
	margin-right: 40px;

}
#corner-white-br {
	background: url(images/white-curve_bottom-right.png) no-repeat right top;
	height: 55px;
	width: 40px;
	float: right;
	margin-top: -55px;

}

#site-description {
	color: #FFF;
	text-align: center;
	float: left;
	padding-left: 30px;
}
#menu-center-top {
	color: #FFF;
	font-size: 150%;
	line-height: 1.5em;
	margin-top: -80px;
	text-align: center;
	width: 100%;
	z-index: 500;
}

#menu-center-top a{
	color: #FFF;
	text-decoration: none;
}
#menu-center-top a:hover{
	color: #faa71b;
}
#site-slogan {
	color: #FFF;
	font-size: 120%;
	position: absolute;
	top: 14px;
	right: 15px;
	font-style: italic;
	width: 100%;
	text-align:right;
}

#header-img-maleta {
	background: url(images/header_maleta.png);
	height: 249px;
	width: 284px;
  position: absolute;
	right: 5px;
	top: 20px;
	z-index: 1000;
}

#tv-img {
	background: url(images/header_tv.gif);
	height: 145px;
	width: 154px;
	position: absolute;
	top: 160px;
	left: auto;
}

#navbar-tr {
	height: 249px;
	width: 284px;
	position: absolute;
	right: 5px;
	top: 48px;
	z-index: 3000;
	 margin: 0; padding:0;

}
#navbar-tr li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: relative;
	top: 0;
}

#navbar-tr li, #navbar-tr a {
	height: 20px;
	display: block;
	color: #FFF;
}

#navbar-tr li#devis {left: 155px;  top: 120px; width: 60px; height: 30px;}
#navbar-tr li#contact {left: 205px;  top: 140px; width: 65px; height: 30px;}

/*============== Styles for pagenav =================*/
#xo-pagenav {
    margin:                 7px 0;
    text-align:             center;
    font-size:              1em;
}
#xo-pagenav a {
    text-decoration:        none;
}
#xo-pagenav a:hover {
    color:                  #FFF;
    background-color:       #892222;
    border:                 1px solid #892222;
}
.xo-pagact {
    margin:                 0;
    padding:                .2em .5em;
    color:                  #FFF;
    background-color:       #892222;
    border:                 1px solid #892222;
}
.xo-counterpage, .xo-pagarrow {
    margin:                 0;
    padding:                .2em .5em;
    color:                  #892222;
    background-color:       #FFF;
    border:                 1px solid #892222;
}
.xo-counterpage:hover {}
.xo-pagarrow {
    letter-spacing:         0.2em;
}