@import url("https://fisioposiciones.es/css/reset.css");

@import url("https://fisioposiciones.es/css/fonts/texgyre.css");

@font-face { 
  font-family: Yanone Kaffeesatz; 
    src: url('https://fisioposiciones.es/fonts/YanoneKaffeesatz-Regular.eot'); 
    src: local("Yanone Kaffeesatz"), url('https://fisioposiciones.es/fonts/YanoneKaffeesatz-Regular.ttf'); 
} 


* { 
  margin: 0;
  padding: 0;
}

#main, #logo, nav {  
  margin-left: auto; 
  margin-right: auto;
}

 #main {  
  background: #FFF url(../images/backw.png) repeat-x;
  height: 165px;
}
 



#logo {  
  width: 960px;
  position: relative;
  height: 120px;
  background:  url(../images/aa3.png) no-repeat  right ;
  


}


#inicio 
{
      font:  normal 16px  'TeXGyreAdventor' , Century Gothic, arial;
      color :white;
      background : #09D4FF;
      padding :0 5px 0 5px;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      border-radius: 3px;
  
    }


    .iniciop 
{
      font:  normal 15px  'TeXGyreAdventor' , Century Gothic, arial;
      color :#A4A4A4;
      background : none;
      padding :0 10px 0 3px;
      text-align : left ;
 
     
    }
    
#logo h1 { 
  font:  bold 2.3em  'TeXGyreAdventor' , Century Gothic, arial;

  border-bottom: 0;
  text-transform: none;
  text-shadow: none;
  margin: 0;
}

#logo h2 { 
  font: normal 0.80em 'TeXGyreAdventor', Century Gothic, calibri, arial;
   border-bottom: 0;
 
  text-transform: none;
  text-shadow: none;
  margin: 0;
 
}



#logo_text 
{
float:left ;	
}
#rata1 
{
  float:left ;		
  padding: 29px 6px 0 10px;
  height :60px;
}
#rata2
{
float:left ;		
background-color : transparent ;
}
.rata3
{
float:left ;		
 background-color : transparent ;
}

.imgfisiologo
{
    margin-right :2px;
    height:44px;
    }

#logo_text  h1, #logo_text h1 a, #logo_text h1 a:hover { 
  padding: 20px 0 0 0;
  /*color: #09D4FF; fisi*/
 color: #29a8eb; 
  text-decoration: none;
}

#logo_text h1 a .logo_colour { 
  color: #000;
  text-shadow: 0;
}

#logo_text a:hover .logo_colour { 
  color: #000;
}

#logo_text h1 a .logo_colour_center { 
  color: #be3c01;
  text-shadow: 0;
}


	
#logo_text h2 { 
  padding: 0 0 0 0;
  font-size :14px;
/*  color: #A8AA94;*/
color: #A8AA94;

}

/*BARRA DE MENU */
nav {  
  width: 1000px;
  font: normal 0.50em Calibri, Helvetica;
  padding: 0 0 0 4px;
 
} 



/* Theming the menu */
ul#nav { 
  float: left;
 
}

ul#nav ul  
{
   
  background: #eee;
  margin-top: 0;
  border: 1px solid #ddd;
}

/* elemento normal*/
ul#nav li a  
{
  height :26px;
  padding:9px 20px 10px 20px;
  font:  135% 'TeXGyreAdventor', Century Gothic, calibri,arial,verdana,sans;
 
  text-decoration:none;
  
  color: #000;
}

/* elemento seleccionado*/
 ul#nav li.selected { 
  background:   #09D4FF;
}

/* elemento destacado*/
 ul#nav li.destaca { 
  background:   #f79281;
}

/* elemento raton pasa encima*/
ul#nav li a:hover, ul#nav li a:focus { 
  background: white;
}


/* Framework for proper showing/hiding/positioning */
ul.sf-menu,ul.sf-menu * { 
  margin: 0;
  padding: 0;
}

ul.sf-menu  
{
	
  display: block;
  position: relative;
}
  
ul.sf-menu li { 
  display: block;
  list-style: none;
  float: left;
  position: relative;
}
  
