@charset "utf-8";

body{
    font-family: Arial;
    font-size: 12px;
    line-height: 18px;
    color: #262855;
    margin:0;padding:0;
}
a{text-decoration:none;}
a:hover{text-decoration:underline;}
.cont{margin:0 auto;width:900px;}
.neteja{clear: both;}
#contingut{margin-top:50px;}
h1{
    font-family: "Myriad Pro",Arial,Helvetica,Tahoma,sans-serif;
    font-size: 34px;
    line-height: 34px;
    color:#004D80;
    font-weight: normal;
    margin:0;
    margin-bottom:5px;
}
h2{
    color:#5D87A1;
    font-family: "Myriad Pro",Arial,Helvetica,Tahoma,sans-serif;
    font-size: 16px;
    line-height: 18px;
    font-weight: normal;
    margin:0;
}
h3{
    color: #00ACC9;
    font-family: "Myriad Pro",Arial,Helvetica,Tahoma,sans-serif;
    font-size: 18px;
    line-height: 18px;
    font-weight: normal;
    margin:0;
}
h4{margin:0;}
#cap{
    height: 199px;
    background: url(../img/img_cap.jpg) no-repeat top right #1D54A4;
    color:#fff;
}
#cap a{color:#fff;}
#logo {
    display: block;
    float: left;
    height: 161px;
    margin-top: 9px;
    width: 188px;
}

#logo2 {
    display: block;
    float: left;
	margin-left: 40px;
    height: 41px;
    margin-top: 9px;
    width: 415px;

}

#idiomes {
    float: right;
    font-size: 12px;
    margin-top: 20px;
    text-align: right;
}
#idiomes ul li {
    float: left;
    list-style-type: none;
    margin-left: 10px;
    padding: 3px;
}
#idiomes ul {
    margin: 0 0 40px;
    padding: 0;
}
#idiomes a{text-shadow: 1px 1px 0px rgba(0, 0, 0, 1);}
#menu {
    float: right;
    width: 658px;
}
#menu ul {
    margin-top: 57px;
    padding:0;
    text-align: right;
    width: 100%;
}
#menu li {
    display: inline-block;
    width: auto;
}
#menu a {font-size: 15px;padding:4px 8px;display: inline-block;text-shadow: 1px 1px 0px rgba(0, 0, 0, 1);}
#menu a:hover, #menu a.sel{
    background-color: #077EC2;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-decoration: none;
}

