* {margin:0; padding:0 }
html, body{ 	margin:0; padding:0; }
.clear{ clear:both;}	
/********************* GENERAL PAGE STYLE ********************************/	
* html  ul li{ height:1%;}
form {margin: 0;padding: 0;}	
img { border:0; }
p 	{
	padding:3px 0;
	line-height:normal;
	}
	
a:hover { text-decoration:none;}	
a.help span {display:none; padding:2px 3px; margin-left:8px; width:130px;}	
a.help:hover span{display:inline; font-size: 11px; position:absolute; width:500px; background:#ffffff; border:1px solid #cccccc; color:#000000;}

a.help2 span {display:none; padding:2px 3px; margin-left:8px; width:130px;}	
a.help2:hover span{display:inline; font-size: 11px; position:absolute; width:200px; background:#ffffff; border:1px solid #cccccc; color:#000000;}
	
	
	
h1, h2, h3, h4 {
	padding:0 0 0 0;
	margin: 0 0;
	font-weight: bold;
	line-height: 100%;
	}
h1	{ 
	font-size: 200%;
	line-height: 100%;
	}
h2   {
	font-size: 175%;
	line-height: 100%;
	}
h3  {
	font-size: 150%;
	}
h4 	{
	font-size: 120%;
	}
a    	{
	text-decoration: none;
        color:#890000;
	/*color:#2a2a2a; */
	}
a.help span.help {

    display:none;
    font-weight:normal;
}

a.help2 span.help4 {

    display:none;
    font-weight:normal;
}

a:hover {
	text-decoration: underline;
	color:#890000; 
	}
fieldset {
    margin:5px 0; 
    border:none;
    } 
input,
select ,
.button {
    border-right:solid 1px #D5D5D5;
	background:transparent;
    margin-bottom:3px; 
    } 
textarea {
    border-left:solid 2px #75736E;
	border-top:solid 2px #75736E;
	border-bottom:solid 1px #D5D5D5;
	background:transparent;
	 margin-bottom:3px; 
    }   	
/************************ FONT FAMILY and STYLE *****************************/


body#ff-default, #ff-default td { font-family: Verdana,Tahoma, Arial,  FreeSans, sans-serif;} 
body#ff-default, body#ff-default .f-default {font-size: 12px;color:#2a2a2a;}

/*************************** CONSTRUCTION ***************************** */
.pagewidth {
    width:995px;
    margin:0 auto ;	
	height: 100%;
	}
.wrapper {
    position:relative;
	}
#bg_top {
	background: url(../images/bg_top1.jpg) repeat-x;
	}
#top {
	height:39px;
	background: url(../images/bg_top11.jpg) no-repeat;
    }
#bg_navbar {
    background:#000;
	} 	
#navbar {
    padding-top:12px;
    padding-left:230px;
	height:30px;
	background: url(../images/bg_navbar.jpg) no-repeat;
    }	
#header{
    background:#770101;
	border-bottom:solid 7px #000;
	
    }
.spacer {
    display:block;
    height:20px;
    background:#f1f8fa;
	}
#wrapper {
    display:block;
	background:#f1f8fa;
	padding-right:30px;
	}
#contener1{
	border-left:230px solid #f1f8fa;
	padding:0px;  	
	background:#FFF; 
	}
#wrapper1{
	margin-left:-230px; 
	background:transparent;
	}
* html #wrapper1{
	margin-left:-232px; 
    }	
#contener2{
	border-right:266px solid #f1f8fa;
	padding:0px;  
	
	}
#wrapper2{
	margin-right:-266px; 
	background:transparent;
	}	
	
	
#leftcol{
	float:left;
	width:230px;
	display:inline;
	}
	
#leftcol .content {
    padding-left:23px;
    padding-right:35px;
	background:#f1f8fa;
	}  	
#maincol {
   	margin-left:230px; 
	margin-right:266px;
	}
#maincol .content {
    padding:10px 20px;
	padding-bottom:0px;
	background:#FFF; 
    }	 
#rightcol{
	float:right; 
	width:266px;
	display:inline;
	}