ul.sf-menu li:hover { 
  visibility: inherit; /* fixes IE7 'sticky bug' */ 
}

ul.sf-menu a { 
  display: block;
  position: relative;
  
}
  
ul.sf-menu ul { 
  position: absolute;
  left: 0;
  width: 150px; 
  top: auto;
  left: -999999px;
}
  
ul.sf-menu ul a { 
  zoom: 1; /* IE6/7 fix */ 
}

ul.sf-menu ul li { 
  float: left; /* Must always be floated otherwise there will be a rogue 1px margin-bottom in IE6/7 */
  width: 150px;
   font: 85% 'Yanone Kaffeesatz',helvetica,arial,verdana,sans;
}
  
ul.sf-menu ul ul { 
  top: 0;
  margin: 0 0 0 150px;
}

ul.sf-menu li:hover ul,ul.sf-menu li:focus ul,ul.sf-menu li.sf-hover ul, 
ul.sf-menu ul li:hover ul,ul.sf-menu ul li:focus ul,ul.sf-menu ul li.sf-hover ul,
ul.sf-menu ul ul li:hover ul,ul.sf-menu ul ul li:focus ul,ul.sf-menu ul ul li.sf-hover ul,
ul.sf-menu ul ul ul li:hover ul,ul.sf-menu ul ul ul li:focus ul,ul.sf-menu ul ul ul li.sf-hover ul { 
  left: auto;
}
  
ul.sf-menu li:hover ul ul,ul.sf-menu li:focus ul ul,ul.sf-menu li.sf-hover ul ul,
ul.sf-menu ul li:hover ul ul,ul.sf-menu ul li:focus ul ul,ul.sf-menu ul li.sf-hover ul ul,
ul.sf-menu ul ul li:hover ul ul,ul.sf-menu ul ul li:focus ul ul,ul.sf-menu ul ul li.sf-hover ul ul,
ul.sf-menu ul ul ul li:hover ul ul,ul.sf-menu ul ul ul li:focus ul ul,ul.sf-menu ul ul ul li.sf-hover ul ul { 
  left: -999999px;
}

.clear
{
    clear:both ;
}


/* PROGRESS BARS*/

.containersimple { text-align: center; margin: 0px;  }
.containerE { text-align: center; margin: 20px;  }

a { text-decoration: none; color: #EC5C93; }

.bar-main-container {
  margin: 10px auto;
  width: 90%;
  height: 45px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  font-family: sans-serif;
  font-weight: normal;
  font-size: 0.8em;
  color: #FFF;
  
}

.bar-main-containersimple {
  margin: 0px auto;
  width: 250px;
  height: 35px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  font-family: sans-serif;
  font-weight: normal;
  font-size: 0.8em;
  color: #FFF;
}

.bar-main-containersimpleXS {
  margin: 0px auto;
  width: 50px;
  height: 65px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  font-family: sans-serif;
  font-weight: normal;
  font-size: 0.8em;
  color: #FFF;
}

.wrap { padding: 8px 0 0 30px; width :100%  }
.wrapsimple { padding: 4px; }
.wraptxt { padding: 8px; }

.bar-percentage {
  float: left;
  background: rgba(0,0,0,0.13);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  padding: 6px 0px;
  width: 18%;
  height: 16px;
  font-size:13px;
}

.bar-container {
  float: right;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  height: 8px;
  background: rgba(0,0,0,0.13);
  width: 78%;
  margin: 9px 3px;
  overflow: hidden;
}

.bar {
  float: left;
  background: #FFF;
  height: 100%;
  -webkit-border-radius: 10px 0px 0px 10px;
  -moz-border-radius: 10px 0px 0px 10px;
  border-radius: 10px 0px 0px 10px;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
}

/* COLORS */
.azure   { background: #38B1CC; }
.emerald { background: #2CB299; }
.violet  { background: #8E5D9F; }
.yellow  { background: #EFC32F; }
.red     { background: #E44C41; }
.bluefisio { background: #24befc; }
.gray { background: #CCCCCC; }