@charset "UTF-8";
/* =CALL LIBRARY */
        @import url("reset-min.css"); /* ------- Reset all CSS Styles */

/* =GENERAL - the general styles */ 
        body{

  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;        
  line-height: 18px;
  color: #666666;
        
        }
        a{text-decoration: none;color: #BB1918;}
        a:hover{text-decoration:underline;}
        hr{display: none;}
        strong{font-weight: bold;}
        ul.borderedlist li{
                border-bottom: 1px solid #fff;
        }
        ul.borderedlist li a{
                display: block;
                padding:3px 10px 3px 10px;
                font-size: 13px;
                color: #FFF;

                
        }
        ul.borderedlist li a:hover{text-decoration:none; background: #64C9F3 url(../images/shiny/header_bg_cel.png) repeat-x;color: #42423b;}
        
/* =LAYOUT - the main layout styles */
        .container{
                width:900px;
                margin: 0 auto;
                position: relative;
                overflow:hidden;
        }
        /* header layout */
        #header{
                height: 253px;
                background: #4a4841 url(../images/top_bg.jpg) top repeat-x;
                position: relative;
        }
        #navigation{
                position: absolute;
                right: 0;
                top:20px;
        }
        /* main area layout */



        #main{padding:10px 20px 20px 20px;background: #FFF;}
        #folio{width:940px;
                margin: 0 auto;
                position: relative;
                overflow:hidden;
                background: #FFF;
                padding: 0px 0 0 0 ;
        }

/* main area layout a 3 columnas con menu izquiera */
        #a #leftcolumn{float: left;width:193px;}
        #a #center{float: left;padding: 0 20px;width:45%;}
        #a #rightcolumn{float: right;}

/* main area layout b 2 columnas menu izquierda*/

        #b #leftcolumn{float: left;width:190px;}
        #b #center{float: left;padding: 0px 0px 0px 20px ; width:710px;}


/* main area layout c 3 columnas menu derecha*/

        #c #leftcolumn{float: right;width:193px;}
        #c #center{float: left;padding: 0 20px;width:590px;}
        #c #rightcolumn{float: left;width:160px;}

/* main area layout d 2 columnas menu derecha*/

        #d #leftcolumn{float: right;width:210px; border:1px solid #CCC; background: #FFFFC6;}
        #d #center{float: left;padding: 0px 0px 0px 20px ;width:650px;}
        #d #rightcolumn{float: right;}

        #e #center{float: left;padding: 0 20px;width:950px;}



        /* bottom layout */
        #bottominfo{
        

                width: 100%;
                overflow: hidden;
        }
        .bottomcolumn{
                float: left;
                width:250px;
                margin-right: 18px;
                background: #7DBE0A;
        }
        .bottomright{margin-right:0;}
        
/* =HEADER - the header styles */
        #header .container{height: 253px;}
        
        /* top navigation */
        #navigation li{
                float: left;
                padding-right: 27px;
                text-transform: uppercase;
                font-size: 12px;
                font-weight: normal;
        }
        #navigation li a{color: #fff;}
        #navigation li a:hover,#navigation li.active a{color: #2c2c2c;}
        /* message and building pic */
        #banner{
                position: absolute;
                height: 125px;
                color: #a49c8f;
                font-weight: bold;
                padding:0 440px 0 7px;
                bottom: 0;
                background: url(../images/building.gif) right bottom no-repeat;
                font-size: 12px;
        }
        