#rightcol .content {
    padding-left:20px;
	background:#f1f8fa;
    }	

#bottom {
    }
#footer {
   padding:15px;
   margin-top:25px;  
   background:#eeebeb;
   height:70px;
   color:#747474;
   font-size:12px;
   line-height:1.2em;
   }	
#footer a {
   text-decoration:underline;
    color:#747474;
    }
#footer a:hover {
   text-decoration:none;
    color:#747474;
    }	
	
#debug {
    }
/************ PAGE ELEMENTS **************/
.header_c {
    background: url(../images/header_c.jpg) repeat-y;
	}
.header_t {
    background: url(../images/header_t.jpg) no-repeat 0 0;
	}	
.header_b {
    padding-left:32px;
	padding-top:22px;
	padding-bottom:25px;
    background: url(../images/header_b.jpg) no-repeat 0 100%;
	}	
.header_b img {
    float:left;
	}
.logo a {
    position:absolute;
    left:23px;
    top:0;   	
    width:170px;
	height:72px;
	outline:0;
	}
.toolbar {
    position:absolute;
    right:20px;
    top:12px;
    width:700px;
    height:12px;
   	text-align:right;
    }	
.toolbar img {
    border:solid 1px #FFF;
	margin-left:4px;
	}	
.toolbar img:hover {
    border:solid 1px #890000;
    }	
.toolbar ul {
    list-style:none;
	padding-right:10px;
    }
.toolbar ul li {
    float:left;
    }
.toolbar ul li a {
    float:left;
    display:block;
	padding:0 7px; 
    color:#3c4446;
    font-size:100%;
    text-decoration:none;
    outline:0
	}   	
.toolbar ul li a:hover {
    color:#1f1f1f;
    text-decoration:underline;
    } 
	
.showcase1,
.showcase2,
.showcase3 {
    position:relative; 
    float:left;
	display:inline;
	height: 183px;
	}

.showcase1 img,
.showcase2 img,
.showcase3 img{
    display:block;
    height: 180px;
    }  	

.bg {
    position:absolute;
	left:0;
	bottom:0;
	display:block;
    height:40px;	
    background:#FFF ;
	 opacity: .5;
	 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; 
	filter: alpha(opacity=50);
    } 

.showcase1 a ,
.showcase2 a {
    font-family:Arial;
	color:#000;
	text-decoration:none;
 	font-size:20px;
	padding:6px 0px;
	padding-right:40px;
	text-align:right;
    display:block;
    background: url(../images/readon_head.png) no-repeat 95% 10px;
	outline:0;
	}

.showcase3 a {
    position: absolute;
	right:5px;
	top:20px;
	width:200px;
	border-right:solid 2px #000;
    font-family:Century Gothic;
	color:#7B0000;
	font-weight:bold;
	text-decoration:none;
 	font-size:27px;
	padding:6px 0px;
	padding-right:10px;
	text-align:right;
    display:block;
	outline:0;
   	}

.showcs3 {
    position: absolute;
	right:5px;
	top:20px;
	width:200px;
	border-right:solid 2px #000;
    font-family:Century Gothic;
	color:#7B0000;
	font-weight:bold;
	text-decoration:none;
 	font-size:27px;
	padding:6px 0px;
	padding-right:10px;
	text-align:right;
    display:block;
	outline:0;
   	}   	
   		
.showcase1 a:hover ,
.showcase2 a:hover ,
.showcase3 a:hover{
    text-decoration:underline;	
	}	
	
#navbar ul {
    list-style:none;
    }
#navbar ul li {   
    float:left; 
	}
#navbar ul li a {
    float:left;
    display:block;
    padding:0px 6px;
    text-decoration:none;
    color:#FFF;
    background: url(../images/pic_li.jpg) no-repeat 100% 1px; 
	outline:0;
	}	
#navbar ul li a:hover {
    text-decoration:none;
    color:#9f9f9f;
    background: url(../images/pic_li.jpg) no-repeat 100% 1px; 
	}		 
