body{
  background: #f7f3f0;
  font-family: "Arial", sans-serif
}

a {
  color: #000;
}

a.blue {
  color: #44aeca;
}

b {
  font-weight:bold;
}

span.bold{
  font-weight:bold;
}

div#outside_wrapper{
  width: 880px;
  margin: 0 auto;
}

div#wrapper{
  margin-top:7px;
  background:#FFF;
  padding-top:30px;
  height: 510px;
}

ul li.menu{
  background: #313031;
}
ul li.blue, ul li.blue_promo, ul li.blue_promo2 {
  background: #44aeca;
}
ul li.white{
  background: #fefeff;
}

.transparent { 
  -moz-opacity:.85; 
  filter:alpha(opacity=85); 
  opacity:.85; 
}

/*------Locales-------*/
ul#locales_menu{
  margin-left:20px;
  margin-top: 5px;
  margin-right: 50px;
  width: 200px;
  float: left;
}
ul#locales_menu li{
  display:inline;
}
ul#locales_menu li a{
  color: #AAA;
  font-size: 12px;
  text-transform: capitalize;
}
ul#locales_menu li.current_locale a{
  color: #333;
  font-weight: bold;
}


/*------Social Media-------*/
div#sm_menu{
  margin-right: 24px;
  margin-top: 5px;
  font-family: Arial;
  font-size: 11px;
  float: right;
}
div#sm_menu img {
	margin-left: 7px;
}


/*------Navigation------*/

ul#navigation li a{
  color: #FFF;
  font-size: 10px;
  padding: 25px 0px 10px 10px;
  display:block;
  text-transform: uppercase;
}
ul#navigation li.current a{
  padding-top: 95px;
  background: #000;
}
ul#navigation li a:hover, li.menu:hover{
  background: #000;
}
li.dark_blue:hover{
  background: #0092ba;
}
div.cont_index{
  background: url(../img/portada.jpg) no-repeat center;
}
div.cont_aboutus{
  background: url(../img/joan.png) no-repeat center;
}
div.cont_ourjob{
  background: url(../img/ortodoncia_invisible.png) no-repeat center;
}
div.cont_faq{
  background: url(../img/faqs.png) no-repeat center;
}
div.cont_contact{
  background: url(../img/contacte.png) no-repeat center;
}
/*------Content-------*/
div#content{
  height:390px;
}
/*------Content/Index-------*/
ul#index_menu{
  margin-top: 280px;
  font-size: 12px;
}
ul#index_menu li{
  margin-top: 5px;
  padding-left: 10px;
}

ul#index_menu li a {
  color: #fff;
  font-size: 10px;
  text-transform: uppercase;
}

ul#index_menu li.menu a {
  display:block;
  height: 25px;
  padding-top: 25px;
}

ul#index_menu li.blue a {
  display:block;
  height: 35px;
  padding-top: 15px;
}

ul#index_slogan{
  margin-top: -60px;
  font-size: 12px;
}

/* AMB UL LI */
ul#index_slogan li{
  margin-top: 7px;
  margin-left: 60px;
  text-transform: uppercase;
}
ul#index_slogan li.white {
  font-size: 32px;
  padding: 7px 30px;
  width:170px;
  margin-top: -20px;
  clear: right;
}
ul#index_slogan li.blue {
  color: #fff;
  padding: 7px 30px;
  width:170px;
  font-weight: bold;
}
ul#index_slogan li.blue_promo {
  color: #fff;
  padding: 7px 30px;
  width:170px;
  text-transform: none;
  font-size: 11px;
}

ul#index_slogan li div.blue_promo2 {
  color: #000;
  width:90px;
  height: 75px;
  padding-top: 15px;
  -webkit-border-radius: 45px;
  -moz-border-radius: 45px;
  border-radius: 45px;
  margin-left: 150px;
  background: #44aeca;
  text-transform: none;
  text-align: center;
  display: block;
  position: relative;
  z-index: 100;
}




.gris {
  color: #333333;
  font-weight: bold;
}


/*------Content/Aboutus ------*/
div#aboutus_content {
  background:#000;
  margin-top: 4px;
  height:386px;
}

div#aboutus_content h1 {
  color: #44aeca;
  padding-left: 30px;
  padding-right: 30px;
  padding-top: 20px;
  margin-bottom: 15px;
  font-size: 26px;
}

div#aboutus_content p{
  color:#fff;
  padding-left: 30px;
  padding-right: 30px;
  font-size: 12px;
}

/*------Content/Ortodoncia_invisible-----*/
#tabs ul li {
  margin-top: 4px;
  background:#999;
}


#tabs ul li.ui-tabs-selected, #tabs ul li:hover {
  background:#313031;
}

#tabs ul li.blue {
  background: #95d4e5;
}

#tabs ul li.blue.ui-tabs-selected, #tabs ul li.blue:hover {
  background: #44aeca;
}