/* =CONTENT - the content styles */
        /* left column */
        .leftbox{background: #FFF;padding: 0px 0px 0px 0px;margin-bottom:3px;}
        h3.leftbox{font-size:19px;color: #8c8685; background: #80BCE9;padding:5px 0 10px 23px;}
        h3.header_small{font-size:15px;font-weight: bold;background: #f1f0ef;padding:0 23px 5px 23px;}
        ul.leftbox{}

        .features{padding:15px;}
        
        #leftcolumn .leftbox p{font-size:12px}        
        /* center column */
        .article_wrapper h2{color: #4AA0E0;;margin:10px 0;}
        .article_wrapper p{padding-bottom:10px;}

#center h2{
color: #000; 
font-size:22px ;  
margin-top:0px;
margin-bottom:10px;   
border-bottom: 2px solid #D32E12;  
padding-bottom:4px;
clear:both;
}

#portada h2{
color: #000; 
font-size:26px ;  
margin-top:0px;
margin-bottom:10px;   
border-bottom: 2px solid #D32E12;  
padding-bottom:4px;
clear:both;
}


        h3{color: #4AA0E0; font-size:18px ;margin:10px 0;}
        p{padding-bottom:10px;font-size:18px;}






 



UL.col3 
{ 
PADDING-RIGHT: 0px; 
PADDING-LEFT: 0px; 
FLOAT: left; 
PADDING-BOTTOM: 0px; 
MARGIN: 0px 0px; 
WIDTH: 100%; 
PADDING-TOP: 0px; 
LIST-STYLE-TYPE: none 
} 

UL.col3 LI 
{ 
PADDING-RIGHT: 2px; 
DISPLAY: inline; 
PADDING-LEFT: 10px; 
FLOAT: left; 
PADDING-BOTTOM: 2px; 
WIDTH: 22%; 
PADDING-TOP: 2px 
} 
        
        /* right column */
        .rightbox_wrapper{
background: #BB1918 url(../images/shiny/header_bg.png) repeat-x; 
                padding:5px;
                margin-bottom: 20px;
                width:277px;
                overflow: hidden;
                font-size:11px;
                color: #CCC;
        }
        .rightbox{width:275px;overflow: hidden;padding-bottom:6px;}
        .product_image{ float: left;margin: 14px 0 0 6px;}
        .product_wrapper{float: right;width:200px;}
        .product_wrapper h4{color: #483F3D;font-weight: bold;padding-top:10px;}
        .product_wrapper p{}
        .lastbox{margin:0;}


        
/* =BOTTOM */
        .bottomcolumn h3{
                border-bottom: 4px solid #BB1918;
                color: #BB1918; font-size:20px;padding:15px 0 5px 5px;
        }
        .bottomcolumn p{
                padding: 10px 35px 10px 5px;
        
        }
        .iconlist{
                border-top: 1px dashed #d1cfcd;

        }
        ul.iconlist li a{
                padding-left: 25px;
                background: url(../images/footer_list.jpg) left bottom no-repeat;
        }
        ul.iconlist  li a:hover{background: #E9E4DE url(../images/footer_list.jpg) left top no-repeat;color: #42423b;}
        .enewsbox{
                float: left;
                width: 180px;
                height: 17px;
                padding:3px 5px;
                border: 4px solid #5599A7;
                font-size:13px;
        }
        .button{
                display: block;
                float: left;
                width: auto;
        
                text-align: center;
                background: #659AA6;
                border: 4px solid #fff;
                color: #fff;
                cursor: pointer;
                margin:0;
                padding:3px 8px; /* IE6 */
        }
        #buscador{
                float:right;
                position:absolute; right:200px; top:60px;
        }
        .busqueda{
                float: left;
                width: 230px;
                height: 27px;
                padding:3px 5px;
                border: 4px solid #79C3EE;
                font-size:20px;
                color: #444;
        }
        .boton{
                display: block;
                float: left;
                width: 120px;
                height:40px;
                text-align: center;
                background: #64C9F3 url(../images/shiny/header_bg_cel.png) repeat-x;
                border: 0px solid #fff;
                margin-left:4px;
                color: #fff;
                cursor: pointer;
                padding:3px 8px; /* IE6 */
        }
        .buscar{

                float: left;
        }
/* =FOOTER */
        #footer{
                height: 37px;
                background: #4a4841 url(../images/footer_bg.jpg) 0 0 repeat-x;

        }
        #footer a{color: #A39D97;}
        #designby{
                background: url(../images/logo.gif) 0 0 no-repeat;
                float: left;
                height: 23px;
                padding:2px 0 0 30px;
                margin-top: 5px;
        }
        #footer_navigation{
                float: right;
                padding-top:7px;
        }
        #footer_navigation li{float: left;padding-left:18px;}
        #footer_navigation li a{text-transform:uppercase;}
        #footer_navigation li a:hover{color: #5699A7;}


#dalt {
height:20px; clear:both;
}
#dalt h1 {margin-left: -5000px}

#logo {height:70px; margin: 20px auto 0 auto; width: 940px}
#logo h1 {font-size:50px}
#logo h2 {padding-top: 20px; font-size:20px; text-decoration:none; color:#AAA}

#solapas {height:25px;font-family:arial, verdana, sans-serif;}
#solapas ul {margin: 0 auto 0 auto; width: 900px;}
#solapas li {display:block;float:left; margin-left:10px;height:24px; padding:2px 0 0 0 ;}
#solapas li a{font-size:14px; font-weight:bold; padding:0px 10px 0px 10px; cursor:pointer; color:#000;}
#solapas li:hover a {  background: #64C9F3 url(../images/shiny/header_bg_cel.png) repeat-x; color:#FFF; text-decoration:none;  padding:3px 10px 7px 10px;}
#solapas li#current a{color:#FFF;}


