* { padding: 0; margin: 0; } 
html { height:100%; }

body {  height:100%; font-family: Tahoma, Arial, Sans-Serif; font-size:13px; color:#525252; line-height:150%; background: #FAF5E7;}

p { margin-bottom:15px; line-height:160%; }

a { text-decoration: none; color:#6E9406;}
a:hover, a:active { color:#C25E04; }

#header { margin: auto; width:960px; height:190px;}
#header-left {float:left; padding-top:37px;}
#header-right {float:right; width:345px; height:53px; background:url(../img/header-right.png) no-repeat; padding-top:10px; padding-left:10px;}
#header a img { border:0;}
#header-right a {color:#6E9406; font-weight:normal;}
#header-right a:hover, #header-right a:active {color:#C25E04; }
#header-right-subscriute {background:url(../img/header-right-subscriute.png) left no-repeat; padding-left:33px; float:left; padding-right:8px; height:29px; padding-top:14px;}
#header-right-recordatoris {background:url(../img/header-right-recordatoris.png) left no-repeat; padding-left:28px; float:left; padding-right:10px; height:29px; padding-top:14px;}
#header-right-demana-hora {background:url(../img/header-right-demana-hora.png) left no-repeat; padding-left:28px; float:left; padding-right:8px; height:29px; padding-top:14px;}

#header-right-subscriute { background:url(../img/header-right-subscriute-2x.png) no-repeat left; background-size: 32px 30px;}
#header-right-recordatoris { background:url(../img/header-right-recordatoris-2x.png) no-repeat left; background-size: 30px 30px;}
#header-right-demana-hora { background:url(../img/header-right-demana-hora-2x.png) no-repeat left; background-size: 30px 30px;}

#header-centre { float:left; width:145px; padding-top:9px; margin-left:180px; }
.link-header-veterinaria { display:block; width:44px; height:44px; background:url(../img/boto-capcalera-veterinaria.png) 0 0; float:left; margin-left:3px;}
.link-header-botiga { display:block; width:44px; height:44px; background:url(../img/boto-capcalera-botiga.png) 0 0; float:left; margin-left:3px;}
.link-header-perruqueria { display:block; width:44px; height:44px; background:url(../img/boto-capcalera-perruqueria.png) 0 0; float:left; margin-left:3px;}
.link-header-veterinaria:hover, .link-header-botiga:hover, .link-header-perruqueria:hover { background-position:0 47px }

#nav { clear:both; padding-top:35px;}
#nav ul { list-style:none;}
#nav ul li { display:inline; width:97px; text-align:center; padding-bottom:7px; float:left; margin-right:10px;}
#nav ul li a { font-family: Tahoma, Arial, Sans-Serif; font-size:15px; color:#6E9406; }
#nav ul li a:hover, #nav ul li a:active { color:#C25E04; }
#nav ul li.menu-active { background:url(../img/menu-active.png) bottom no-repeat;}
#nav ul li.menu-active a {color:#C25E04; cursor:default;}
#nav ul li.menu-amics {width:150px;}

#wrap-content { background: #FAF5E7 url(../img/bg-content.png) center bottom no-repeat; }
#content {margin:auto; width:960px; padding-top:20px;}

#subcontent-serveis {margin:auto; width:960px; padding-top:50px; }
#subcontent-veterinaria, #subcontent-botiga  {float:left; width:293px; margin-right:40px;}
#subcontent-perruqueria {float:right; width:293px;}
.subcontent-left {float:left; width:155px; margin-right:5px; }
.subcontent-right {float:right; width:133px;}
.subcontent-left p {line-height:140%; margin-bottom:0;}

#subcontent-destacats { margin:auto; width:975px; padding-left:10px; height:165px; padding-top:25px; margin-top:30px; background: url(../img/bg-subcontent-destacats.png) no-repeat; }
.subcontent-destacats-col {float:left; margin-left:20px; margin-right:10px; width:290px;}
.subcontent-destacats-col p {line-height:150%; font-size:14px;}

h1 { font-size:40px; color:#6C9206; font-weight:normal; margin-bottom:15px;}
h2 { font-size:21px; color:#525252; font-weight:normal; margin-bottom:10px;}
.subcontent-left h2 { font-size:21px; font-weight:normal; margin-bottom:7px; height:24px;}
h2.h2-subcontent-veterinaria {color:#4D789E; background:url(../img/img-h2-veterinaria.png) left no-repeat; padding-left:47px; padding-top:21px;}
h2.h2-subcontent-veterinaria a {color:#4D789E;}
h2.h2-subcontent-botiga {color:#D3594C; background:url(../img/img-h2-botiga.png) left no-repeat; padding-left:47px; padding-top:21px;}
h2.h2-subcontent-botiga a {color:#D3594C;}
h2.h2-subcontent-perruqueria {color:#F2983A; background:url(../img/img-h2-perruqueria.png) left no-repeat; padding-left:40px; padding-top:21px;}
h2.h2-subcontent-perruqueria a {color:#F2983A;}
.subcontent-destacats-col h2 {font-size:21px; font-weight:normal; margin-bottom:7px; height:28px; color:#6E9406;}
h2.h2-subcontent-subscriute {background:url(../img/img-h2-subscriute.png) left no-repeat; padding-left:57px; padding-top:10px; margin-bottom:15px;}
h2.h2-subcontent-recordatoris {background:url(../img/img-h2-recordatoris.png) left no-repeat; padding-left:44px; padding-top:10px; margin-bottom:15px;}
h2.h2-subcontent-demana-hora {background:url(../img/img-h2-demana-hora.png) left no-repeat; padding-left:46px; padding-top:10px; margin-bottom:15px;}
h3 { margin-left:10px; font-size:17px; color:#FF7F00; font-weight:normal; margin-bottom:5px;}

h1.h1-veterinaria {color:#4D789E; background:url(../img/img-h2-veterinaria.png) left no-repeat; padding-left:47px;}
h2.h2-veterinaria {color:#4D789E; font-size:30px;}
h1.h1-botiga {color:#D3594C; background:url(../img/img-h2-botiga.png) left no-repeat; padding-left:47px; padding-top:6px; }
h1.h1-perruqueria {color:#F2983A; background:url(../img/img-h2-perruqueria.png) left no-repeat; padding-left:45px;}
h2.h2-verd {color:#6C9206; font-size:30px;}

h1.h1-novetats {color:#6C9206; background:url(../img/novetat-h1.png) left no-repeat; padding-left:47px;}
h1.h1-taulell-anuncis {color:#6C9206; background:url(../img/anuncis-h1.png) left no-repeat; padding-left:44px;}
h2.h2-contacte { color:#6C9206;}

h1.h1-subscriute {color:#6C9206; background:url(../img/subscriute-h1.png) left no-repeat; padding-left:55px;}
h1.h1-recordatoris {color:#6C9206; background:url(../img/recordatoris-h1.png) left no-repeat; padding-left:45px;}
h1.h1-demanahora {color:#6C9206; background:url(../img/demanar-hora-h1.png) left no-repeat; padding-left:45px;}

#nav-lateral { float:left; width:190px; padding-right:20px; }
#nav-lateral ul { list-style:none; }
#nav-lateral ul li { height:28px; display:block; padding-left:61px; padding-top:8px; }
#nav-lateral ul li.especial-no-marge { padding-left:0px;}
#nav-lateral ul li.current { background:url(../img/current-subapartat.png) left no-repeat; }
#nav-lateral ul li.current-sense { background:none; }
#nav-lateral ul li a { font-size:14px;}
#nav-lateral ul li.current a, #nav-lateral ul li.current-sense a { color:#C25E04; }
#content-right { float:left; width:750px; }
#nav-lateral ul li.subapartat { height:28px; display:block; padding-left:81px; padding-top:2px; }
#nav-lateral ul li.subapartat-current { height:28px; display:block; padding-left:81px; padding-top:2px; background:url(../img/current-subapartat2.png) left no-repeat; background-position: 30px 0px; }
#nav-lateral ul li.subapartat a { font-size:14px;}
#nav-lateral ul li.subapartat-current a { color:#C25E04; cursor:default; }

.img-right { float:right; margin-left:30px; margin-bottom:30px; }
.img-empresa-equip img { width:550px; }
.txt-destacat { font-size:14px; font-weight:bold; }
#content ul.llista-contingut { margin-bottom:15px; list-style:none; }
#content ul.llista-contingut li { margin-bottom:10px; margin-left:10px; padding-left:12px; background:url(../img/li-content.png) no-repeat; background-position: 0 4px; }
#content ul.llista-contingut li.li-blau { background:url(../img/li-content-blau.png) no-repeat; background-position: 0 4px;}
#content ul.llista-contingut li.li-vermell { background:url(../img/li-content-vermell.png) no-repeat; background-position: 0 4px;} 
a.link-tipus-veterinaria { color:#4C789E; }
a.link-tipus-botiga { color:#D2594C; }
a.link-tipus-perruqueria { color:#F29839; }
a.link-tipus-veterinaria:hover, a.link-tipus-botiga:hover, a.link-tipus-perruqueria:hover { text-decoration:underline; }
#galeria-perruqueria { margin-top:30px; margin-bottom:50px; }
#galeria-perruqueria a img { border:1px solid #6E9406; margin-right:7px;}
#galeria-perruqueria a img:hover { border:1px solid #C25E04;}

.consell { border-bottom:1px dotted #D5D8AF; padding-bottom:0px; margin-bottom:20px; margin-top:20px; }
.img-right-consell { float:right; margin-left:20px; margin-bottom:20px; border:1px solid #6E9406; margin-top:5px; }
.consell h3 { margin-left:0px; font-size:16px; color:#6C9206; font-weight:normal; margin-bottom:10px; }
a.consell-pdf { background:url(../img/img-download-pdf.png) left no-repeat; padding-left:30px; height:22px; padding-top:3px; display:block; margin-bottom:15px;}

.data-novetat { font-size:12px; color:#999999; font-style:italic; margin-bottom:2px; }

.link-fons-verd { padding: 7px 15px; background-color:#6E9406; color:#FFF; font-size:14px; }
.link-fons-verd:hover { background-color:#C25E04; color:#FFF; }
.link-taulell-anuncis { float:right; margin-left:20px; width:80px; height:34px; padding:40px 8px 20px 12px; text-align:center; color:#6E9406; font-size:15px; background:url(../img/boto-taulell.png) no-repeat; display:block; }
.link-taulell-anuncis:hover { color:#C25E04;}

.amic-pacient1 { margin-top:20px; width:510px; float:left;}
.amic-pacient2 { margin-top:20px; width:450px; float:left;}
.left-amic-pacient { float:left; width:177px; height:259px; padding:17px 24px 0px 16px; background:url(../img/bg-foto-amics.png) no-repeat; }
.left-amic-pacient p { font-family: 'Shadows Into Light Two', Tahoma, Arial, Sans-Serif; font-size:20px; color:#6E9406; margin-top:10px; margin-bottom:0px; text-align:center;}
.right-amic-pacient { float:left; width:223px; margin-left:8px; margin-top:10px; }
.right-amic-pacient-content { background: #F1EAA3; margin:0; padding:0; padding:10px 15px 0px 15px; }
.right-amic-pacient-content p { margin:0; }
.right-amic-pacient-bottom { background: url(../img/bottom-postit.png) no-repeat; display:block; width:223px; height:45px;  margin:0; padding:0; }

.taulell-anuncis1 { margin-top:20px; width:474px; height:415px; float:left; background:url(../img/bg-anuncis.png) no-repeat;}
.taulell-anuncis2 { margin-top:20px; width:474px; height:415px; float:right; background:url(../img/bg-anuncis.png) no-repeat;}
.data-anunci { font-size:12px; color:#999999; font-style:italic; text-align:right; margin-top:23px; padding-right:23px; }
.titol-anunci { font-size:14px; color:#6E9406; padding-top:6px; padding-left:20px; }
.left-anunci { float:left; width:200px; padding:26px 10px 0px 20px;  }
.img-anunci { height:200px; margin-bottom:13px; }
.left-anunci p { line-height:165%; }
.right-anunci { float:left; width:221px; padding:26px 23px 0 0; }

.form { margin-left:220px; }
.form-top { width:519px; height:37px; padding-top:32px; color:#B8A476; font-size:15px; background: url(../img/form-top.png) no-repeat; text-align:center; }
.form-content { margin-left:8px; width:500px; background-color:#F7F0E1; }
.form-bottom { width:519px; height:34px; background: url(../img/form-bottom.png) no-repeat; display:block;}
.form-content-left { margin-left:80px; width:130px; float:left; clear:both; margin-top:30px; color:#6C9206; font-size:14px; }
.form-content-right { margin-left:0; width:210px; float:left; margin-top:25px;}
.form-content-sencer { clear:both; margin-left:80px; padding-top:15px; }
input.inputtext { width:194px; background-color:#F4ECD9; border:1px dashed #6E9406; height:30px; padding:0 3px; font-family: Tahoma, Arial, Sans-Serif; font-size:13px; color:#525252; }
textarea { width:194px; background-color:#F4ECD9; border:1px dashed #6E9406; height:100px; padding:0 3px; font-family: Tahoma, Arial, Sans-Serif; font-size:13px; color:#525252; }
.textpetit { font-size:11px; }
.enviar { height:30px; padding: 0px 25px; background-color:#6E9406; border:1px solid #6E9406; color:#FFF; font-size:13px;}
.enviar:hover { background-color:#C25E04; border:1px solid #C25E04; color:#FFF; }
.menys-marge { margin-top:15px; }
.mes-marge-right { margin-top:32px; }
#missatge-form { padding-left:210px; padding-top:10px; }
.form-content-right-verd { margin-left:0; width:210px; float:left; margin-top:30px; color:#6C9206; font-size:14px;}
.form-content-left-select { margin-left:80px; width:130px; float:left; clear:both; margin-top:10px; color:#6C9206; font-size:14px; }
.form-content-right-select { margin-left:0; width:210px; float:left; margin-top:5px;}
select { width:200px; background-color:#F4ECD9; border:1px dashed #6E9406; height:30px; padding:0 3px; font-family: Tahoma, Arial, Sans-Serif; font-size:13px; color:#525252; }

.form-content-2 { margin-left:80px; width:340px; float:left; clear:both; margin-top:30px; color:#6C9206; font-size:14px; }

.contacte-left { float:left; width:373px;}
.contacte-right { float:right; width:570px; padding-right:17px;}
.contacte-right iframe { border:1px solid #6C9206; margin-top:10px; }
.form-contacte { }
.form-contacte-top { width:361px; height:37px; padding-top:32px; color:#B8A476; font-size:15px; background: url(../img/form-contacte-top.png) no-repeat; text-align:center; }
.form-contacte-content { width:340px; background-color:#F7F0E1; }
.form-contacte-bottom { width:361px; height:33px; background: url(../img/form-contacte-bottom.png) no-repeat; display:block;}
.form-contacte-content-left { margin-left:30px; width:80px; float:left; clear:both; margin-top:30px; color:#6C9206; font-size:14px; }
.form-contacte-content-right { margin-left:0; width:200px; float:left; margin-top:25px;}
.menys-marge-contacte { margin-top:10px; }
#missatge-form-contacte { padding-left:110px; padding-top:10px; }
.pcontacte { margin-bottom:0; }
.img-contacte { margin-bottom:0; }

#wrap-footer { clear:both; height:161px; padding-bottom:10px;}
#footer {width:937px; padding:0 30px; height:161px; margin:auto; color:#525252; background:url(../img/bg-peu.png) no-repeat;}
#footer h2 { margin-bottom:0px; }
#footer-left {width:320px; float:left; padding-top:19px;}
#footer-center {width:290px; float:left; padding-top:39px;}
#footer-right {width:317px; padding-right:10px; float:right; text-align:right; font-size:21px; padding-top:15px; margin-bottom:5px;}
#footer-adreca {background:url(../img/icona-peu-adreca.png) left no-repeat; padding-left:33px; padding-top:5px; height:21px; margin-top:8px;}
#footer-mail {background:url(../img/icona-peu-mail.png) left no-repeat; padding-left:33px; padding-top:0px; height:16px; margin-top:8px;}
#footer-telefon {background:url(../img/icona-peu-telefon.png) left no-repeat; padding-left:50px; padding-top:21px; height:26px; }
#footer-horaris {background:url(../img/icona-peu-horari.png) left no-repeat; padding-left:33px; padding-top:8px; height:18px; margin-top:6px;}
#footer-right-left { float:left; width:202px; text-align:right; padding-top:4px;}
#footer-right-right { float:right; width:115px; }
#footer-right-right img {margin-bottom:0px;}
#footer-link-dreta {font-size:13px; padding-top:10px;}
#footer a {color:#6E9406; text-decoration:none;}
#footer a:hover {text-decoration:underline;}

img { border:0; }
.left { float:left; }
.right { float:right; }
.clear { clear:both; height:0; }
.m5 { height:5px;}
.m10 { height:10px;}
.m15 { height:15px;}
.m20 { height:20px;}
.m30 { height:30px;}
.m60 { height:60px;}
.m90 { height:90px;}
.m100 { height:100px;}
.m110 { height:110px;}
.m140 { height:140px;}

.slicknav_menu { display:none; }

.form-blanc {
    display: none;
}

/* Estils Cookies */
#cookieMessageWrapper { display:none;position:relative;top:0;width:100%; z-index:9999999999; border-bottom:1px solid #c5722a; }
#cookieMessage { width: 960px; padding:10px 0 10px 0; margin: 0 auto; position: relative; font-size:0.9em; line-height:130%; text-align:left; }
#cookieClose { float: right; display: block; padding: 5px 9px; text-decoration: none; background: #c5722a; border: 0; margin-top: 3px; font-weight: bold; margin-left:30px; font-size:0.9em; }
#cookieMessage a:link, #cookieMessage a:active, #cookieMessage a:visited { color:#c5722a; text-decoration:none; }
#cookieMessage a:hover { color:#333; }
a#cookieClose:link, a#cookieClose:active, a#cookieClose:visited { background-color:#c5722a; color:#fff; text-decoration:none; border:1px solid #c5722a; }
a#cookieClose:hover { background:#FFF; color:#c5722a; }

@media only screen and (max-width: 997px) {
    img { max-width: 100%; height: auto; width: auto\9; /* ie8 */ } 
    
    h1 { font-size:35px; min-height:39px; padding-top:5px; }
    h1.h1-botiga { padding-top:12px; }
    
    #header { width:90%; margin: 0 auto; height:auto; }
    #header-left {float:left; padding-top:20px;}
    #header-right {float:right; width:345px; height:53px; background:url(../img/header-right.png) no-repeat; padding-top:10px; padding-left:10px;}
    #header-centre { clear:right; float:right; width:145px; padding-top:20px; margin-left:0; }
    
    #nav { padding-top:20px;  }
    #menu { display:none; }
	.slicknav_menu { display:block; position:relative; z-index:20; }
    
    #content { margin:0 auto; width:90%; padding-top:0;}
    #subcontent-serveis { margin:0 auto; width:90%; padding-top:40px; margin-bottom:40px; }
    #subcontent-destacats { margin:auto; width:90%; height:auto; background: #F1EEE5 url(../img/bg-subcontent-destacats-responsive.png) repeat; padding-bottom:10px; }
    #footer {width:90%; padding:0 2%; height:auto; margin:0 auto; color:#525252; background:none;}
    #wrap-footer { background:#DAD7B8 url(../img/bg-peu-responsive.png) repeat; height:auto;}
    
    #subcontent-veterinaria, #subcontent-botiga  {float:left; width:30%; margin-right:5%;}
    #subcontent-perruqueria {float:right; width:30%;}
    .subcontent-left {float:left; width:52%; margin-right:3%; }
    .subcontent-right {float:right; width:45%; padding-top:50px;}
    
    .subcontent-destacats-col {float:left; margin-left:2%; margin-right:4%; width:27%;}
    .subcontent-destacats-col p {line-height:140%; font-size:13px;}
    
    #footer-left {width:34%; float:left; padding-top:19px; line-height:120%; margin-right:3%; }
    #footer-center {width:30%; float:left; padding-top:39px; margin-right:3%;}
    #footer-right {width:30%; padding-right:0; float:right; text-align:right; font-size:21px; padding-top:15px; margin-bottom:5px;}
    #footer-right-left { float:left; width:100%; text-align:right; padding-top:4px; padding-bottom:4px;}
    #footer-right-right { float:right; width:100%; clear:both; padding-bottom:10px; }
    
    #footer-adreca { margin-bottom:5px; height:auto; background-position:center left;}
    #footer-mail { margin-bottom:5px; height:auto; background-position:center left;}
    #footer-telefon { margin-bottom:5px; height:auto; background-position:center left;}
    #footer-horaris { margin-bottom:5px; height:auto; background-position:center left;}
    
    #footer-link-dreta { padding-top:5px;}
    
    #nav-lateral { float:none; width:auto; padding-right:0; margin:0 0 15px 0; }
    #content-right { float:none; width:auto; }
    .img-right { width:40%; }
    .img-empresa-equip  { width:70% !important; }
    .img-empresa-equip img { width:1110px; }
    .img-right-consell { width:40%; }
    
    .video-container { position: relative; padding-bottom: 36.25%; padding-top: 0px; overflow: hidden; } 
    .video-container iframe, .video-container object { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
    
    .video-container2 { position: relative; padding-bottom: 76.25%; padding-top: 30px; overflow: hidden; } 
    .video-container2 iframe, .video-container2 object { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
    
    .contacte-left { float:left; width:40%;}
    .contacte-right { float:right; width:55%; /*padding-right:17px;*/ padding-right:0;}
    .contacte-right iframe { border:0; /*margin-top:10px;*/ }
    .form-contacte { background-color:#F7F0E1; margin-top:10px; }
    .form-contacte-top { width:auto; background:#F7F0E1; }
    .form-contacte-content { width:auto; background:#F7F0E1; }
    .form-contacte-bottom { width:auto; background:#F7F0E1; display:block;}
    .form-contacte-content-left { margin-left:2%; width:30%; float:left; clear:both; margin-top:30px; color:#6C9206; font-size:14px; }
    .form-contacte-content-right { margin-left:0; width:60%; float:left; margin-top:25px;}
    .menys-marge-contacte { margin-top:10px; }
    #missatge-form-contacte { padding-left:110px; padding-top:10px; }
    .pcontacte { margin-bottom:0; }
    .img-contacte { margin-bottom:0; width:55%; /*display:none;*/ }
    .marge-contacte-responsive { height:15px; display:block;  }
    
    .form-contacte-content-right input.inputtext { width:100%; background-color:#F4ECD9; border:1px dashed #6E9406; height:30px; padding:0 3px; font-family: Tahoma, Arial, Sans-Serif; font-size:13px; color:#525252; }
    .form-contacte-content-right textarea { width:100%; background-color:#F4ECD9; border:1px dashed #6E9406; height:100px; padding:0 3px; font-family: Tahoma, Arial, Sans-Serif; font-size:13px; color:#525252; }
    
    .link-taulell-anuncis { margin-bottom:15px; }
    
    .amic-pacient1 { margin-top:20px; width:47%; float:left; padding-right:6%; }
    .amic-pacient2 { margin-top:20px; width:47%; float:left;}
    .left-amic-pacient { float:left; width:40%; height:auto; padding:17px 5% 17px 5%; background:none; background-color:#fffae6; }
    .right-amic-pacient { float:left; width:46%; margin-left:4%; margin-top:5px; }
    .right-amic-pacient-content { background: #F1EAA3; margin:0; padding:0; padding:10px 10px 10px 10px; }
    .right-amic-pacient-content p { margin:0; }
    .right-amic-pacient-bottom { background: none; display:block; width:auto; height:0;  margin:0; padding:0; }
    
    .form { margin:0 auto; width:70%; margin-top:15px; }
    .form-top { width:auto; background: #F7F0E1; text-align:center; }
    .form-content { margin-left:0; width:auto; background-color:#F7F0E1; }
    .form-bottom { width:auto; height:34px; background: #F7F0E1; display:block;}
    .form-content-left { margin-left:4%; width:30%; float:left; clear:both; margin-top:30px; color:#6C9206; font-size:14px; }
    .form-content-right { margin-left:0; width:60%; float:left; margin-top:25px;}
    .form-content-sencer { clear:both; margin-left:2%; padding-top:15px; }
    .form-content input.inputtext { width:100%; background-color:#F4ECD9; border:1px dashed #6E9406; height:30px; padding:0 3px; font-family: Tahoma, Arial, Sans-Serif; font-size:13px; color:#525252; }
    .form-content textarea { width:100%; background-color:#F4ECD9; border:1px dashed #6E9406; height:100px; padding:0 3px; font-family: Tahoma, Arial, Sans-Serif; font-size:13px; color:#525252; }
    
    #missatge-form { padding-left:0; padding-top:10px; text-align:left; margin-left:4%; }
    #missatge-form-contacte { padding-left:0; padding-top:10px; text-align:left; margin-left:2% }
    
    .taulell-anuncis1 { margin-top:20px; width:48%; height:auto; float:left; background:#fcf6e3; clear:both; border:1px solid #e6e2d4; }
    .taulell-anuncis2 { margin-top:20px; width:48%; height:auto; float:right; background:#fcf6e3; border:1px solid #e6e2d4;}
    .data-anunci { font-size:12px; color:#999999; font-style:italic; text-align:right; margin-top:13px; padding-right:23px; }
    .titol-anunci { font-size:14px; color:#6E9406; padding-top:6px; padding-left:20px; }
    .left-anunci { float:left; width:40%; padding:16px 5% 0px 5%;  }
    .img-anunci { height:auto; margin-bottom:13px; }
    .left-anunci p { line-height:165%; }
    .right-anunci { float:left; width:45%; padding:16px 5% 0 0; }
    
    .form-content-left-select { margin-left:4%; width:30%; float:left; clear:both; margin-top:10px; color:#6C9206; font-size:14px; }
    .form-content-right-select { margin-left:0; width:60%; float:left; margin-top:5px;}
    select { width:90%;  }
    
    #cookieMessage { width: 90%; }
	#cookieClose { margin-bottom:15px;margin-left:25px; }
}

@media only screen and (max-width: 940px) {
    .img-contacte { margin-top:30px; }
}
@media only screen and (max-width: 850px) {
    .img-contacte { margin-top:50px; }
}

@media only screen and (max-width: 720px) {
    h1 { font-size:30px; min-height:39px; padding-top:5px;  }
    
    #wrap-content { background: #FAF5E7; }
    
    #header-left {float:left; clear:both; width:100%; padding-top:20px; text-align:center; }
    #header-right {float:none; clear:both; width:345px; margin:0 auto; text-align:center; }
    #header-centre { float:none; clear:both; width:145px; margin:0 auto; text-align:center; padding-top:20px;}
    
    #subcontent-veterinaria, #subcontent-botiga  {float:left; clear:both; width:100%; margin-right:0; padding-bottom:15px;}
    #subcontent-perruqueria {float:left; clear:both; width:100%; padding-bottom:15px;}
    
    .subcontent-left {float:left; width:70%; margin-right:5%; }
    .subcontent-right {float:right; width:25%; padding-top:0px; text-align:right; }
    
    .subcontent-destacats-col {float:left; margin-right:2%; width:96%; margin-left:2%;}
    .subcontent-destacats-col p { margin-bottom:15px;}
    
    h2.h2-subcontent-subscriute { margin-bottom:5px;}
    h2.h2-subcontent-recordatoris { margin-bottom:5px;}
    h2.h2-subcontent-demana-hora { margin-bottom:5px;}
    
    #footer-left {width:100%; float:left; margin-right:0%; clear:both; }
    #footer-center {width:100%; float:left; margin-right:0%; clear:both; padding-top:0;}
    #footer-right {width:100%; float:left; text-align:left; clear:both; }
    #footer-right-left { text-align:left; }
    
    .m110 { height:50px;}
    .m140 { height:50px;}
    
    .img-right { float:none; margin-left:0; margin-bottom:15px; width:100%; }
    .img-empresa-equip  { width:100% !important; }
    /*.img-right-consell {float:none; margin-left:0; margin-bottom:15px; width:100%; }*/
    
    .img-contacte { margin-top:0px; }
    .contacte-left { width:100%; float:left; margin-right:0%; clear:both; }
    .contacte-right { width:100%; float:left; margin-right:0%; clear:both; padding-top:0;}
    
    .amic-pacient1 { margin-top:20px; width:100%; float:left; padding-right:0; clear:both; }
    .amic-pacient2 { margin-top:20px; width:100%; float:left; clear:both; }
    .left-amic-pacient { float:left; width:30%; height:auto; padding:17px 3% 17px 3%; background:none; background-color:#fffae6; }
    .right-amic-pacient { float:left; width:60%; margin-left:4%; margin-top:5px; }
    .right-amic-pacient-content { background: #F1EAA3; margin:0; padding:0; padding:10px 10px 10px 10px; }
    .right-amic-pacient-content p { margin:0; }
    .right-amic-pacient-bottom { background: none; display:block; width:auto; height:0; margin:0; padding:0; }
    
    .form { margin:0 auto; width:100%; margin-top:15px; }
    
    .taulell-anuncis1 { margin-top:20px; width:100%; height:auto; float:left; background:#fcf6e3; clear:both; border:1px solid #e6e2d4; }
    .taulell-anuncis2 { margin-top:20px; width:100%; height:auto; float:left; background:#fcf6e3; clear:both; border:1px solid #e6e2d4; }
    .left-anunci { float:left; width:30%; padding:16px 5% 0px 5%;  }
    .img-anunci { height:auto; margin-bottom:13px; }
    .left-anunci p { line-height:165%; }
    .right-anunci { float:left; width:55%; padding:16px 5% 0 0; }
}

@media only screen and (max-width: 480px) {
    #header-right { width:100%; height:auto; background:none; padding-top:10px; padding-left:0;}
    /*#header-right-subscriute { background:none; clear:both; text-align:right; width:100%; padding:0; height:auto; margin-bottom:12px; }
    #header-right-recordatoris {  background:none; clear:both; text-align:right; width:100%; padding:0; height:auto; margin-bottom:12px; }
    #header-right-demana-hora {  background:none; clear:both; text-align:right; width:100%; padding:0; height:auto; margin-bottom:0px; }*/
    
    #header-right-subscriute { background:none; text-align:center; width:33%; padding:0; height:auto; margin-top:2px; }
    #header-right-recordatoris {  background:none; text-align:center; width:34%; padding:0; height:auto; margin-top:2px; }
    #header-right-demana-hora {  background:none; text-align:center; width:33%; padding:0; height:auto; margin-top:2px; }
    
    #subcontent-serveis { padding-top:20px; margin-bottom:20px; }
}

@media only screen and (max-width: 320px) {
    .img-right-consell {float:none; margin-left:0; margin-bottom:15px; width:100%; }
}

@media only screen and (max-width: 319px) {
    #header-right-subscriute { background:none; clear:both; text-align:right; width:100%; padding:0; height:auto; margin-bottom:12px; }
    #header-right-recordatoris {  background:none; clear:both; text-align:right; width:100%; padding:0; height:auto; margin-bottom:12px; }
    #header-right-demana-hora {  background:none; clear:both; text-align:right; width:100%; padding:0; height:auto; margin-bottom:0px; }
}

/* Per pantalles retina */
@media
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (   min--moz-device-pixel-ratio: 1.5),
only screen and (     -o-min-device-pixel-ratio: 3/2),
only screen and (        min-device-pixel-ratio: 1.5),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 1.5dppx) { 
    
    .link-header-veterinaria { width:44px; height:44px; background:url(../img/boto-capcalera-veterinaria-2x.png) 0 0; background-size: 44px 44px;}
    .link-header-botiga { width:44px; height:44px; background:url(../img/boto-capcalera-botiga-2x.png) 0 0; background-size: 44px 44px;}
    .link-header-perruqueria { width:44px; height:44px; background:url(../img/boto-capcalera-perruqueria-2x.png) 0 0; background-size: 44px 44px;}
    .link-header-veterinaria:hover, .link-header-botiga:hover, .link-header-perruqueria:hover { background-position:0 0px }
    
    h1.h1-demanahora { background:url('../img/demanar-hora-h1-2x.png') no-repeat left; background-size: 32px 33px; }
    h1.h1-taulell-anuncis { background:url('../img/anuncis-h1-2x.png') no-repeat left; background-size: 35px 35px; }
    h1.h1-novetats { background:url('../img/novetat-h1-2x.png') no-repeat left; background-size: 33px 32px;}
    h1.h1-recordatoris { background:url('../img/recordatoris-h1-2x.png') no-repeat left; background-size: 33px 35px;}
    h1.h1-subscriute { background:url('../img/subscriute-h1-2x.png') no-repeat left; background-size: 49px 38px;}
    
    h2.h2-subcontent-veterinaria { background:url(../img/img-h2-veterinaria-2x.png) left no-repeat; background-size: 41px 37px; }
    h2.h2-subcontent-botiga { background:url(../img/img-h2-botiga-2x.png) left no-repeat; background-size: 38px 43px; }
    h2.h2-subcontent-perruqueria { background:url(../img/img-h2-perruqueria-2x.png) left no-repeat; background-size: 39px 41px; }
    h2.h2-subcontent-subscriute { background:url(../img/img-h2-subscriute-2x.png) left no-repeat; background-size: 49px 38px; }
    h2.h2-subcontent-recordatoris { background:url(../img/img-h2-recordatoris-2x.png) left no-repeat; background-size: 35px 37px; }
    h2.h2-subcontent-demana-hora { background:url(../img/img-h2-demana-hora-2x.png) left no-repeat; background-size: 33px 33px; }

}

