/*
Theme Name: Santo Domingo Theme
Theme URI: 
Version: 1.0
Description: Clínica Dental Santo Domingo
Author: Guillermo Blanco
Author URI: http://guillermoblanco.es
*/

/* RESTARTS */

a{
  text-decoration: none;
  color:black;
}
a:link{
  text-decoration: none;
  color:black;
}
a:hover{
  text-decoration: none !important;
  color:black !important;
}
a:visited{
  text-decoration: none;
  color:black;
}
a:active{
  text-decoration: none;
  color:black;
}

/* FONTS */

@font-face {
    font-family: josefin-Light;
    src: url(fonts/josefin/JosefinSans-Light.ttf);
}

@font-face {
    font-family: josefin-Thin;
    src: url(fonts/josefin/JosefinSans-Thin.ttf);
}

@font-face {
    font-family: josefin-Bold;
    src: url(fonts/josefin/JosefinSans-Bold.ttf);
}

@font-face {
    font-family: futura;
    src: url(fonts/futura/futura-light.ttf);
}
@font-face {
    font-family: futura-bold;
    src: url(fonts/futura/Futura-Bold.ttf);
}


/* END OF FONTS */




/* NAVBAR */

#navbar{}

#logoNavbar{ 
      float:left; 
      margin-left: 5%;

  }

#navbarMenu{ 

  list-style: none;
  margin-top:10px;
  border-bottom: 1px solid #5C5B5B;
  padding-bottom: 28px;

 }

#navbarMenu li{
  margin-top: 1%;
  margin-left: 3%;
  text-transform: uppercase;
  display: inline-block;
  font: 24px/24px josefin-Light;



}

/* END OF NAVBAR */


/* INDEX */

#smileImage{ 
        position: relative;
        bottom: 10px;
        right: 8px;
        width: 45%;
        float:left;
    }

#indexPromo{width: 100%;}
#santoDomingoSentences{  
  float:right;
  width: 45%;

}

#titleIndex{margin-top: 0px !important;}

#titleClinica{ 
  font-size: 2em;
  font-family: futura; 
}

#titleSantoDomingo{ 
              font-size: 2em;
              font-family: futura;
              margin-left: 5%;
              color:#FF3333; 
            }


.santoDomingoSentence{
        font-size: 2.2em;
        font-family: josefin-Light;
        margin-top: 4%;
        margin-bottom: 4%;
      }

#listClinicas{list-style: none;
            font:26px/30px josefin-Light;
            padding-left: 0px;
            
          }

#listClinicas li{display: inline;
                border: 1px solid black;
                border-radius: 4px;
                padding-right: 18px;
                padding-left: 18px;
                padding-top: 6px;
                padding-bottom: 6px;
                margin-right: 2%;

}

#listClinicas li:hover{
                background-color: #c96262;        
                color:white;

}

#downClick{
margin-left: 46%;

}


.profileCity{
            margin-top: 12%;
          }


.profileCity img{
        margin-left: auto;
        margin-right: auto;
        width: 200px;
        height: 200px;
        background-repeat: no-repeat;
        background-position: 50%;
        border-radius: 50%;
        background-size: 100% auto;
}

.profileCity h2{
            font-family: josefin-Bold;
            
            font-size: 2.3em;
            text-transform: uppercase;
            margin-left: 3%;
            text-align: center;
            }

.profileCity p{
            font: 26px/32px josefin-Light;
            margin-left: 22%;
            }

.masInfoProfileIndex{
                border: 1px solid black;
                border-radius: 4px;
                padding: 4px;
                text-align: center;
                margin-right: 2%;
                width: 55%;
              }


.masInfoProfileIndex:hover{background-color: #c96262;}

.masInfoProfileIndex a:hover{
                color:white !important;

}

.OurenseProfile img{ margin-left: 26%; }

.CarballinoProfile img{ margin-left: 24%; }

.XinzoProfile img{ margin-left: 25%; }

.citaProfileIndex{
                border: 1px solid black;
                border-radius: 4px;
                padding: 4px;
                text-align: center;
                margin-right: 2%;
                background-color: #c96262;
                color:white;
                width: 55%;
                }
.citaProfileIndex:hover{
                background-color: white;
                }

.citaProfileIndex a{color:white;}

.citaProfileIndex a:hover{
                color:black !important;

}


#contentSpecialties{ 
                margin-top: 5%;
                background-image:url( "images/bg3.png");
                padding-bottom: 5%;
                padding-top: 3%;
                 }
.specialtyBox{
            margin-top: 10%;
            margin-bottom: 10%;


          }

.specialtyBox img{margin-left: 42%;}          

.specialtyBox h3{
          color:white;
          text-transform: uppercase;
          text-align: center;
          font:18px/24px josefin-Light;

        }





/* END OF INDEX */


/* FOOTER */
footer{
    border-top: 1px solid #787878;
    margin-top: 5%;
    padding-top: 3%;

}

footer h4 span {border-bottom: 2px solid #FF3333;}

.footerClinic{margin-left: 9%;
              font:20px/22px josefin-Bold;}

.footerInfo{
      font: 16px/20px Helvetica;
      list-style: none;

}

.footerInfo li{margin-top: 5%;}

.footerInfo li i{margin-right: 4%;}


#copyright{
      float: right;
      margin-top: 3%;
      margin-right: 5%; 
      margin-bottom: 3%;
      font: 16px/16px josefin-Bold


    }


/* END OF FOOTER */ 


/* XL DESKTOP */

@media screen and (min-width: 1500px) {
    .profileCity img{
        margin-left: 33%;
    }
}