/********************************************
    AUTHOR:  			Oliver Rojas
    TEMPLATE NAME: 	    Portal VODAFONE RIC
    VERSION:            1.0          	
 *******************************************/

* { margin: 0;	padding: 0; }

body,html {
    scrollbar-face-color:#BEBEBE;
    scrollbar-arrow-color:#FFFFFF;
    scrollbar-track-color:#FFFFFF;
    scrollbar-shadow-color:#FFFFFF;
    scrollbar-highlight-color:#FFFFFF;
    scrollbar-3dlight-color:#FFFFFF;
    scrollbar-darkshadow-Color:#FFFFFF;
}


body {
	margin: 0; padding: 0;
	font: normal 11px Arial;
	color: #333; 
    background: #FFFFFF url("images/bg.jpg") repeat-x left top;
}

a {
	color: #028796;
	background-color: inherit;
	text-decoration: none;
}
a:hover 
{
	color: #028796; 
	background-color: inherit;
	text-decoration:underline;
}

/**********************************
  LAYOUT 
***********************************/

#wrap {
	margin: 0 auto; 
	width: 970px;
}

#left
{
    background: #FFFFFF url("images/leftwrap.jpg") no-repeat left top;
    width: 25px;
    height:521px;
    float:left;
    background-color:inherit;
}

#right
{
    background: #FFFFFF url("images/rightwrap.jpg") no-repeat left top;
    width: 25px;
    height:521px;
    float:left;
    background-color:inherit;
}

#content
{
    width:920px;
    float:left;
}


/* header */

.header {
	position: relative;
	margin: 0; padding: 0;
	height: 192px;
	background-color:inherit;
}

.header .user 
{
    position:absolute;
    z-index:10;
    top:145px;
    right:15px;
    color:#FFFFFF !important;
    font: normal 10px Arial;
}
.header .user span {color:#FFFFFF !important; display:none;}

.header .header_logo {
	position: relative;
	clear: both;
	height: 170px; 
	margin: 0; padding: 0;
	background: #FFFFFF url(images/header.jpg) no-repeat top left;
	background-color:inherit;
}

/* menu superior */
.header .menusuperior ul {
   position: absolute;
   margin:0;
   list-style:none;
   right:-10px ; top:4px;
   font: normal 10px Arial;
}

.header .menusuperior ul li {
   display:inline;
   margin:0; padding:0;
}

.header .menusuperior ul li a {
   float:left;
   display:block;
   padding: 4px 10px 4px 10px;
   background-color:inherit;
   text-decoration:none;
   color:#ffffff;
   cursor:pointer;
}

.header .menusuperior ul li a:hover {
   color:#ffffff !important;
   text-decoration:underline !important; 
}

.header .menusuperior ul li.current a {
   color:#ffffff !important;
   text-decoration:underline !important;
}

.header .menusuperior ul li span.separator {
   float:left;
   display:block;
   padding: 4px 0px 4px 0px;
   background-color:inherit;
   text-decoration:none;
   color:#ffffff;
}

/* menu comunidad */
.header .menucomunidad
{
    position: relative;
	clear: both;
	height: 22px; 
	margin: 0; padding: 0;
	background: #FFFFFF url(images/bgcomunidad.jpg) repeat-x top left;
}

.header .menucomunidad .buscar 
{
    float:left;
    display:block;
    padding: 5px 0px 0px 3px;
    background-color:inherit;
    text-decoration:none;
    color:#008698;
    text-transform:uppercase;
    font: normal 10px Arial;
    height:17px;
}    

.header .menucomunidad ul
{
    padding-left:7px;
}

.header .menucomunidad ul li 
{
   display:inline;
   margin:0; padding:0;
   height:22px;
}

.header .menucomunidad ul li a {
   
   float:left;
   display:block;
   padding: 5px 25px 0px 3px;
   background-color:inherit;
   text-decoration:none;
   color:#5F5F5F;
   cursor:pointer;
   text-transform:uppercase;
   font: normal 10px Arial;
   height:17px
   
}

.header .menucomunidad ul li.current a {
   
   background: transparent url(images/bgitemcomunidad.jpg) repeat-x bottom left;
   color:#008698;
   font-weight:bold;
   
}

.header .menucomunidad ul li a:hover {
   
   background: transparent url(images/bgitemcomunidad.jpg) repeat-x bottom left;
   color:#008698;
}


/* sidebar */
.sidebar {
	float: left;
	width: 180px;
	height:425px;
	margin-top: 0px;
	padding-top:10px;
	padding-left:10px; 
	background-color: #FFFFFF;
}
.sidebar .titol1 {
	margin: 5px 0 0 0; 
	padding: 5px 0 7px 0px; 
	font: bold 10px Arial;
	color: #008698;
	background-color: #FFFFFF;
	display:block;
	background: #FFFFFF url(images/rowseparator.jpg) repeat-x bottom left;
}
.sidebar .left-box {
	margin: 0 0 5px 0;
	background: #FFF;
}

/*primer nivell*/
.sidebar ul.sidemenu {
	list-style: none;
	text-align: left;
	vertical-align:top;
	margin: 0px 0px 20px 0;
	padding: 0;
	text-decoration: none;
}
.sidebar ul.sidemenu li {
	font: normal 10px Arial;
	padding: 5px 5px 7px 10px;
	margin: 0;
	background: #FFFFFF url(images/rowseparator.jpg) repeat-x bottom left;
}
.sidebar ul.sidemenu a {
	font-weight: normal !important;
	padding: 2px 0px 2px 0px;
	color: #646464;
	text-decoration:none;
}
.sidebar ul.sidemenu li.active {
     background-color:#F2F2F2;
}

.sidebar ul.sidemenu li.active a {
     color:#646464;
     font-weight:bold !important;
}

.sidebar ul.sidemenu li.inoperative a {
     color:#bbbbbb;
}

.sidebar ul.sidemenu li a:hover {
     color:#646464;
     font-weight:bold !important;
}

/* main column */
#main {
	float: left;
	margin: 0px; 
	padding-left: 10px;
	padding-top:10px;
	padding-right: 10px;
	width: 710px;
	background-color:#FFFFFF;
}