/* botones */

#botones {font-family:arial, verdana, sans-serif;padding: 12px; height:20px}
#botones ul {margin: 0 auto 0 auto; width: 900px; background:transparent;}
#botones li {display:block;float:left;padding: 2px; border: 2px solid #FFF;margin-right:8px;}
#botones li a{font-size:14px; font-weight:bold; padding:0px 10px 0 10px ; cursor:pointer; color:#FFF;}
#botones li:hover{color:#FFF; background: #D32E12 url(../images/shiny/header_bg_vermell.png) repeat-x;}
#botones li:hover a {color:#FFF;  text-decoration:none }
#botones li#current a{color:#000;}








#ruta {margin-bottom:10px;}
#ruta a{color:#BB1918;}
#ruta a:hover{text-decoration:underline;}


#cabeza ul {margin: 0 auto 0 auto; width: 940px}
#cabeza li {display:block;float:left;}

#finalcabeza {clear:both}

#mapa {float:left; margin:10px;}
#mapa h2 {padding-left:100px; margin:0px}
#llistat {width: 200px; float:left;border-top: 0px solid #F86B08; padding: 0px; margin: 0px;}

#visitados{clear:both;}




#xsnazzy h1, #xsnazzy h2, #xsnazzy h3, #xsnazzy p {margin:0 10px; letter-spacing:1px;}
#xsnazzy h1 {color:#ccc;}
#xsnazzy h2 {color:#06a; border:0;}
#xsnazzy p {padding-bottom:0.5em;}
#xsnazzy h2 {padding-top:10px;}
#xsnazzy {background: transparent; margin-bottom:10px }