#navbar ul ll.active a {
    text-decoration:none;
    color:#9f9f9f;
    background: url(../images/pic_li.jpg) no-repeat 100% 1px; 
	}
#navbar {
    color:#FFF;
    }
#navbar a {
  	text-decoration:none;
    color:#FFF;
	}
#navbar a:hover {
  	text-decoration:none;
     color:#9f9f9f;
	}	
#users {
    background: #bfe4f8;
	height:250px;
	margin-left:230px;
	}
* html #users {
    height:1%;
    }	
.user {
background: #bfe4f8;
    float:right;
   	display:inline;
	font-size:100%;
	height:250px;
	} 
* html .user {
    height:1%;
    } 		

/**************************  LEFTCOL and RIGHTCL MODULES  **************************************/
/************ MODULES XHTML **************/
#leftcol .moduletable h3,
#leftcol .moduletable_text h3,
#leftcol .moduletable_menu h3,
#rightcol .moduletable h3,
#rightcol .moduletable_text h3,
#rightcol .moduletable_menu h3 ,
#leftcol .moduletable_blue h3,
#rightcol .moduletable_blue h3 ,
#leftcol .moduletable_green h3,
#rightcol .moduletable_green h3{
    margin-bottom:10px;
    padding-left:10px;
    font-size:18px;
    color:#890000; 	
	}
#leftcol .moduletable_blue h3,
#rightcol .moduletable_blue h3 ,
#leftcol .moduletable_green h3,
#rightcol .moduletable_green h3{
   padding:0;
   text-align:center;
   }	
#leftcol .moduletable,
#leftcol .moduletable_text,
#leftcol .moduletable_menu,
#rightcol .moduletable ,
#rightcol .moduletable_text,
#rightcol .moduletable_menu  {
	margin-top:20px; 
    padding:10px;
    }	
	
#leftcol .moduletable_blue ,
#rightcol .moduletable_blue {
    margin-top:20px; 
    padding:10px;
    background: #bfe4f8;
	}	
#leftcol .moduletable_green ,
#rightcol .moduletable_green {
     margin-top:20px; 
    padding:10px;
    background: #d0f1d1;
	}	
#leftcol .moduletable_blue img,
#rightcol .moduletable_blue img,
#leftcol .moduletable_green img,
#rightcol .moduletable_green img{
    float:left;
    margin-right:10px;
	clear:both;
    } 	
#leftcol .moduletable_blue img,
#rightcol .moduletable_blue img,
#leftcol .moduletable_green img,
#rightcol .moduletable_green img{	
}
/*--------------- */	
#leftcol .moduletable_img h3,
#rightcol .moduletable_img h3 {
    position:absolute;
    left:0;
    bottom:0px;
	width:100%;
    font-size:18px;
    color:#FFF;
    font-family:Century Gothic;
    font-size:22px;
    text-align:center;
    font-weight:normal;
	
    background:#891c15;   	
     padding:10px 0;
	text-align:center; 
	 opacity: .8;
	 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; 
	filter: alpha(opacity=80);
	}	
#leftcol .moduletable_img ,
#rightcol .moduletable_img {
    position:relative;
    margin-top:20px;  
    background: #FFF;
	text-align:center;
	}	
* html #leftcol .moduletable_img ,
* html #rightcol .moduletable_img {
    height:1%;
    }
#leftcol .moduletable_news {
    border: 1px solid #000000;
	}
.user .moduletable h3 {
    margin:0 -10px;
    margin-bottom:15px;
	padding:5px 0;
	padding-left:10px;
	border-right:solid 1px #FFF;
	border-top:solid 1px #111415;
	border-bottom:solid 1px #111415;
    background:#950000;
	
    font-size:11px;
    font-weight:normal;
	color:#FFF;
    } 	
.user .moduletable  {
    padding:0 10px;
	padding-top:0px;
	padding-bottom:20px;
    }  
 .user .contentheading {
    margin:0 !important;
	padding:0 !important;
    color:#424242;
  	font-size:100%;
	font-weight:bold;
	border:none;
	} 
 .user table.contentpaneopen {
   padding: 0;
	border-spacing: 0;
	 margin-bottom:0px !important;
    } 	
   
