/* HTML */
html { font-family: Arial, Helvetica, sans-serif; color: #666;  line-height:18px; }
ul { margin:0; padding:0; list-style:none; }
a, a:link, a:visited { color:#0092A3; text-decoration:none } a:hover{ color:#424242; }
body { margin:0; background:#fff; font-size:13px; font-family: "Open Sans","HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif; font-weight:100;padding:20px 0px 0 0px; }
hr { border:none; border-bottom:1px solid #E7E7E7; margin-bottom:15px; margin-top:15px;  }
#space { margin:0px 40px; }
/* BODY */
#p { width:1200px; margin:0 auto; text-align:center;  }

/* Cabecera */
#cabecera #logo { float:left; width:420px; text-align:left; padding-bottom:15px; padding-left:10px;  } 

/* Content */
#content { float:left; width:700px; }
#content_ { float:left; width:700px; margin-top:-15px; text-align:justify }
#content_ #cat {font-size:16px; color:#000; text-align:left; margin-left:10px; font-weight:bold; text-transform:uppercase}
#content_ strong { color:#333; }

#offer_btn { background:#53B3C4; clear:left;  }
#offer_bt { background:#77BD00; clear:left;  }
#offer { padding:15px 20px; background:#F8F8F8; margin:15px 0 15px 5px; text-align:left; border:1px solid #ddd; border-left:none; color:#3f3f3f; font-size:13px;  }
#offer a { color:#000; }
#offer #cat { font-size:16px; color:#000; margin-bottom:10px; }

/* Menú Dreta */
.face { padding: 5px 25px 5px 70px; margin: 10px 0; background:url('/images/signup-fb.png') no-repeat 15px #3e5e92; } .face a { color: #fff; } 
.google { padding: 5px 25px 5px 70px; margin: 10px 0; background:url('https://cdn2.iconfinder.com/data/icons/social-flat-buttons-3/512/google_plus-32.png') no-repeat 15px #ededed; } .face a { color: #fff; } 
#canal { margin:10px 0 0 0;}
.gr { font-size:14px; }

#marcas { padding:15px 0;   }
#marcas img {  height:40px; padding:0 12px; opacity:0.6; } #clau { color:#c7c7c7; font-size:12px; font-family:Tahoma, Geneva, sans-serif; margin-bottom:25px; }

#pie { padding:25px 0 10px 0; font-size:14px; color:#aaa; background-color:#2E3033; } #pie a{ color:#aaa}
#p_follow, #p_contact, #p_other { float:left; text-align:left; line-height:25px; } #p_follow, #p_contact { margin-right:30px;} #p_other img { margin-top:-10px; margin-bottom:20px;  } #p_other { text-align:right;}
#p_follow { width:360px; } #p_contact { width:260px; } #p_contact img { float:left; padding-bottom:-7px; } 
#pie #cat {font-family:'Exo 2', sans-serif; font-size:20px; color:#EEE; margin-bottom:10px; }
#p_copy { padding:20px 20px; border-top:1px solid #444; color:#888; } #p_copy a { color:#FFF; padding:0px 5px 0 5px;  }

/* Menu */
#menu { float:right; width:590px; margin-top:50px;  }
/* #menu{ clear:left; border-top-left-radius: 10px;
border-top-right-radius: 10px;  width:100%; background:#656565; height:38px; padding:7px 0; text-align:left; margin:0 auto; } */
#menu ul.nav { list-style: none;   list-style:none; margin:0; padding:0; position:relative; right:0%; text-align:left; padding-left:0px; }
#menu li { float: left; position: relative;  position:relative; right:0%; text-transform:uppercase;   }
#menu li:hover { padding-bottom:25px; border-bottom:3px solid #0092A3; }
#menu li ul { display: none; position: absolute;  left: 0; list-style: none;  color:#80808C; background-color:#FFFFFF; width:200px; margin-top:28px; padding-left:0px; z-index:9999; }
#menu li > ul { top: auto; left: auto; }
#menu li:hover ul, li.over ul{ display: block; } 
#menu ul.nav li a{font-family:'Exo 2', sans-serif; color:#80808C;  text-decoration:none; margin-top: -1px;
margin-bottom: 0px; padding:26px 10px 26px 10px; font-size:16px; font-weight:300  }
#menu ul.nav li a:hover{  color:#0092A3; text-decoration:none; }
#menu ul.nav li ul li { float:inherit; right:inherit; text-align:left; padding:5px 5px; border-bottom:#BDE9E3 1px solid; }
#menu ul.nav li ul li a:hover { padding:5px 5px; color:#fff; background:none;   }
#menu ul.nav li ul li:hover { padding:5px 5px; color:#fff; background:#BDE9E3;   }
#menu ul.nav li ul li a { display:block; color:#80808C; padding:5px 5px; text-transform:none; font-size:14px;  }
#select a{ color: #80808C; border-bottom:3px solid #76BC2F;}
#select ul li a { border:0px;}

#form_cont { text-align:center; margin-bottom:20px }
#form_cont input, textarea { border:1px solid #ddd; border-radius:4px; padding:5px 10px; width:450px; font-family:Arial, Helvetica, sans-serif; font-size:13px; margin-bottom:8px; }
#form_cont #button { width:200px; text-align:center; font-weight:bold;}

.left { float:left; margin:0 15px 0 0;}
#socials{ text-align:center; padding:20px;}
#menu_desc  { clear:both; padding-top:50px;}
.mt-social { list-style: outside none none !important; margin: -2px 15px 0px 0px !important;}
.mt-social li { float: left; margin: 0px 5px 0px 0px; padding:0; text-align: center; vertical-align: middle;}
.mt-social li a { width: 35px; color:#AAA; height: 30px; padding-top: 5px; border: 1px solid #C0C0C0; border-radius: 50px; font-size: 16px; display: inline-block;}
.fa { padding:4px 0 0 0; display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; font-size-adjust: none; font-stretch: normal; font-feature-settings: normal; font-language-override: normal; font-kerning: auto; font-synthesis: weight style; font-variant: normal; font-size: inherit; text-rendering: auto; -moz-osx-font-smoothing: grayscale; transform: translate(0px, 0px);}
.mt-social li a:hover{ background:#AAA; color:#fff; }

#veterinari, #veterinari-argentona { padding:50px 50px; line-height:28px; font-size:16px; font-weight:100;}
#veterinari-argentona { text-align:left; font-size:15px; text-align:justify; width:680px; line-height:26px; color:#333;  } #veterinari-argentona img { text-align:right; } 
#veterinari-argentona p { margin-bottom:30px;} #veterinari-argentona strong { font-weight:normal; color:#000; }
#der { float:right; padding-top:50px;  width:440px; font-size:14px; color:#777; line-height:26px; text-align:left;  } #der img { background:#FFFFFF; box-shadow:1px 1px 1px #EFEFEF; padding:10px; } #der #contact { margin-left:120px;}
#der #cat, #noticias #tit, #noticia #tit { font-size:24px; font-family:'Exo 2', sans-serif; color:#333; font-weight:normal; margin-bottom:15px; }
#veterinari span { font-size:35px; display:block; color:#000; margin-bottom:20px;   }
#title { background:url("/images/fondo2.jpg") repeat-x; font-size:35px; line-height:40px; color:#fff; font-family:'Exo 2', sans-serif; } #title #p { text-align:center; padding:38px 30px;  }

#gallery { background:#F4F4F4; border-top:1px solid #EFEFEF; border-bottom:1px solid #EFEFEF; padding:20px 0 40px 0; } #gallery #p div img { width:330px; height:200px; } 
#gallery #p div { float:left; width:330px; padding:20px 20px; margin:0px 15px; background:#FFFFFF; box-shadow:1px 1px 1px #EFEFEF; }
#gallery #p div span strong { display:block; font-size:17px; margin-bottom:5px; font-weight:normal  } #gallery #p div span { display:block; line-height:20px; color:#7E7E7E; font-weight:100; padding:15px 10px 15px 0; }

#o { background:#F7F7F7; padding:30px 0 30px 0; } #o_not, #o_op { float:left; width:600px; text-align:left }
#t_not, #t_op { font-family:'Exo 2', sans-serif; font-size:25px; line-height:30px; color:#2B2B2B; text-align:left; border-left: 3px solid #2F95AC; padding-left:10px; padding-bottom:10px; margin-bottom:10px;  } #t_not span, #t_op span { color:#CCC; font-size:14px; line-height:20px; display:block; margin-bottom:8px; }
#o_not #n { clear:left; margin:20px 30px 10px 0px; line-height:22px; min-height:100px;  } #o_not #t { font-size:16px; color:#333; font-weight:normal; } #o_not #c { color:#888; font-size:13px; } #o_not #t a { color:#333; } #o_not #ni { width:150px;  margin-right:15px; float:left; overflow:hidden; } #o_not img { height:100px; margin-left:-20px; }
#o_op #n { border-left:1px solid #efefef; padding:12px 30px 12px 12px; line-height:22px; text-align:right  } #o_op #t { font-size:16px; color:#333; font-weight:normal; margin-top:5px; } #o_op #c { color:#888; font-size:14px; } #o_op #c { quotes: "\201C" "\201D";} #o_op #c:before { content:open-quote; font-size:22px; margin-bottom:-5px;  padding:3px;}   #o_op #c:after { content:close-quote; font-size:22px; padding:3px;}  

.button_.color { background:#76BC2F; color:#FFF;}
.button_ { text-decoration: none; padding:6px 15px; position: relative; display: inline-block; overflow: hidden; z-index: 1; -webkit-box-shadow: 2px 2px 0 rgba(0, 0, 0, .05), 0 0 0 1px rgba(255, 255, 255, .2) inset; box-shadow: 2px 2px 0 rgba(0, 0, 0, .05), 0 0 0 1px rgba(255, 255, 255, .2) inset; background-size: 100%; background-image: -moz-linear-gradient(90deg, rgba(255, 255, 255, .25) 35%, rgba(252, 252, 252, 0) 70%); background-image: -webkit-linear-gradient(90deg, rgba(255, 255, 255, .25) 35%, rgba(252, 252, 252, 0) 70%); background-image: linear-gradient(0deg, rgba(255, 255, 255, .25) 35%, rgba(252, 252, 252, 0) 70%); text-shadow: 1px 1px 2px rgba(0, 0, 0, .3); border-radius: 6px; background-repeat: no-repeat}

.button_:hover { background-size: 100%; background-image: -moz-linear-gradient(90deg, rgba(255, 255, 255, .25) 35%, rgba(252, 252, 252, 0) 70%); background-image: -webkit-linear-gradient(90deg, rgba(255, 255, 255, .25) 35%, rgba(252, 252, 252, 0) 70%); background-image: linear-gradient(0deg, rgba(255, 255, 255, .25) 35%, rgba(252, 252, 252, 0) 70%); color: #fff !important; -webkit-animation-duration: .5s; animation-duration: .5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: buttons; animation-name: buttons; -webkit-animation-iteration-count: 1; animation-iteration-count: 1}
.f { background:#f5f5f5;}
.gray { color:#888; }

#form1 { width:500px; margin-left:80px;}
#form1 input, #form1 textarea { padding:10px; border:1px solid #E9E9E9; background:#FFF; width:500px;} #form1 p { margin-bottom:0px;}
#form1 .button { width:auto; background:#017F7E; border:#017F7E 1px solid; font-size:16px;  color:#FFF; padding:8px 20px;  }

#noticias, #noticia { background:#FFFFFF; margin:10px 10px; box-shadow:1px 1px 1px #EFEFEF; padding:20px; width:520px; float:left; text-align:left; font-size:14px; height:450px; } #noticia { float:left; width:750px; height:auto; padding:40px 20px; font-size:16px; line-height:26px; color:#555; } #noticia strong { color:#333; } #noticia img { max-width:600px; text-align:center}
#noticias #img { width:100%; height:250px; margin-bottom:25px; overflow:hidden} #noticias img { max-width:100%; } #noticias #tit a, #noticia #tit { color:#333; font-weight:300; } #noticia #tit { font-size:30px; margin-bottom:25px;}
#sig { float:right; }
#categorias a { font-weight:normal; color:#fff; background:#017F7E; border:#017F7E 1px solid; border-radius:5px; margin-right:10px; padding:4px 10px; font-size:15px; } #categorias { text-align:center; margin-top:40px;}
#categorias a:hover { background:#2C625F}
#categorias  #sel { background:#76BC2F; border:1px solid #76BC2F;}
#tags { border-top:1px solid #efefef; border-bottom:1px solid #efefef;padding:15px 0px; margin-top:20px; color:#999;  } #tags strong { font-weight:normal; color:#333; }

@media only screen and (max-width: 1200px) { #p { width:100%; } #o_not, #o_op { width:100%; float:none; margin-left:15px; } #o_op { margin-top:35px; } #o_op #n { text-align:left; } #pie { padding-left:15px; padding-right:15px; }  #p_follow { width:300px; } #p_contact { width:240px; } #p_other { width:350px; overflow:hidden} #wrap{ width: 100%;}

@media only screen and (max-width: 1020px) { #menu { float:none; margin:10px auto 57px auto; text-align:center} #cabecera #logo { float:none; text-align:center; width:auto; padding-right:15px;} }

@media only screen and (max-width: 800px) { #gallery { padding-left:15px; padding-right:15px; } #gallery #p div { float:none; width:auto;margin:0 0 15px 0; overflow:hidden } #veterinari-argentona { padding:20px 0px 40px 0px; width:100%; } #veterinari-argentona p { margin:0px 20px; } #der { float:none; width:100%; text-align:center; margin-top:40px; }}

@media screen and (max-width: 480px) { #cabecera #logo img { width:100%;} #menu { width:100%; } #menu li:hover { padding-bottom:0px; border-bottom:0; } 
#select a { border:0px; } #veterinari { margin:10px 0px; font-size:14px; line-height:20px; } #veterinari span { font-size:25px; line-height:30px; }
#gallery #p div img { width:100%; height:auto; } #p_follow, #p_contact, #p_other { float:none; width:auto;  }  #p_follow { margin-bottom:30px; } #title { font-size:25px; line-height:30px; } #der img { width:100%; overflow:hidden; } 
}