/* :::::::::::::::::::::::::::: CIP (CENTRE INTERACTIU DEL PEIX) ::::::::::::::::::::::::::::: */

body {
    margin: 0;
    padding: 0;
    background: url(/img/bg.jpg) no-repeat top center;
    background-color: #10101e;
    font-family: Georgia, Times, "Times New Roman", serif;
    font-size: 14px;
    color: #000033;
    line-height: 19px;
    text-align: justify;}

#container {
    position: relative;
    left: 50%;
    width: 972px;
    margin-left: -480px;}
    
    
        #idioma {
            position: relative;
            top: 15px;
            text-align: right;
            padding-right: 10px;
            font-family: Arial, Helvetica, sans-serif;
            font-size: 11px;
            color: #fff;
            font-weight: bold;}
            #idioma a {color:#fff; text-decoration:none; padding:5px;}
            #idioma a:hover {color:#ff7f50; text-decoration:none;}
            

        #menu-top {
            position:relative;
            float: right;
            right: 35px;
            top: 31px;
            background: url(/img/menu.png) no-repeat;
            width: 508px;
            height: 86px;
            font-family: Arial, Helvetica, sans-serif;
            font-size: 14px;}
            #menu-top ul {position:relative; left:-37px; list-style:none; width:700px;}
            #menu-top ul li {float:left; color:#fff; font-weight:bold; width:120px; padding:15px 8px 0 0; *padding:30px 8px 0 0; text-align:center;}
            #menu-top a {color:#fff; text-decoration:none;}
            #menu-top a:hover {color:#ff7f50; text-decoration:none;}
            #menu-top .on {color:#ff7f50; text-decoration:none;}
        
        
        #main {
            clear: both;
            position: relative;
            top:88px;
            min-height: 500px;
            padding: 0 60px 20px 60px;}
            
                #submenu {
                    position:relative;
                    float: right;
                    margin-top: -60px;
                    background: url(/img/submenu.png) no-repeat;
                    width: 224px;
                    height: 400px;
                    margin-left: 20px;}
                    #submenu ul {position:relative; list-style:none; top:50px; padding-right:25px;}
                    #submenu ul li {text-align:left; padding-bottom:15px;}
                    #submenu a {color:#fff !important; text-decoration:none !important;}
                    #submenu a:hover {color:#FF7F50 !important; text-decoration:none !important;}
                    #submenu .on, #submenu a.on {color:#FF7F50 !important; text-decoration:none;}
                
                
                /* HOME :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
                #home-slider-wrap {float:left; width:342px; position:relative; top:20px; left:5px;}         
                    .stripViewer .panelContainer .panel ul  {text-align:left; margin:0 15px 0 30px;}
                    .stripViewer {position:relative; overflow:hidden; width:342px; height:257px;}
                    .stripViewer .panelContainer {position:relative; left:0; top:0;}
                    .stripViewer .panelContainer .panel {float:left; height:100%; position:relative; width:342px;}
                    .stripNavL, .stripNavR, .stripNav {display:none;}
                    .nav-thumb {border:1px solid #000;}
                    #movers-row {margin:0;}
                    #movers-row div {width:68.3px; float:left;}
                    .photo-meta-data {background:url(/img/home-galeria/images/transpBlack.png); padding:10px; height:30px; margin-top:-55px; position:relative; z-index:9999; color:white;}
                    .photo-meta-data span {font-size:13px;}
                    .cross-link {display:block; text-align:center; margin-top:-14px; position:relative; padding-top:15px; z-index:9999;}
                    .active-thumb {background:transparent url(/img/home-galeria/images/icon-uparrowsmallwhite.png) top center no-repeat;}
                    
                #home-presentacio {position:relative; float:left; width:490px; padding-left:20px; top:13px; z-index:1;}
                    #home-presentacio h1 {margin:0; padding-bottom:6px; font-size:26px; color:#0052A3; font-weight:normal; line-height:27px;}
        
                
                /* GENERAL :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
                #main #fotos {float:right; padding:0 0 15px 15px; width:300px;}
                    #main #fotos img {padding-top:20px;}
                #main .right {float:right; padding:20px 0 20px 20px;}
                #main .tit {position:relative; top:30px; margin:0 10px 40px 0; background:url(/img/tit.png) no-repeat; width:520px; height:44px;}
                #main .tit h1 {margin:0; font-size:28px; color:#0052A3; font-weight:normal; line-height:27px;}
                #main .sub {font-size:22px; color:#0052A3; font-weight:normal; padding-top:10px;}
                #main .sub2 {color:#eb5f12; font-weight:bold;}
                #main a {color:#000033; text-decoration:underline;}
                #main a:hover {color:#ff7f50; text-decoration:underline;}
                #main .titular {font-size:22px; color:#0052A3; font-weight:normal; line-height:24px;}
                
                #main #RsBd ul {list-style:none;}
                #main #RsBd ul li {padding-bottom:15px; margin-left:-40px;}
                    
                #main .paginacio{
                    position:relative;
                    margin-top:10px;
                    width:100%;
                    padding:10px;
                    color:#0083D7;
                    text-align:right;}
                #main .paginacio .selected{
                    color:#fff;
                    background-color:#0052A3;
                    padding:2px;}
                
                
                /* COL.LABORA :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
                .colabora {float:left; margin:30px 30px 20px 30px; background:url(/img/colabora/colabora.gif) no-repeat; width:222px; height:182px; text-align:center;}
                    .colabora img {position:relative; padding:7px 1px 0 1px;}
                    
                /* GALERIA :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
                .foto {float:left; margin:0 10px 20px 11px; width:100px; height:140px; text-align:center; font-size:10px;}
                    .foto a {color:#000033; text-decoration:none;}
                    .foto a:hover {color:#ff7f50; text-decoration:underline;}
                    .foto img {border:1px solid #0052A3;}
                                        
                /* COM ARRIBAR :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
                #map_canvas {width:850px; height:350px;}    
                
                
                /* VISITA AL CIP :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
                #mapa_cip {position:relative; height:675px;}    
                    #desc {
                        position:absolute;
                        top:0;
                        left:0;
                        width:500px;
                        text-align:justify;
                        z-index:1;}
                    #punto0, #punto1, #punto2, #punto3, #punto4, #punto5, #punto6 {
                        position:absolute;
                        display:none;
                        top:0;
                        left:130px;
                        width: 550px;
                        text-align:justify;
                        background-color:#fff;
                        padding:15px;
                        border: 1px solid #0052A3;
                        z-index:3;}
                    #mapa_cip .zona {text-align:center; color:#ff7f50; font-size:18px;} 
                    #mapa_cip p img {padding:2px; margin:10px; border: 1px solid #0052A3;}  
                    #mapa_cip .cerrar {position:relative; float:left; padding-right:15px;}
                .galeria {position:absolute; display:none; width:337px; height:240px; background:url(/img/visita/galeria/bg.png); z-index:3;}
                .galeria img {padding:15px;}
                .gal1 {top:95px; left:150px;}
                .gal1bis {top:55px; left:190px;}
                .gal1bis2 {top:55px; left:190px;}
                .gal2 {top:15px; left:50px;}
                .gal2bis {top:15px; left:150px;}
                .galfrontal {top:55px; left:200px;}
                .galintermedi {top:55px; left:240px;}
                .gal3 {top:55px; left:200px;}
                .gal3bis {top:25px; left:300px;}
                .gal4 {top:55px; left:370px;}
                .gal5 {top:95px; left:390px;}
                .gal6 {top:95px; left:290px;}
                .galbalanca {top:165px; left:190px;}
                .galentrada {top:285px; left:110px;}

                #num0 {z-index:2; position:absolute; top:575px; left:315px;}
                #num1 {z-index:2; position:absolute; top:425px; left:235px;}
                #num2 {z-index:2; position:absolute; top:265px; left:465px;}
                #num3 {z-index:2; position:absolute; top:157px; left:627px;}
                #num4 {z-index:2; position:absolute; top:255px; left:742px;}
                #num5 {z-index:2; position:absolute; top:314px; left:743px;}
                #num6 {z-index:2; position:absolute; top:392px; left:609px;}

                
                
        #menu-bottom {
            clear: both;
            position: relative;
            top: 70px;
            left: -2px;
            text-align: center;
            color: #fff;
            background:url(/img/bottom.gif) no-repeat;
            height:250px;
            width:973px;
            font-size:11px;}
            #menu-bottom p {padding-top:100px;}
            #menu-bottom a {color:#fff; text-decoration:none; padding:3px;}
            #menu-bottom a:hover {color:#FF7F50; text-decoration:none;}
            #menu-bottom .on, #menu-bottom a.on {color:#FF7F50; text-decoration:none; padding:3px;}
            
            .cinco {
                position:relative;
                float:right;
                top:30px;}
            
            

/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/* ::::::::::::::::::::::::::::: FORMULARIS ::::::::::::::::::::::::::::::: */
/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
    
    input {
        color: #000;
        background-color: #fff;
        border: 1px solid #ccc;}

    textarea {
        color: #000;
        background-color: #fff;
        border: 1px solid #ccc;}