.user a.readmore {
    display:block;
	margin-top:20px;
	margin-right:20px;
	padding-right:20px;
	text-align:right;
	height:40px;
    background: url(../images/readon.jpg) no-repeat 100% 3px;
	font-family:Arial;
	color:#a8002f;
	font-size:130%;
    }	
.user ul {
    list-style:none;
    }  	 	
#leftcol ul,
#rightcol ul{
    list-style:none;
    } 	
#leftcol .moduletable_phone h3 ,	
#rightcol .moduletable_phone h3 {
    margin-bottom:10px;
    height:28px;
	line-height:28px;
    background: url(../images/phone.jpg) no-repeat 0 0;
    font-size:150%;
	font-family:Century Gothic;
	color:#3c4446;
	font-weight:normal;
	padding-left:30px;
	
	}		
#leftcol .moduletable_phone  ,	
#rightcol .moduletable_phone {
    padding:0 0px;
    font-size:100%;
    margin-top:20px;
	}
#leftcol .moduletable_phone img {
    padding:0 0px;
	magin: 0px;
}

#leftcol .moduletable_phone h1 ,	
#rightcol .moduletable_phone h1{
    font-size:110%; 
    font-weight:bold;
    } 	
#leftcol .moduletable_chat h3,
#rightcol .moduletable_chat h3{   
    display:none;
    } 	
#leftcol .moduletable_chat,
#rightcol .moduletable_chat { 
    position:relative;
    padding-left:50px;
    padding-top:5px;	
    margin-top:20px; 
    height:10px; 
	text-align:left;
    <!-- background: url(../images/chat2.jpg) no-repeat 0 0;
-->
    font-size:130%;
	font-family:Century Gothic;
	color:#3c4446;
	font-weight:normal;
	line-height:105%;
    } 		
#leftcol .moduletable_chat p,
#rightcol .moduletable_chat p{ 
    padding:0;
    margin:0;
     line-height:100%; 	
	 font-size:105%;
	} 
#leftcol .moduletable_chat a,
#rightcol .moduletable_chat a{ 
    position:absolute;
	left:0px;
	bottom:3px;
    display:block;
    height:18px;
	width:145px;
	outline:0;
   	} 
/* sonda */
div.module .poll_title {
     color:#ed1c24;
    }
td.poll_title {
    padding-bottom:5px;
    font-weight:bold;     
	}  		
table.pollstableborder
	{
    margin:10px  0px !important;
	}
.pollstableborder input
	{
    margin-right:5px;
	border:none !important;
	background:none !important;
	}
td.sectiontableentry1, td.sectiontableentry2 {
   height:20px;
    }  	
div.poll {
    padding:0;
    text-align:center;
	}  		



	





/************************** MAINCOL - CONTENT  - MODULES  ***************************/
#maincol .content p {
    padding:0px !important;
    padding-bottom:10px  !important;
    }	

#maincol .content .foto img {
    float:left;
    margin-right:10px;
    } 	
#maincol .content ul {
    padding-left:15px;
	}
#maincol .moduletable h3,
#maincol .moduletable_text h3  {
    display:block;
	width:98%;
	font-size: 160%;
	font-weight: bold;
	padding-bottom:15px;
	border-bottom:dotted 1px #2a2a2a;
	margin-bottom:10px;
    } 
#maincol .moduletable ,
#maincol .moduletable_text {
    margin-bottom:20px;
    } 	
/***************************** JOOMAL ELEMENTS **************************************/
.componentheading {
	font-size: 170%;
	line-height: 100%;
	font-weight: bold;
	padding: 0;
	margin: 15px 0 10px 0;
	}
.contentheading {
	font-size: 160%;
	font-weight: bold;
	padding-bottom:15px;
	border-bottom:dotted 1px #2a2a2a;
	width:98% !important;
	}
td.buttonheading {
	border-bottom:dotted 1px #2a2a2a;
    } 	

table.contentpaneopen {
    margin-bottom:10px;
	padding: 0;
	border-spacing: 0;	
    }	