.submenu{
    margin:0;
    padding:0;
    height:53px;
    border:1px solid #D9D9D9;
    background: rgb(241,242,244); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(241,242,244,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(241,242,244,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(241,242,244,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(241,242,244,1) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(241,242,244,1) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(241,242,244,1) 0%,rgba(255,255,255,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f2f4', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
    text-align: right;
    list-style:none; 
}
.submenu li{display: inline-block;width:auto;padding: 3px 5px;border-left:1px solid #DADCDB;}
.submenu li a{color:#979797;font-size: 14px;padding:5px;}
.submenu li a:hover, .submenu li a.sel{color:#fff;background-color: #fa8600;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;text-decoration:none;}

.contingut_item{padding-top:30px;margin-top: 30px;border-top: 1px solid #DFDFDF;}
.contingut_item .info{width:500px;float:left;}
.contingut_item .imatges{width:360px;float:right}
.contingut_item .imatges img{
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    width: 80px;height: 50px;
    margin:5px 3px;
}
.contingut_item .imatges a:hover{text-decoration: none;}
.contingut_item .img_principal img{width: 360px;height: 220px;display: block;}
.contingut_item .info h2{font-size: 32px;line-height: 32px;color:#262855;}

#peu {
    padding-top: 80px;
}
#peu a, #peu {
    color: #3D5C75;
    font-family: Arial;
    font-size: 11px;
    text-decoration: none;
}
#peu a:hover, #peu a.sel {
    text-decoration: underline;
}
#menu_peu {
    float: left;
    margin-top: 10px;
    width: 550px;
    padding: 0;
}
#menu_peu li {
    display: inline-block;
    margin-right: 15px;
    width: auto;
}

.cont_slider {
    border: 1px solid #FFFFFF;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 0 3px rgba(25, 25, 25, 0.75);
    overflow: hidden;
    position: relative;
    top: -60px;
}

.cont_slider img {
    display: block;
    width: 898px;
    height: 263px;
    position: relative;
    top:-12px;
}
.cont_banner{
    width: 217px;
    text-align: center;
    float:left;
    background-position: center center;
    background-repeat: no-repeat;
    margin-left: 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
}
.cont_banner a{padding:15px;}
.cont_banner.ban1{margin-left: 0;}
.cont_banner.ban1 a{background-color: #009DE0;}
.cont_banner.ban2 a{background-color: #007AE7;}
.cont_banner.ban3 a{background-color: #184E96;}
.cont_banner.ban4 a{background-color: #003085;}
.cont_banner a:hover{background-color: transparent;text-decoration: none;}

.cont_banner span,
.cont_banner a{display: block;font-family: "Myriad Pro",Arial,Helvetica,Tahoma,sans-serif;text-shadow: 1px 1px 0px rgba(0, 0, 0, 1);}

.cont_banner span.titol{font-size: 21px;color:#fff;line-height: 23px;}
.cont_banner span.subtitol{font-size: 21px;color:#fff;font-weight: bold;line-height: 23px;}
.cont_banner span.mesinfo{font-size: 11px;color:#fff;}
.cont_banner span.separador{background: url(../img/separador.png) no-repeat center center;height: 13px;margin:10px 0;}


.separador_home{
    border-top:1px solid #E3E7E6;height:28px;margin: 40px 0;
    background: rgb(236,240,239); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(236,240,239,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(236,240,239,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(236,240,239,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(236,240,239,1) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(236,240,239,1) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(236,240,239,1) 0%,rgba(255,255,255,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ecf0ef', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.cont_centres h2.primera_bold{font-size: 34px;line-height: 36px;color: #5D87A1;}
.centre{
    width: 225px;
    float:left;
    margin-top:20px;
    padding-top:20px;
    padding:0 36px;
    border-left:1px solid #e2e2e2
}
.centre .cont_img img{
    width: 225px;border: 1px solid #D4D5D7;width:195px;width:195px;display: block;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.centre .cont_info{margin-top:15px;}

.centre .cont_info h2 a{font-size: 16px;line-height: 18px;color: #3C5162;font-weight: bold;}
.centre .cont_info h3 a{font-size: 20px;line-height: 22px;color: #5D87A1;font-weight: normal;}
.centre .cont_info h4 a{font-size: 12px;line-height: 14px;color: #3C5162;font-weight: bold;}

.llista_centres{list-style: none;margin:0;padding:0;}
.llista_centres li{margin-bottom:15px;}
.llista_centres h2 a{font-size: 12px;line-height: 14px;color: #3C5162;font-weight: bold;}
.llista_centres h3 a{font-size: 16px;line-height: 18px;color: #5D87A1;font-weight: normal;}
.llista_centres h4 a{font-size: 12px;line-height: 14px;color: #3C5162;font-weight: bold;}

#map_canvas{
    border:1px solid #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0px 0px 2px rgba(50, 50, 50, 0.75);
    -moz-box-shadow:    0px 0px 2px rgba(50, 50, 50, 0.75);
    box-shadow:         0px 0px 2px rgba(50, 50, 50, 0.75);
}

.boto{
    color:#fff;
    background: #1e5799; /* Old browsers */
    background: -moz-linear-gradient(top,  #1e5799 0%, #207cca 46%, #2989d8 54%, #7db9e8 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e5799), color-stop(46%,#207cca), color-stop(54%,#2989d8), color-stop(100%,#7db9e8)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #1e5799 0%,#207cca 46%,#2989d8 54%,#7db9e8 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #1e5799 0%,#207cca 46%,#2989d8 54%,#7db9e8 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #1e5799 0%,#207cca 46%,#2989d8 54%,#7db9e8 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #1e5799 0%,#207cca 46%,#2989d8 54%,#7db9e8 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0px 0px 3px rgba(50, 50, 50, 0.75);
    -moz-box-shadow:    0px 0px 3px rgba(50, 50, 50, 0.75);
    box-shadow:         0px 0px 3px rgba(50, 50, 50, 0.75);
    border:0;
    padding:5px 10px;
    cursor: pointer;
}
.boto:hover{
    background: #7db9e8; /* Old browsers */
    background: -moz-linear-gradient(top,  #7db9e8 1%, #2989d8 44%, #207cca 56%, #1e5799 99%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#7db9e8), color-stop(44%,#2989d8), color-stop(56%,#207cca), color-stop(99%,#1e5799)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #7db9e8 1%,#2989d8 44%,#207cca 56%,#1e5799 99%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #7db9e8 1%,#2989d8 44%,#207cca 56%,#1e5799 99%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #7db9e8 1%,#2989d8 44%,#207cca 56%,#1e5799 99%); /* IE10+ */
    background: linear-gradient(to bottom,  #7db9e8 1%,#2989d8 44%,#207cca 56%,#1e5799 99%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7db9e8', endColorstr='#1e5799',GradientType=0 ); /* IE6-9 */

}
.input_form{
    padding:5px 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border:0;
    -webkit-box-shadow: 0px 0px 3px rgba(50, 50, 50, 0.75);
    -moz-box-shadow:    0px 0px 3px rgba(50, 50, 50, 0.75);
    box-shadow:         0px 0px 3px rgba(50, 50, 50, 0.75);
}

.taula_form label{display:block;}
label.error{color: #F00;padding-bottom: 10px;}
input.bona{
    padding:2px 5px;
    width:238px;
}

.bona{
    background: #ffffff; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk5JSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(top,  #ffffff 0%, #eeeeee 99%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(99%,#eeeeee)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#eeeeee 99%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 0%,#eeeeee 99%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 0%,#eeeeee 99%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffffff 0%,#eeeeee 99%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); /* IE6-8 */
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border:1px solid #ddd;
}

.cont_inp_lopd{
    background-color: #1d54a4;
    color:#fff;
}
.cont_inp_lopd label.error{display: inline;padding: 0;}

.promocions_link{
    background-color: #fa8600;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding:5px;
}
.llistacontinguts{
list-style:none;
padding:0px;

}
.llistacontinguts li{
display:inline-block;
border-left: 1px solid #DADCDB;
margin-bottom:5px;
padding:0px 5px;
}
.llistacontinguts li a{
text-decoration:none;
color: #979797;
padding: 5px;
}
.llistacontinguts li a:hover{
color: #fff;
background-color: #fa8600;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;

}