/* breadcrumb row */
#main .breadcrumb 
{
    position:relative;
    margin: 0;
    padding: 0; 
    font: normal 10px Arial;
    background: #FFFFFF;
    height:16px;
    width:710px;
}

#main .breadcrumb .breadcrumbnavigation { padding-top: 5px; height:0px; padding-left:0px; color:#008698;}
#main .breadcrumb .final {color:#5F5F5F;}
#main .breadcrumb .separator {color:#5F5F5F;}

/* actions menu */    
#main #headerbody {margin:0;padding: 0px 0px 5px 0px; border:solid 0px #ddd; background-color:#fff;}
#main #headerbody label.titol3 {font: bold 16px Arial; float:left; margin-bottom: 5px; padding-top:5px; margin-right:20px; color:#008698; background-color:inherit;}
#main #headerbody * {margin:0;}

/* footer */
.footer 
{
	width: 700px;
	background: #FFF url(images/rowseparator2.jpg) repeat-x top left;
	margin-left:5px;
	padding-left: 10px;
	padding-top:2px;
	text-align: left;  
	display:table;
    clear:both;
}

.footer p
{
    font: normal 10px Arial;
    line-height: 2.5em;	
	color:#B7B7B7;
}

.footer a
{
    font: normal 10px Arial;
    line-height: 2.5em;	
	color:#B7B7B7;
    text-decoration: none;
    cursor:pointer;
}

.footer a:hover
{
	color:#008698 !important;
}

.footer .sponsors 
{
   margin-top:5px;
   width:467px;
   height:46px;
   background: #FFF url(images/footerbg.jpg) no-repeat top left; 
}


/* alignment classes */
.float-left  { float: left; }
.float-right { float: right; }
.align-center { text-align:center;}
.align-left  { text-align: left; }
.align-right { text-align: right; }
.bottom { vertical-align:bottom !important; }

/* display and additional classes  */
.nopadding { padding:0 !important; }
.nopadding-top { padding-top:0 !important; }
.nopadding-bottom { padding-bottom:0 !important; }
.nomargin { margin:0 !important; }

/*paddings i margins generics*/
.margin10 { margin:10px !important; }

.ocult { display:none !important; }
.clear { clear: both; }
.clear-left { clear:left; }
.clear-right { clear:right; }
.red   { color: #CC0000 !important;}
.bold { font-weight:bold !important;}
.fillcolor { background-color:#F2F2F2 !important;}
.fillcolor2 { background-color:#FFFFFF !important;}
.undeline { text-decoration:underline !important; }
.pointer { cursor:pointer; }

/*gaps*/
.topgap { margin-top:10px !important;}
.toppadding { padding-top:10px !important;}

/*colors*/
.verde { color :#028796 !important; }
.negro { color :#000000 !important; }

/*others*/
.comments { 
	margin: 20px 10px 5px 10px; 
	padding: 3px 0;
	border-bottom: 1px dashed #EFF0F1; 	
	border-top: 1px dashed #EFF0F1;	
}
.border { border:solid 1px #C1C1C1 !important; }
.noborder { border:0 !important; }
.hr
{
   height:10px;
   background: url(images/hr1.jpg) repeat-x center left;
   
}
.hr2
{
   height:10px;
   background: url(images/hr2.jpg) repeat-x center left;
   
}
.scroll {overflow: auto; width: 100%; padding-right: 0px; scrollbar-face-color: #EFEFEF; scrollbar-highlight-color: #EFEFEF; scrollbar-3dlight-color: #D0D0D0; scrollbar-darkshadow-color: #D0D0D0; scrollbar-shadow-color: #FFFFFF; scrollbar-arrow-color: #999999; scrollbar-track-color: #FFFFFF;}


/* tooltip popups */
.tooltipmode1 
{
  /*imatge amb text*/
  border: dashed 1px gray; 
  background-color: #DDDDDD; 
  padding: 5px;  
}