.contentpaneopen td.buttonheading {
	padding: 0px 0px 0;
	}
td.column_separator {
	padding-left: 15px;
	}
td.componentheading {
	padding-bottom: 15px;
	}
.sectiontableheader {
  	font-weight: bold;
  	padding: 4px;
  	line-height: 20px;
}

tr.sectiontableentry1 td,
tr.sectiontableentry2 td,
td.sectiontableentry1,
td.sectiontableentry2 {
  	text-align: left;
  	padding: 2px 0 0px 5px;
	}
tr.sectiontableentry2 td,
td.sectiontableentry2 {
 	height: 27px;
	}
tr.sectiontableentry1 td,
td.sectiontableentry1 {
	height: 27px;
	}

.contentpane,
.contentpaneopen {
	width:98% !important;
	}




/* autor - data */
.small,
.createdate ,
.modifydate ,
div.mosimage_caption {
	font-size: 95%;
}   
.small {
    margin-top:5px;
    float:right;
	}
ul span.small {
    float:none;
	 } 
/* Tooltips */
.tool-tip {
	float: left;
	background: #ffc;
	border: 1px solid #ccc;
	padding: 5px;
	max-width: 200px;
	z-index:10;
	}
.tool-title {
	padding: 0;
	margin: 0;
	font-size: 100%;
	font-weight: bold;
	margin-top: -15px;
	padding-top: 15px;
	padding-bottom: 5px;
	background: url(../../system/images/selector-arrow.png) no-repeat;
	}
.tool-text {
	font-size: 100%;
	margin: 0;
	}	

	
 table.SFMTable, table.SFMTableJurisdictions,
table.SFMTableOrder {
	border: 1px solid #999;
	margin: 1em 0;
	padding: 0;
	border-collapse: collapse;
	
}
table.SFMTableJurisdictions,
 table.SFMTableOrder {
	font-size: 0.9em;
}
 table.SFMTable th,
table.SFMTable td,
 table.SFMTableJurisdictions th,
 table.SFMTableJurisdictions td,
 table.SFMTableOrder th,
table.SFMTableOrder td {
	border-bottom: 1px solid #999;
	padding: 0.3em;
	vertical-align: top;
	border-right: 1px solid #999;
	text-align: left;
}
 table.SFMTableJurisdictions td {
	text-align: center;
}
table.SFMTable th,
table.SFMTableJurisdictions th,
table.SFMTableOrder th  {
	background: #eee;
	font-weight: bold;
}
table.SFMTableOrder th {
	text-align: center;
}
table.SFMTableOrder td.first {
	text-align: right;
	width: 50%;
}
 p.btnOrder {
	padding: 1em 2em;
}
 p.btnOrder a {
	border: 1px solid #006;
	padding: 0.25em 0.75em;
}
 p.btnOrder a:hover {
	color: #fff;
	background: #006;
}

/* FORM */
.ff_listItem {text-align: right; }
.ff_elem {height: 40px;}
.ff_label {padding-right:5px;}
.ff_div {padding-bottom:12px;}

.content label {
	clear: both;
	display: block;
	float: left;
	width: 250px;
	text-align: right;
	margin-right: 10px;
}
.content h4 {text-align: left;}
.content span.mandatory {
	color: red;
	/* padding-left: 0.5em; */
}
.content label.options {
	clear: both;
	display: block;
	float: left;
	text-align: left;
	width: 620px;
}
.content input,
.content select,
.content textarea {
	display: block;
	float: left;
	margin-bottom: 10px;
	width: 225px;
}
.content input.chkBox {
	display: inline;
	margin: 0 5px 0 0;
	width: auto;
}
.content input.formSubmit {
	clear: both;
	display: block;
	float: right;
	margin: 10px 0;
	width: auto;
}

.offshoreIntro{

position: relative;
top: 310px;
left: 25px;
width: 950px;
color:#888888;
text-align:right;
font-family:Arial, Helvetica, sans-serif;
font-size:10px
}

.offshoreIntro h2{

color:#888888;
text-align:right;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:normal;
}