/*estilo de la pagina veterinaria petz*/

/*DISENO DEL SCROLL*/

::-webkit-scrollbar{
   width:15px;
   background-color:;
   border-radius:5px;
}

::-webkit-scrollbar-track{
   background:gray;
   border-radius:5px;
}
::-webkit-scrollbar-thumb{
   background:white;
   border-radius:5px;
}

::-webkit-scrollbar-thumb:hover{
   background:#434343;
}

::-webkit-scrollbar-button{
   background:;
   height:0px;
}

::-webkit-scrollbar-corner{
   background:;
}
/*FIN DISENO*/



*{
     margin:auto;
     padding:auto;
}

body{
     background: url(imagenes/fondo.png);
     background-color:#ff11ff;
     font-family:comic sans ms;
}

.anuncios > h2.fondo{
     background: url(imagenes/h2.png) no-repeat;
     font-size:17px;
     margin-top:5px;
}

.contenido > h2.fondoc{
     background: url(imagenes/h2contenido.png) no-repeat;
     padding-left:10px;
     text-align:center;
     font-size:17px;
     margin-top:5px;
}

.contenidogaleria > h2#fondoh2galeria {
     background: url(imagenes/h2galeria.png) repeat-x;
     padding-left:10px;
     text-align:center;
     font-size:17px;
     -webkit-border-radius:10px;
     margin-bottom:10px;
}

.anuncios > h2 , .contenido > h2, .contenidogaleria > h2{
     font-size:15px;
     color:green;
}

p {
    font-size:15px;
    text-align:justify;
}

a#citas{
     color:green;
     font-size:20px;
     padding:5px;
     text-decoration:none;
     display:block;
}

a#citas:hover {
     opacity:0.5;
     color:#434343;
}


#sliderimagenes {
     margin-top:5px;
     width:100%;
     background:;
}

.contenido > a{
     font-size:15px;
     color: green;
     padding:1px 15px 1px 5px;
     font-family: arial rounded mt bold;
     background: url(imagenes/mas2.png) no-repeat right center;
}


/*contenedor de la pagina*/
#contenedor{
     width:1000px;
     overflow: hidden;
     margin:auto;
}

/*encabezado*/
#encabezado{
     width:1000px;
     height:200px;
     background: url(imagenes/encabezado2.png) no-repeat;
     margin-bottom:10px;
     margin-top:5px;
     border-bottom:10px solid #e6e6e6;
}

#encabezado img{
     float:left;
     margin-left:30px;
}


.menu{
     float:left;
     font-size:20px;
     font-family:arial rounded mt bold;
     margin-left:0px;
     margin-top:160px;
}

.menu #activado{
     width:150px;
     float:left;
     background:url(imagenes/activado.png) no-repeat;
     text-align:center;
     color: green;
     text-decoration:none;
     padding:10px 0px 10px 0px;
     margin:0px 5px 0px 5px;
}

.menu .menu1{ 
     width:150px;
     float:left;
     text-align:center;
     color: #fff;
     text-decoration:none;
     padding:10px 0px 10px 0px;
     margin:0px 5px 0px 5px;
}

.menu .menu1:hover{
     background: url(imagenes/activado.png) no-repeat;
     opacity:0.5;
     color:green;
}

#anterior {
     margin-left:960px;
     margin-top:5px;
     width:40px;
     height:30px; 
     position:fixed;
     opacity:0.3;
}

#anterior a {
     text-decoration:none;
}

#anterior:hover {
     opacity:1.0;
}

.izquierda {
     width:300px;
     float:left;
     
}

.derecha {
     width:700px;
     float:left;
}

.contenido{
     width:675px;
     float:left;
     background: url(imagenes/fondo_contenido.png) repeat-y;
     padding:10px;
     padding-top:5px;
     margin-left:5px;
     text-align:left;
     overflow: hidden;
     border-top:1px solid black;
}

.contenidogaleria {
     width:978;
     background-color:#cccccc;
     padding:10px;
     border:1px solid black;
     border-bottom:none;
}


#pie_galeria {
     width:998px;
     height:30px;
     -webkit-border-radius:0px 0px 10px 10px;
     background-color:#cccccc;
     margin-bottom:20px;
     font-size:13px;
     border:1px solid black;
     border-top:none;
}

img#imggaleria{
     height:120px;
     padding:2px;
     border:1px solid green;
     margin:auto;

 
}

img#imggaleria:hover{
     border:1px solid green;
     background-color:green;
}


.anuncios{
     width:285px;
     height:290px;
     float:left;
     background: url(imagenes/fondoanuncios.png) no-repeat;
     padding:5px;
     margin-right:5px;
     text-align:center;
     overflow:hidden;
     margin-bottom:10px;
     
}

#pie_pagina {
     width:695px;
     height:50px;
     float:right;
     clear:both;
     background: url(imagenes/fondopie.png) no-repeat;
     text-align:center;
     color: black;
     margin-left:5px;
     margin-bottom:5px;
}



#pie_pagina h4{
     font-size:13px;
     margin-top:20px;
}

.anuncios .sub-menu {
     width:285px;
     float:left;
     font-family:arial rounded mt bold;
}

.anuncios .sub-menu a{
     display:block;
     background: url(imagenes/mas.png) right center no-repeat;
     text-decoration:none;
     text-align:left;
     color: #0000cc;
     font-size:20px;
     padding:5px 5px 5px 5px;
}

.anuncios .sub-menu a:hover{
     background:#999999 url(imagenes/mas.png) right center no-repeat;
     -webkit-border-radius:5px;
}

a#enviar{
     background: url(imagenes/enviar.png) no-repeat;
     padding:5px 22px 5px 22px;
     color:green;
     text-decoration:none;
}

a#enviar:hover{
    background: url(imagenes/enviarhover.png) no-repeat;
}

.anuncio1 {
    align:center;
    background-color: #cccccc;
    padding:5px;
    text-align:left;
    margin-bottom:5px;
    -webkit-border-radius:5px;
    opacity:0.9;
}

.anuncio1 em {
    float:right;
    margin-right:20px;
    text-align:justify;
}

.anunciocitas{
    display:block;
    height:500px;
    background-color:#343434;
    padding:5px;
    text-align:justify;
    -webkit-border-radius:5px;
    overflow-y:scroll;
    overflow-x:none;
}
    
.anuncio1:hover {
   opacity:1.0;
}

#formulario{
     width:90%;
     margin-bottom:10px;
}


input ,textarea, select{
     background-color:#cccccc;
     -webkit-border-radius:5px;
     border:1px solid black;
     color:green;
     padding:5px;
}

input#boton {
     font-size:15px;
     padding:10px;
     background-color:green;
     color:white;
     margin-top:10px;
     border:none;
}

input#boton:hover {
     background-color:white;
     color:green;
}

input:hover, textarea:hover, select:hover{
     border:1px solid green;
}

input:focus, textarea:focus, select:focus{
     background-color:white;
     border:1px solid black;
}

label{
     color:green;
     font-size:20px;
}

option {
     background-color:#cccccc;
}


legend{
     color:gray;
     font-family:Arial Rounded MT,Lucida Console;
}