@font-face {
  font-family: 'Dancing Script';
  font-style: normal;
  font-weight: normal;
  src: url('http://themes.googleusercontent.com/static/fonts/dancingscript/v3/DK0eTGXiZjN6yA8zAEyM2WrfpCc_r9-5ZnZPBmoO4Sk.eot');
  src: local('Dancing Script'), local('DancingScript'), url('http://themes.googleusercontent.com/static/fonts/dancingscript/v3/DK0eTGXiZjN6yA8zAEyM2WrfpCc_r9-5ZnZPBmoO4Sk.eot') format('embedded-opentype'), url('http://themes.googleusercontent.com/static/fonts/dancingscript/v3/DK0eTGXiZjN6yA8zAEyM2VhlQWQpSCpzb2Peu3I-Q34.woff') format('woff');
}

@font-face {
  font-family: 'Century';
  font-style: normal;
  font-weight: normal;
  src: url('century-gothic.eot');
  src: local('Century') local('Century'), url('century-gothic.eot') format("embedded-opentype"), url("century-gothic.ttf") format("truetype");

}

@font-face {
  font-family: 'Century-1';
  font-weight: normal;
  font-style: normal;
   src: url('century-gothic-1.eot');
  src: local('Century-1') local('Century-1'), url('century-gothic-1.eot') format("embedded-opentype"), url("century-gothic.ttf") format("truetype");

}

@font-face {
  font-family: "tahoma";
  src: url("tahoma-webfont.eot");
  src: url("tahoma-webfont.eot-#iefix") format("embedded-opentype"), url("tahoma-webfont.woff") format("woff"), url("tahoma-webfont.ttf") format("truetype"), url("tahoma-webfont.svg#tahoma") format("svg");
  font-weight: normal;
  font-style: normal;
}


body {
  background-image: url("../imagens/fundo-topo.jpg");
  background-repeat: repeat-x;
}


#logo_topo {
  margin-left: 0px;
  margin-top: 42px;
}


#area_restrita_topo {
  background-image: url("../imagens/fundo-area-restrita.jpg");
  background-repeat: no-repeat;
  width: 144px;
  height: 33px;
  margin-top: 8px;
  margin-left: 480px;
  text-align: center;
  padding-top: 6px;
  font-family: verdana;
  color: #666666;
  text-decoration: none;
}

#topo {
  width: 144px;
  height: 33px;
  margin-top: 8px;
  margin-left: 480px;
  text-align: center;
  padding-top: 6px;
  font-family: verdana;
  color: #666666;
  text-decoration: none;
}

#texto_topo {
  color: #ffffff;
  font-family: verdana;
  font-size: 10pt;
  margin-top: 20px;
  margin-left: 42px;
 }


#botao-area-restrita {
  cursor: pointer;
  width: 54px;
  height: 23px;
  text-indent: -9999999px;
  font-size: 0;
  display: block;
  line-height: 0;
  overflow: hidden;
  border: 0;
  font-size: 18px;
  color: #fff;
  outline: 0;
  background: #35029a url("../imagens/ok_restrita.png") no-repeat;
  padding: 0;
}


#user_password, #user_email {
  border: 1px solid #DDDDDD;
}


#botao_ok_restrita {
  width: 54px;
  height: 23px;
  text-align: right;
  padding-bottom: -10px;
  padding-right: 10px;
  margin-left: 96px;
  margin-top: 8px;
}


#menu_topo ul li {
  display: inline;
}


#menu_topo {
  text-align: left;
  margin-top: 42px;
 font-family: verdana;
  font-size: 13pt;
  margin-left: 0px;

}


#menu_topo ul {
  background-image: url("../imagens/fundo_menu.png");
  background-position: top center;
  background-repear: no-repeat;
}


#menu_topo li {
  padding-top: 15px;
  padding-bottom: 30px;
  padding-left: 19px;
  padding-right: 19px;
  background-position: center top;
  background-repeat: repeat-x;
}


#menu_topo a {
  text-decoration: none;
  color: white;
}


#menu_topo a:hover {
  text-decoration: none!important;
  color: white!important;
}


#menu_topo a:visited {
  text-decoration: none;
  color: white;
}


#menu_topo a:active {
  text-decoration: none;
  color: white;
}

/* Styles - Menu Dropdown */

#cirurgia, #estetica {
  display: inline;
}


.dropdown, #cirurgia:hover #cirurgia_dropdown, #estetica:hover #estetica_dropdown {
  border-left: 1px solid;
  border-right: 1px solid;
  border-bottom: 1px solid;
  background-color: #192367;
  background-repeat: repeat-x;
  display: block;
  position: absolute;
  padding-left: 20px;
  padding-bottom: 10px;
  padding-top: 5px;
  padding-right: 20px;
  border-style: thin;
  border-width: 1px;
  border-color: white;
}


.dropdown_link, #cirurgia:hover #cirurgia_dropdown a, #estetica:hover #estetica_dropdown a {
  display: block;
  height: auto!important;
}


.dropdown_lista, #cirurgia:hover #cirurgia_dropdown li, #estetica:hover #estetica_dropdown li {
  border-left: 0px!important;
  display: block!important;
  font-size: 14px!important;
  margin: 0px!important;
  padding: 0px!important;
  line-height: 28px!important;
}