#tabs ul li a {
  display:block;
  height:40px;
  text-transform:uppercase;
  font-size:16px;
  color:#fff;
  padding:10px;
}
#tabs ul li span {
  text-transform:none;
}

#tabs_3, #tabs_4, #tabs_1, #tabs_2 {
  margin-top: 4px;
}

#tabs_3, #tabs_4{
  margin-top: 5px;
  padding-top: 15px;
  background: #FFF;
  height: 306px;
  width: 830px;
  padding-left: 0px;
  padding-right: 0px;
  color: #000; 
  -moz-opacity:.90;
  filter:alpha(opacity=90);
  opacity:.90;
  
}
#tabs_3 h3, #tabs_4 h3{
  color: #44aeca;
  font-weight: bold;
}

#tabs_3 p, #tabs_4 p{
  width: 485px;
  margin-top: 20px;
  margin-left: 10px;  
}
#tabs_3 img, #tabs_4 img{
    margin-top: 20px;
}

/*------Content/faq-----*/
#tabs_faq ul li {
  margin-top: 4px;
  background:#999;
}

#tabs_faq ul li.ui-tabs-selected, #tabs_faq ul li:hover {
  background:#313031;
}

#tabs_faq ul li.blue {
  background: #95d4e5;
}

#tabs_faq ul li.blue.ui-tabs-selected, #tabs_faq ul li.blue:hover {
  background: #44aeca;
}

#tabs_faq ul li a {
  display:block;
  height:40px;
  text-transform:uppercase;
  font-size:11px;
  color:#fff;
  padding:10px;
}
#tabs_faq .sub_tabs_faq ul{
  margin-top: 4px;
}

#tabs_faq .sub_tabs_faq ul li {
  margin-top: 0px;
  background: none;
}

#tabs_faq .sub_tabs_faq ul li.ui-tabs-selected, #tabs_faq .sub_tabs_faq ul li a:hover {
  font-weight:600;
}

#tabs_faq .sub_tabs_faq ul li.blue.ui-tabs-selected, #tabs_faq .sub_tabs_faq ul li.blue a:hover {
  background: none;
}

#tabs_faq .sub_tabs_faq ul li a {
  display:block;
  height: auto;
  margin-bottom: 0px;
  text-transform:none;
  font-size:12px;
  color:#fff;
  padding-left: 20px;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-right: 5px;
  margin-bottom: 5px;
}
#tabs_faq .sub_tabs_faq .blue{
  background: #44aeca;
  height: 322px;
}
#tabs_faq .sub_tabs_faq .content_tab{
  margin-top: 4px;
  background: #FFF;
  height: 324px;
  overflow-y: scroll;
}

#tabs_faq h3 {
  font-size: 22px;
  height:40px;
  padding-top: 10px;
  padding-left: 20px;
  margin-bottom: 20px;
}
#tabs_faq .content_tab h3 {
  color: #44aeca;
}

#tabs_faq .content_tab p, #tabs_faq .content_tab ul, #tabs_faq .content_tab ol {
  font-size: 12px;
  padding-left: 20px;
  padding-right: 30px;
  margin-bottom: 5px;
}

#tabs_faq .content_tab ol li {
  list-style: none;
  /*font-size: 10px;*/
  margin-bottom: 3px;
  line-height: 13px;
}

#tabs_faq .content_tab p a {
  color: #44aeca;
}

/*------Content/Contact-----*/
#contact1, #contact2{
  margin: 4px 0px 4px 0px;
  color: #FFF;
}
#contact1 h2, #contact2 h2{
  color: #44aeca;
  font-weight: bold;
  font-size: 18px;
  margin: 10px 0px 10px 0px;
  padding-left: 10px;
}
#contact1 a, #contact2 a{
  color: #FFF;
  display:block;
  margin-top: 10px;

}
#contact1 a:hover, #contact2 a:hover{
  text-decoration: underline;
}

#contact1 #map_canvas1, #contact2 #map_canvas2 {
  height: 175px;
  visibility: hidden;
}
#contact1 #map_canvas1.showed, #contact2 #map_canvas2.showed{
  visibility: visible;
}

#contact1 div.address, #contact2 div.address{
  background: #000;
  height: 175px;
}
#contact1 address, #contact1 a, #contact2 address, #contact2 a{
  padding-left: 10px;
}

/*------Footer-------*/
div#footer1{
  background: #FFF;
}

div#footer1 p{
  height: 45px;
  padding-top: 5px;
  padding-bottom: 25px;
  text-indent: -9000px;
  background: url(../img/logo-footer.png) no-repeat center;
}

div#footer2{
  margin-top: 15px;
  background: #FFF;
  text-align: center;
  font-size:10px;
  padding: 10px 0px 10px 0px;
}
div#footer2 span.blue{
  color: #44aeca;
  font-weight: bold;
}
div#footer2 span.blue a{
  color: #44aeca;
  font-weight: bold;
}
div#footer2 span.blue a:hover{
  text-decoration:underline;
}