body {
		background: url(imgs/fondonubes.jpg) fixed #d5d4d4;
		font-family:Verdana, "Times New Roman", Times, serif;
		font-size:12px;
		text-align: center;
		margin: 0px auto;
        color:black;
	}
	
    img{border:0;}
	
	/* ------------------- Content styles --------------------*/
	
	#contenidor {
		width:830px; /*amplada total de la pagina*/ 
		margin:0px auto; /*10px a dalt i a baix, i auto als costats*/
        border: 1px solid #d7d7d7; 
		text-align:left;
        background:white;
        height: auto;
	}
	
		
		
	/* ------------------- HEAD styles --------------------*/
	
	#head {
        width:830px;
        height: 123px;
        background: white;
    }
  
    ul.menu{
        margin:0;
        list-style: none;
        padding: 0;
    }
    
    ul.menu li.home, ul.menu li.topMenuItem {
        float:left;
        margin: 0px;
    }
    
    ul.menu li.ofMenuItem{
        float:left;
        margin: 10px;
    }
    
    .topMenuWrap {
        /*background:#00577f;
        border-bottom:1px solid #a8c2d7;
        border-left:1px solid #a8c2d7;
        border-right:1px solid #a8c2d7;*/
        background:white;
        border-bottom:1px solid #cccccc;
        border-left:1px solid #cccccc;
        border-right:1px solid #cccccc;                
        padding:0;
        position:absolute;
        display: none;
        margin-top:-2px;
        z-index: 10;
        _margin-top:43px;
    }
    
    .ofMenuWrap {
        padding:0;
        position:absolute;
        display: none;
        /*display:block;*/
        margin-top:0px;
    }
    
    ul.topMenuSubmenu, ul.topMenuSubmenu2{
        list-style: none;
        padding: 5px;
    }
    
    .topMenuSubmenuItem, .topMenuSubmenuItem2{
        padding:5px;
        padding-left: 10px;
        padding-right: 10px;
    }
    
    .topMenuSubmenuItem a:link, .topMenuSubmenuItem a:visited {
        text-decoration:none;
        color: #00517c;
    }
    
    .topMenuSubmenuItemOdd a:link, .topMenuSubmenuItemOdd a:visited {
        text-decoration:none;
        color: white;
    }
    
    .topMenuSubmenuItem a:hover, .topMenuSubmenuItem2 a:hover{
        text-decoration:underline;
    }
    
    .topMenuSubmenuItem a:hover, .topMenuSubmenuItem2 a:hover, .topMenuSubmenuItemOdd a:hover{
        text-decoration:underline;
    }
    
    .ofMenuItem a:link, .ofMenuItem a:visited {
        text-decoration:none;
        /*color: #939598;*/
        color: #0086c3;
        font-size: 9pt;
        font-family: Verdana;
        font-weight:bold;
    }
    
    .ofMenuItem a:hover {
        text-decoration:underline;
    }
    
    .topMenuSubmenuItem2 a:link, .topMenuSubmenuItem2 a:visited {
        text-decoration:none;
        color: #00517c;
        font-weight: bold;
    }
    
    
    
    .topMenuWrapFloat{
        float:left;
    }
    
    .modeloTitulo{
        color:black;
        font-family:Verdana;
        font-weight:bold;
        font-size: 12pt;
        height: 60px;
    }
    
    
    /* ------------------- INFOWINDOW GOOGLE MAPS --------------------- */
    .infowindow{
        overflow: hidden;
        margin: 0px;
        height: 50px;
        width: 280px;
    }
    
    .infowindow .logo{
        float: left;
        width: 32px;
        height: 24px; 
    }
    
    .infowindow .title{
        font-size: 8pt;
        font-weight: bold;
        margin-left: 5px;
        width: 240px; 
        height: 24px;
        float: left;
    }
    
    .infowindow .content{
        clear: both;
        font-size: 7pt;
        text-align: right;    
    }
    
    .ui-autocomplete {
        background-color: white;
        width: 300px;
        border: 1px solid #cfcfcf;
        list-style-type: none;
        padding-left: 0px;
        font-size: 8pt;
    }
    
    
    /* ------------------- END GOOGLE MAPS ---------------- */
    
    
    
    
    /* ------------------- SLIDERS ------------------------ */
    
    #nav a { margin: 5px 3px; padding: 5px; border: 0; background: url(imgs/icoNav_off.png); text-decoration: none; font-size: 0px; }
    #nav a:hover { background: url(imgs/icoNav_on.png) }
    #nav a.activeSlide { background: url(imgs/icoNav_act.png) }
    #nav a:focus { outline: none; }
    #navContent{ position: absolute; bottom: 0px; right: 0px; z-index: 15;}
    #nav { float:left; margin-top: 10px; }
    #navControls { margin-left: 5px; float:left; }
    #slider1 { position: relative; width: 830px; clear:both; top:-2px; border-bottom: 1px solid #2e7e9e}
    
    
    .navOfItems a { margin: 2px 3px; padding: 5px; border: 0; background: url(imgs/icoNavOf_off.png) no-repeat; text-decoration: none; font-size: 0pt; }
    .navOfItems a:hover { background: url(imgs/icoNavOf_on.png) no-repeat}
    .navOfItems a.activeSlide { background: url(imgs/icoNavOf_act.png) no-repeat}
    .navOfItems a:focus { outline: none; }
    .navOfContent{ position: absolute; bottom: -5px; right: 0px; z-index: 20;}
    .navOfItems { float:left; margin-top: 10px; }
    .navOfControls { margin-left: 5px; float:left; }
    .sliderOf{ position:relative;}
    
    /* ------------------- END SLIDERS ------------------------ */
    
    
    .oferta{
        background: url(imgs/bkgOf.png) repeat-x white;
        -moz-border-radius: 15px;
        border-radius: 15px;
        border: 1px solid #d9dedf;
        margin: 15px;
        float:left;
    }
    
    .ofertaList{list-style-type: none; padding:0;margin:0}
    .ofertaList li{
        border-bottom: 1px solid #d9dedf;
        color: #525355;
        background-image:url(imgs/selector_off.png);
        background-repeat:no-repeat;
        background-position: 0px 5px;
        padding-left:30px;
    }
    .iframeServicio{width:620px;height:300px;display:none;}
    .contratarServicio{position:absolute;top:0px;right:0px;width:98px;}
    .legalText{font-size:8pt;color:#b3b3b3;}
    .invalid{border: 2px solid red}
    .privateMenuItem{float:left; margin-left: 15px;  margin-top: 15px; text-align:center}
    .privateMenuItem a {text-decoration:none}
    .privateMenuItem a:hover {text-decoration:underline}
    .regFormTitle{float:left; width: 300px; text-align: right; margin-right:5px; font-weight:bold;font-size: 8pt;color:#666666;}
    .regFormField{float:left;  text-align: left; margin-left:5px;}
    .regFormField input {font-size: 8pt}
    .regFormField select {font-size: 8pt}
    .regFormErr{float:left; margin-left: 10px;font-size: 9px;font-weight:bold;color:red;text-align:left;}
    
    
    .linkTarifasDisabled, .linkTarifasDisabled a:link, .linkTarifasDisabled a:hover, .linkTarifasDisabled a:visited, .linkTarifasDisabled a:active {
        font-size:12pt;
        font-weight:bold;
        text-decoration:none;
        color:#b8b8b8;
    }
    
    .linkTarifasEnabled, .linkTarifasEnabled a:link, .linkTarifasEnabled a:hover, .linkTarifasEnabled a:visited, .linkTarifasEnabled a:active {
        color:black;
        text-decoration:none;
        font-size:12pt;
        font-weight:bold;    
    }
    
    .dropableHover{
        background: #b4d9ff;
    }
    
    .dropableActive{
        background: #dcedff;
    }
    
    .oldtarifaItem{
        border:1px solid #cccccc;
        background-color:white;
        background-image: url(imgs/bkgItem.png);
        background-repeat: repeat-x;
        background-position: bottom;
    }
    .tarifaItem{
        border:1px solid #00517a;
        background-color:#eff2f6;
    }
    
    #fonsCapa{
        background-image: url(imgs/fondo.png);
        background-repeat:repeat;
        background-position:center;
        height:100%;
        width:100%;
        display: none;
        top: 0px;
        z-index:20;
        position:fixed;
        text-align: center;
        border:1px solid green;
    }
    
    #capa{
        position: relative; 
        width:740px;
        text-align:center; 
        margin: 150px auto; 
        background: #f9f9f9; 
        color: black;
        border: 1px solid #999999;
        padding: 25px;
    }
    
    .privateMenuItem{float:left; margin-left: 15px;  margin-top: 15px; text-align:center}
            .privateMenuItem a {text-decoration:none}
            .privateMenuItem a:hover {text-decoration:underline}
    
    #pie{
        text-align:center; 
        font-family: Verdana; 
        font-size: 8pt; 
        color: #cccccc; 
        margin: 10px auto;
    }
    
    #pie a:link{
        text-align:center; 
        font-family: Verdana; 
        font-size: 8pt; 
        color: #cccccc; 
        margin: 10px auto;
    }
    
    #pie a:visited{color: #cccccc;text-decoration:none;}
    
    #pie a:hover{text-decoration: underline;}
    
    #pie a:active{text-decoration: none;}