.xtop, .xbottom {display:block; background:transparent; font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 { border-left:1px solid #ddd; border-right:1px solid #ddd;}
.xb1 {margin:0 5px; background:#ddd;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}

.xboxcontent {display:block; border:0 solid #ddd; border-width:0 1px; padding:0px 10px 0px 10px; margin:0px;}




.float_left {
  float: left;
  margin-right: 10px;
}

.float_right {
  float: right;
  margin-left: 10px;
}

#feature_box {
  float:left;
  width:250px;
  background-color: #F6FCEC;
  border:1px solid #AAE5A4;
  padding:10px;
  margin-top:0px;
  margin-bottom:5px;
  margin-right:10px;
}

#ficha {
  float:right;
  width:250px;
  padding:0px;
  margin-bottom:5px;
  margin-left:10px;
}

.photo {
padding:10px;
margin:20px 20px 20px 0px;
text-align:center;
}

.foto {
  float:left;
  padding:0px;
  margin:0px;
}


/* Design box #1 */
.db1
{
        position:relative;
}
.db1 .db1_title
{
        float:none;
        background:#fff url('../images/db1_title_bg.png') repeat-x;
        border-right:1px solid #E8E8E8;
        height:34px;
}

.db1 .db1_title h3
{
        height:27px;
        background:url('../images/db1_title_bg_left.png') no-repeat scroll top left;
        display:block;
        padding-top: 7px; 
        padding-left: 20px;        
        color:#004FA2;
}

.db1 .db1_content
{
        background:#fff url('../images/db1_content_bg.png') no-repeat scroll top right;
}
.db1  .db1_container 
{
        background: url('../images/db1_content_bg.png') no-repeat scroll top left;
        padding: 10px;
        position:relative;
}





/* COLORS */


.blau{background: #1855B9 url(../images/shiny/header_bg_blau.png) repeat-x;} 
.blaup{background: #1855B9;} 


.cel{background: #64C9F3 url(../images/shiny/header_bg_cel.png) repeat-x; color:#000;} 
.celp{background: #64C9F3;} 


.groc{background: #F6F453 url(../images/shiny/header_bg_groc.png) repeat-x;} 
.grocp{background: #F6F453;} 


.hierba{background: #18B958 url(../images/shiny/header_bg_hierba.png) repeat-x;} 
.hierbap{background: #18B958;} 


.lila{background: #9D18B9 url(../images/shiny/header_bg_lila.png) repeat-x;} 
.lilap{background: #9D18B9;} 


.rosa{background: #F36490 url(../images/shiny/header_bg_rosa.png) repeat-x;} 
.rosap{background: #F36490;} 


.taronja{background: #F5A236 url(../images/shiny/header_bg_taronja.png) repeat-x;} 
.taronjap{background: #F5A236;} 


.turquesa{background: #1FD2B7 url(../images/shiny/header_bg_turquesa.png) repeat-x;} 
.turquesap{background: #1FD2B7;} 


.vermell{background: #D32E12 url(../images/shiny/header_bg_vermell.jpg) repeat-x; } 
.vermellp{background: #D32E12; }         


.verd{background: #99B918 url(../images/shiny/header_bg_verd.jpg) repeat-x; color:#000;}
.verdp{background: #99B918; }



.negre{background: #000 url(../images/shiny/header_bg_negre.png) repeat-x; color:#FFF;}
.negrep{background: #000; }

.gris{background: #CCC url(../images/shiny/header_bg_gris.jpg) repeat-x; color:#000;}
.grisp{background: #CCC; }

.blanc{background: #FFF url(../images/shiny/header_bg_blanc.jpg) repeat-x; color:#000;}
.blancp{background: #FFF; }




/*Forms defaults*/
input, textarea {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#404040;
}
label {
font-size:14px;
color:#999;
cursor:pointer;
padding-left:2px;
line-height:10px;
vertical-align:top;
}
label.chosen {
color:#333;
}

/*Transparent items*/
.transparent {
border:0px solid #FFF;
background:#FFF;
z-index:10;
cursor:pointer;
}
.transparentFake {
background:none;
border:none;
}
.transparent2 {
z-index:10;
}

/*Radio buttons*/
.radioAreaUnchecked, .radioAreaChecked {
z-index:5;
position:absolute;
width:15px;
height:15px;
cursor:pointer;
}
.radioAreaUnchecked {
background:url('../form/radio.gif') no-repeat left top;
}
.radioAreaChecked {
background:url('../form/radio.gif') no-repeat left bottom;
}

/*Checkboxes*/
.checkboxAreaUnchecked, .checkboxAreaChecked {
z-index:5;
position:absolute;
width:14px;
height:14px;
cursor:pointer;
}
.checkboxAreaUnchecked {
background:url('../form/checkbox.gif') no-repeat left top;
}
.checkboxAreaChecked {
background:url('../form/checkbox.gif') no-repeat left bottom;
}

/*Text inputs*/
.textinput, .textinputHovered {
width:236px;
height:15px;
background:url('../form/input.gif') no-repeat left top;
border:medium none;
padding-left:8px; padding-right:8px; padding-top:4px; padding-bottom:4px
}
.textinputHovered {
background-position:left bottom;
}

/*Text areas*/
.textarea, .textareaHovered {
width:336px;
height:125px;
background:url('../form/textarea.gif') no-repeat left top;
border:medium none;
padding-left:8px; padding-right:8px; padding-top:4px; padding-bottom:4px
}
.textareaHovered {
background-position:left bottom;
}

/*Selects*/
.selectArea {
width:200px;
height:21px;
background:url('../form/select_bg.gif') repeat-x left top;
}
.selectArea .left {
width:8px;
height:21px;
float:left;
background:url('../form/select_left.gif') no-repeat left top;
}
.selectArea .right {
width:21px;
height:21px;
float:right;
background:url('../form/select_right.gif') no-repeat left top;
}
.selectArea .right a {
display:block;
width:21px;
height:21px;
}
.selectArea .right i {
display:none;
}
.selectArea .center {
width:160px;
margin-left:5px;
margin-right:20px;
color:#FFF;
padding-top:3px;
}

/*Selects drop-down*/
.optionsDivInvisible, .optionsDivVisible {
position:absolute;
margin-top:-1px;
margin-left:3px;
width:172px;
background:#6f7074;
padding:2px;
font-size:1em;
z-index:20;
}
.optionsDivInvisible {
display:none;
}
.optionsDivVisible {
display:block;
}
.optionsDivVisible p {
margin:0;
padding:0;
}
.optionsDivVisible a {
color:#F2F2F2;
text-decoration:none;
display:block;
padding:1px 4px;
border:1px solid #6f7074;
}
.optionsDivVisible a:hover {
color:#FFF;
background:#5F6062;
border-color:#cfd0d6;
}

/*Button*/
.buttonSubmit, .buttonSubmitHovered {
width:69px;
height:26px;
color:#FFF;
font-weight:bold;
background:url('../form/button.gif') no-repeat left top;
cursor:pointer;
border:medium none;; padding-left:5px; padding-right:5px; padding-top:2px; padding-bottom:2px
}
.buttonSubmitHovered {
background-position:left bottom;
}