.menu_hover, li#cirurgia_li:hover, li#estetica_li:hover {
  background-image: url("../imagens/fundo-menu-selecao.jpg");
  background-repeat: repeat-x;
}


li#cirurgia_li:hover {
  text-decoration: none;
  height: 25px;
}


#cirurgia:hover #cirurgia_dropdown {
  margin-left: 165px;
  width: 160px;
  position: absolute;
  z-index: 5;
  top: 201px;
  text-decoration: none;
}


li#cirurgia_dropdown {
  background-color: red;
}


#estetica:hover #estetica_dropdown {
  margin-left: 117px;
  width: 160px;
  text-decoration: none;
}


.hide {
  display: none;
}


#cirurgia_dropdown {
  display: none;
}


.hr_rodape {
  margin-left: auto;
  margin-right: auto;
  margin-top: 25px;
  width: 100%;
  color: white!important;
  background-color: white!important;
  border: none!important;
}


#divisoria_rodape {
  height: 1px;
  background-color: red;
}


#rodape {
  height: 145px;
  background-image: url("../imagens/rodape.jpg");
  background-repeat: repeat-x;
  margin-top: 80px;
}


#rodapeX {
  height: 145px;
  background-image: url("../imagens/rodape.jpg");
  background-repeat: repeat-x;
  margin-top:950px;
}


#texto_rodape {
  margin-top: 15px;
  font-family: tahoma, arial;
  color: White;
  line-height: 25px;
  padding-top: 15px;
  text-align: center;
  font-size: 13px;
}


#logo_ergo_rodape {
  background-image: url("../imagens/rodape-ergo.jpg");
  background-position: center center;
  background-repeat: no-repeat;
  height: 145px;
  margin-top: -08px;
  text-align: center;
}


#ergosolution_rodape {
  margin-top: 10px;

}


#texto_ergosolution {
  text-family: tahoma, arial;
  font-size: 12px;
  color: #141f64;
  margin-top: 10px;
  font-weight: bold;
  width:260px;
    
}


ul.topnav {
  list-style: none;
  padding: 0 20px;
  margin: 0;
  float: left;
  width: 150px;
  font-size: 1.2em;
  margin-top: -12px;
  margin-left: -12px;
}

ul.topnav li {
  float: left;
  margin: 0;
  padding: 0 15px 0 0;
  position: relative;

}


ul.topnav li a {
  padding: 10px 5px;
  color: #666666;
  display: block;
  text-decoration: none;
  float: left;
  font-size: 14px;
}


ul.topnav li a:visited {
  color: #666666;
  text-decoration: none;
}


ul.topnav li span {
  /*--Drop down trigger styles--*/
  width: 105px;
  height: 45px;
  float: left;
  background: url("../imagens/subnav_btn.gif") no-repeat center right;
}


ul.topnav li span.subhover {
  background-position: center right;
  cursor: pointer;
}

ul.topnav li ul.subnav {
  list-style: none;
  position: absolute;
  left: -7px;
  top: 35px;
  background: white;
  margin: 0;
  padding: 0;
  float: left;
  width: 170px;
  border: 1px solid #ccc;
  padding-top: 10px;
  padding-bottom: 10px;
  display: none;
}

ul.topnav li ul.subnav li {
  margin: 0;
  padding: 0;
  clear: both;
  width: 170px;
}

html ul.topnav li ul.subnav li a {
  float: left;
  width: 145px;
  padding-left: 20px;
  backgroun: none!important;
}

#area_restrita_login {
  font-family: tahoma, arial;
  font-size: 12px;
  text-align: left;
  padding-left: 7px;
}

#area_restrita_senha {
  font-family: tahoma, arial;
  font-size: 12px;
  text-align: left;
  padding-left: 7px;
  padding-top: 6px;
}

.campo_contato_topo {
  width: 150px;
}

.campo_contato_topo {
  border: 1px solid #DDDDDD;
}

/*****  Mensagens de erro e validação *****/
#flash_notice,
#flash_error,
#flash_alert {
  clear: both;
  padding: 5px 8px;
  margin: 10px 0;
  width: 400px;
  margin-left: 10px;
}

#flash_notice {
  background-color: #CFC;
  border: solid 1px #6C6;
  margin-top: 20px!important;
}

#flash_error,
#flash_alert {
  background-color: #FCC;
  border: solid 1px #C66;
}

/*****  Paginação *****/
.flickr_pagination {
  clear: left;
  text-align: center;
  padding: .3em;
}

.flickr_pagination a,
.flickr_pagination span {
  padding: .2em .5em;
}

.flickr_pagination span.disabled {
  color: #AAA;
}

.flickr_pagination span.current {
  font-weight: bold;
  color: #FF0084;
}

.flickr_pagination a {
  border: 1px solid #DDDDDD;
  color: #0063DC;
  text-decoration: none;
}

.flickr_pagination a:hover,
.flickr_pagination a:focus {
  border-color: #003366;
  background: #0063DC;
  color: white;
}

.flickr_pagination .page_info {
  color: #aaa;
  padding-top: .8em;
}

.flickr_pagination .prev_page,
.flickr_pagination .next_page {
  border-width: 2px;
}

.flickr_pagination .prev_page {
  margin-right: 1em;
}

.flickr_pagination .next_page {
  margin-left: 1em;
}
