@charset "utf-8";
/* CSS Document */


html,body{
margin:0;
padding:0;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
width:100%;
color:#666666;
line-height: 21px;
}


.transition {
    -webkit-transform: scale(1.2); 
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}
.enlarge {
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
}


#top_header{
background-color:#00cfd9;
min-height:20px;
position:relative;}


#search{
float:right;}

#search_term{
background: rgba(255, 255, 255, 0.5) none repeat scroll 0 0;
    border:none;
    box-shadow:none;
    margin: 3px 0 3px 0;
    padding: 5px 25px 5px 5px;
    width: 350px;
	background-image:url(../graphics/search-icon-blue.png);
	background-repeat:no-repeat;
	background-position:center right;
	color:#FFFFFF;
	font-style:italic;
	}

#logo{
position:absolute;
top:40px;
/* left:40px;*/
z-index:100;}


.custom_sticky {
    background-color: #ffffff;
    border-radius: 5px 0 0 5px;
    border-top: 5px solid #00cfd9;
    box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.1);
    padding: 10px 40px;
    position: fixed;
    right: 0;
    top: 25%;
    z-index: 1000;
}

.custom_sticky a, .custom_sticky_resp a{
text-decoration:none;}

.close_reserve {
    background-color: #00cfd9;
    color: #ffffff;
    cursor: pointer;
    font-size: 24px;
    padding: 0 0 5px;
    position: fixed;
    right: 0;
    text-align: center;
    top: 23%;
    width: 40px;
    z-index: 1050;
}

.rotated {
    transform: rotate(45deg);
    transition-duration: 1s;
}


.custom_sticky_resp{
display:none;}

#menu_wrapper, #top_header_wrapper, #icons, #last_articles_wrapper, #last_blogs, #footer_top_wrapper,#footer_bottom_wrapper,.innerpage_wrapper, #breads_wrapper, .theiatria_headers{
max-width:1408px;
margin:auto;
position:relative;
text-align:justify;
padding:0 20px;
line-height: 30px;
}

.theiatria_headers{
text-align:center;
padding:20px 0;
font-size:18px;
color:#00cfd9;}

.theiatria_headers a{
color:#00cfd9;
text-decoration:none;
}

.theiatria_headers a:hover{
text-decoration:underline;}

#icons{
margin:20px auto;
text-align:center;}

#menu_wrapper{
height:100%;}

#menu{
height:75px;
border-bottom:#00cfd9 thin solid;

padding:5px 0 20px 0;}

#smoothmenu1{
float:right;}


/*MENU*/
.slicknav_menu {
	display:none;
	position:absolute;
	top:30px;
	left:0;
	z-index:1000;
}

.slicknav_menutxt{
display:none;
}

.js #menuresp {
	display:none;
}	


/*MENU*/

.table{
    display: table;   
}

.cell{
    height:85px;
    display:table-cell;
    vertical-align: middle;

 }

#slideshow{
-webkit-box-shadow: 2px 7px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 2px 7px 5px 0px rgba(0,0,0,0.75);
box-shadow: 2px 7px 5px 0px rgba(0,0,0,0.35);}

/*SLIDESHOW*/
.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  /*height:500px !important;*/
  }
/*SLIDESHOW*/


.index_banners{
width:23%;
float:left;
margin-right: 2%;
text-align:center;
}

.index_banners img{
width:100%;
max-width:211px;}

#last_articles{
background-color:#00cfd9;
padding:20px 0 20px 0;
margin:15px 0 0 0;}

.index_banners a,.index_banners a:visited,.index_banners a:active{
color:#00cfd9;
font-size:14px;
font-weight:bold;
text-decoration:none;}

#article_main_image{
float:left;
width:25%;
padding:0 0 0 2%;
display:inline-block;
text-align:center;
}

#article_main_map{
float:left;
width:30%;
}


#index_team_image{
display:none;}

.team_mainimage_table{
display:table;
width:90%;
height:300px;}

.team_mainimage_td{
display:table-cell;
vertical-align:middle;
text-align:center;
width:100%;}

#team_main_image img{
width:100%;
max-width:400px;
border:#FFFFFF thin solid;
-webkit-box-shadow: 0px 3px 3px #666666;
-moz-box-shadow: 0px 3px 3px #666666;
box-shadow: 0px 3px 3px #666666;
margin-bottom: 20px;}

#team_summary{
float:right;
width:60%;
border-left:#FFFFFF thin solid;
padding:0 0 0 20px;
color:#FFFFFF;
text-align:justify;}

#index_article_image{
display:none;}

.art_mainimage_table{
display:table;
width:100%;
height:300px;}

.art_mainimage_td{
display:table-cell;
vertical-align:middle;
text-align:center;
width:100%;}

#article_main_image img{
width:100%;
max-width:400px;
border:#FFFFFF thin solid;
-webkit-box-shadow: 0px 3px 3px #666666;
-moz-box-shadow: 0px 3px 3px #666666;
box-shadow: 0px 3px 3px #666666;}

#article_summary{
float:right;
width:65%;
border-left:#FFFFFF thin solid;
padding:0 0 0 20px;
color:#FFFFFF;
text-align:justify;}

#last_blogs{
margin-top:20px;
text-align:center;}

#blog_entry{
display:inline-block;
width:28%;
margin:0 2% 0 2%;}

.indx_aricletitle{
display:table;
height:50px;}

.ind_articletitle_td{
display:table-cell;
vertical-align:middle;}

.blog_image{
text-align:center;
position:relative;}

#blog_entry img{
width:100%;
border:#00cfd9 thin solid;
-webkit-box-shadow: 0px 3px 3px #666666;
-moz-box-shadow: 0px 3px 3px #666666;
box-shadow: 0px 3px 3px #666666;
margin:0 0 5px 0;
height:250px;}

.blog_date{
position:absolute;
top:0;
right:5px;
width:40px;
height:53px;
background-image:url(../graphics/date_blog_bg.png);
background-repeat:no-repeat;
background-position:top;
font-size:13px;
color:#FFFFFF;
font-weight:bold;
padding:5px 0 0 0;}

#blog_summary{
text-align:justify;
padding:10px 0 5px 0;}

.more_green {
  background: #ffffff;
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  font-family: Arial;
  color: #00cfd9;
  font-size: 14px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}

.more_green:hover {
  -webkit-box-shadow: 0px 3px 3px #666666;
  -moz-box-shadow: 0px 3px 3px #666666;
  box-shadow: 0px 3px 3px #666666;
  text-decoration: none;
}

.more_white {
  background: #ffffff;
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  border:#00cfd9 thin solid;
  font-family: Arial;
  color: #00cfd9;
  font-size: 14px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}

.more_white:hover {
  -webkit-box-shadow: 0px 3px 3px #666666;
  -moz-box-shadow: 0px 3px 3px #666666;
  box-shadow: 0px 3px 3px #666666;
  text-decoration: none;
}

#footer_top{
border-top:#00cfd9 thin solid;
margin-top:20px ;
padding:10px 0 10px 0;}

.footer_column{
display:block;
text-align:center;
width:100%;
margin:20px auto;}

.footer_column_right{
display:block;
float:none;
width:100%;
margin:20px 0 0 0;
border-bottom:#00cfd9 thin solid;
}

#fb_frame{
height:350px;
border:none;
 overflow:hidden;
 display:block; 
 text-align:center;
  margin:auto;}

#map_canvas{
width:100%;
height:400px;
  -webkit-box-shadow: 0px 3px 3px #666666;
  -moz-box-shadow: 0px 3px 3px #666666;
  box-shadow: 0px 3px 3px #666666;}

#map_canvas h3{
color:#00cfd9;}

.iatrio_address{
display:inline-block;
width:24%;
margin:0;
text-align:center;
padding: 0 0 50px 0; 
}

.iatrio_address a{
color: #00cfd9;
margin: 0px 0 10px 0;
padding: 0 0 0px 0;
font-size: 17px;
text-decoration: none;
}


.iatreio_image{
display:inline-block;
width:49%;
margin:0;
vertical-align:bottom;
text-align:center;}

.iatreio_image img{
width:99%;}

#footer_bottom{
background-color:#00cfd9;
min-height:50px;}

#footer_bottom_wrapper{
padding:10px 0 10px 0;
text-align:center;
color:#FFFFFF;
}

#footer_bottom_wrapper ul{
margin:0;
padding:0;
list-style-type:none;}

#footer_bottom_wrapper ul li{
display:inline;
margin:0 15px 0 15px;}

#footer_bottom_wrapper ul li a{
font-size:14px;}

#footer_bottom_wrapper a,#footer_bottom_wrapper a:visited,#footer_bottom_wrapper a:active{
color:#FFFFFF;
text-decoration:none;}

#footer_bottom_wrapper a:hover{
text-decoration:underline;}


legend{
font-size:17px;
font-weight:bold;}

input, #comment, #category {
    border: 5px solid white; 
    -webkit-box-shadow: 
      inset 0 0 8px  rgba(0,0,0,0.1),
            0 0 16px rgba(0,0,0,0.1); 
    -moz-box-shadow: 
      inset 0 0 8px  rgba(0,0,0,0.1),
            0 0 16px rgba(0,0,0,0.1); 
    box-shadow: 
      inset 0 0 8px  rgba(0,0,0,0.1),
            0 0 16px rgba(0,0,0,0.1); 
    padding: 15px;
    background: rgba(255,255,255,0.5);
    margin: 0 0 10px 0;
	width:60%;
}

#category{
    border: 5px solid white; 
    -webkit-box-shadow: 
      inset 0 0 8px  rgba(0,0,0,0.1),
            0 0 16px rgba(0,0,0,0.1); 
    -moz-box-shadow: 
      inset 0 0 8px  rgba(0,0,0,0.1),
            0 0 16px rgba(0,0,0,0.1); 
    box-shadow: 
      inset 0 0 8px  rgba(0,0,0,0.1),
            0 0 16px rgba(0,0,0,0.1); 
    padding: 15px;
    background: rgba(255,255,255,0.5);
    margin: 0 0 10px 0;
	width:90%;
	font-size:15px;
}


#tagcloud {
font-size:12px;
}
 
#tagcloud span {
    padding: 2px;
}

#content #tagcloud .smallest {
    font-size: x-small;
}
 
#content #tagcloud .small {
    font-size: small;
}
 
#content #tagcloud .medium {
    font-size:medium;
}
 
#content #tagcloud .large {
    font-size:large;
}
 
#content #tagcloud .largest {
    font-size:x-large;
}

.medium{
font-size:17px;}


.clear{
clear:both;
}

.clear_left{
clear:left;}

.clear_right{
clear:right;}

#back-top {
	position: fixed;
	bottom: 30px;
	right: 50px;
	z-index:9999;
}

h1{
color:#FFFFFF;
margin:0px 0 10px 0;
padding:0;
font-size:20px;
text-align:left;}

h1.green{
color:#00cfd9;
margin:0px 0 10px 0;
padding:0 0 10px 0;
font-size:20px;
text-align:center;
margin:auto;
width:100%;}

h2.green{
color:#00cfd9;
margin:0px 0 10px 0;
padding:0 0 0px 0;
font-size:18px;
text-align:left;}

h2.centertitle{
text-align:center;}

h3{
color:#FFFFFF;
margin:5px 0 5px 0;
padding:0;
font-size:16px;}

h3.green{
color:#00cfd9;
margin:5px 0 5px 0;
padding:0;
font-size:16px;}

.inner_image{
width:100%;}

.inner_image img{
width:100%;}

.innerpager_submenu{
float:left;
width:20%;}

#breads{
margin:10px 0  20px 0;
padding:20px 0 5px 0;
border-bottom:#00cfd9 3px solid;}

#breads a,#breads a:visited, #breads a:active{
text-decoration:none;
font-size:13px;
color:#00cfd9;}

#breads a:hover{
text-decoration:underline;}

.innerpage_content{
float:left;
width:75%;
margin:0 0 0 3%;}

.innerpage_content img{
border:#00cfd9 thin solid;
-webkit-box-shadow: 0px 3px 3px #666666;
-moz-box-shadow: 0px 3px 3px #666666;
box-shadow: 0px 3px 3px #666666;
}

.innerpage_content2{
float:left;
width:75%;
margin:0 0 0 3%;}

.innerpage_content2 img {
    border: #00cfd9 thin solid;
    -webkit-box-shadow: 0px 3px 3px #666666;
    -moz-box-shadow: 0px 3px 3px #666666;
    box-shadow: 0px 3px 3px #666666;
    width: 23%;
    margin-right: 30px;
}

.innerpage_content h4{
font-size:14px;
font-weight:bold;
padding:5px 0 5px 10px;
border-left:#00cfd9 thin solid;}

.innerpager_submenu{
position:relative;
min-height:400px;
margin-top:-40px;
z-index:2000;}

#thesubmenu{
background-color:#00cfd9;
width:100%;
-webkit-box-shadow: 0px 3px 3px #666666;
-moz-box-shadow: 0px 3px 3px #666666;
box-shadow: 0px 3px 3px #666666;
padding:10px 0 20px 0;
}

#thesubmenu h1{
text-align:center;
border-bottom:#FFFFFF 2px solid;
padding:0 0 5px 0;
margin:0 0 10px 0;}

#thesubmenu ul{
margin:0;
padding:0;
list-style-type:none;}

#thesubmenu ul li{
display:block;}

#thesubmenu ul li a,#thesubmenu ul li a:active,#thesubmenu ul li a:visited{
display:block;
padding:10px 10px 10px 30px;
border-bottom:#FFFFFF thin solid;
font-size:14px;
text-decoration:none;
color:#FFFFFF;
text-align:left;
}

#thesubmenu ul:last-child li:last-child a{
border-bottom:none;}

#thesubmenu ul li a:hover{
background-color:#FFFFFF;
color:#00cfd9;}

.more_images {
text-align:center;}

.more_images img{
display:inline-block;
max-height:200px;
margin:5px 10px 5px 0;}



.innerpage_wrapper #article_main_image{
float:left;
width:30%;
text-align:center;
display:inline-block;
}

.innerpage_wrapper #article_main_image img{
}

.innerpage_wrapper #article_summary{
color:#666666;
margin:10px 0 10px 0;}

.innerpage_wrapper #team_main_image{
float:left;
width:35%;
text-align:center;
display:inline-block;
}

.innerpage_wrapper #team_main_image img{
}

.innerpage_wrapper #team_summary{
color:#666666;
margin:10px 0 10px 0;}

#map_adress{
font-size:14px;
font-weight:bold;}

.innerpage_wrapper a,.innerpage_wrapper a:visited,.innerpage_wrapper a:active{
text-decoration:none;
color:#00cfd9;
}

.innerpage_wrapper a:hover{
text-decoration:underline;}

#paging a, #paging a:active, #paging a:visited{
border:#00cfd9 thin solid;
padding:2px;
}

#paging a:hover{
border:#00cfd9 thin solid;
background-color:#00cfd9;
color:#FFFFFF !important;
padding:2px;
}

#paging .current{
border:#00cfd9 thin solid;
background-color:#00cfd9;
color:#FFFFFF !important;}


#mostvisited{
margin:5px 0 5px 0;
list-style-type:none;
color:#00cfd9;
}

#mostvisited li{
padding:8px 0 8px 0;}

#mostvisited li a,#mostvisited li a:active,#mostvisited li a:visited{
color:#666666;
font-size:16px;
text-decoration:none;}

#mostvisited li a:hover{
text-decoration:underline;}

.name_address{
display:inline-block;
width:100%;
margin:auto;
text-align:center;
font-size:15px;
	
}

.doc_name,.doc_address{
display:inline-block;
width:100%;
margin:auto;
text-align:center;
font-size:15px;
padding: 20px 0;
}

#iatreia_clear{
border-bottom:#00cfd9 thin solid; padding:5px 0 0 0;}


#left{
float:left;
width:45%;
}

#right{
float:right;
width:45%;}


/************MEDIA QUERIES**************/
@media screen and (max-width: 1080px) {
#logo{
top:35px;}

#logo img{
height:85px;}
}
@media screen and (max-width: 1023px) {
.js .slicknav_menu {
		display:block;
		width:200px;
		float:right;
		top: 55px;
	}	

#smoothmenu1{
display:none;
}

#logo{
position:absolute;
top:45px;
right:0px;
left:auto;
z-index:100;
}

#article_main_image img{
height:auto;
width:100%;
border:#FFFFFF thin solid;
-webkit-box-shadow: 0px 3px 3px #666666;
-moz-box-shadow: 0px 3px 3px #666666;
box-shadow: 0px 3px 3px #666666;
}

}

@media screen and (max-width: 868px) {


.footer_column, .footer_column_right{
float:none;
width:100%;
margin:5px 0 5px 0;
/*border-bottom:#00cfd9 thin solid;*/
padding:5px 5px 5px 5px;
text-align:center;
display:block;}

#left{
float:none;
width:100%;
}

#right{
float:none;
width:100%;}


#fb_frame{
display:block;
width:300px !important;
margin-left: auto;
margin-right: auto;}

#map_canvas{
width:95%;
height:400px;
min-height: 400px;
}

.innerpager_submenu{
display:none;}

.innerpage_content{
width:90%;
float:none;
padding:0 10px ;}

.innerpage_wrapper{
padding:0 10px ;
}

.more_images{
text-align:center !important;}



.more_images img{
}



#article_main_image img{
height:auto;
width:100%;
border:#FFFFFF thin solid;
-webkit-box-shadow: 0px 3px 3px #666666;
-moz-box-shadow: 0px 3px 3px #666666;
box-shadow: 0px 3px 3px #666666;}

#index_article_image{
display:block;
width:50%;
margin:10px 10px 10px 0;}

#article_main_image, .art_mainimage_table{
display:none;}

#article_summary{
float:none;
width:90%;
border-left:none;
margin:20px 0 0 0;}

}

@media screen and (max-width: 768px) {
#form1{
width:100%;
text-align:center;
display:block;
margin:auto;}

#search{
float:none;}

#bottom_menu{
display:none;}

#article_main_map{
float:none;
width:90%;
padding:0 0 0 20px;
}

.iatrio_address{
display:block;
width:100%;
text-align:center;}

#fb_frame{
width:90%;
height:200px;}

#blog_entry{
float:none;
width:90%;
margin:5px 0 5px 0;
padding:5px 10px 5px 10px;}

#blog_entry img{
width:100%;
border:#00cfd9 thin solid;
-webkit-box-shadow: 0px 3px 3px #666666;
-moz-box-shadow: 0px 3px 3px #666666;
box-shadow: 0px 3px 3px #666666;
margin:0 0 5px 0;
height:250px;}

.close_reserve, .custom_sticky{
display:none;}

.custom_sticky_resp{
display:block;
padding:7px 0 0 0;}
}


@media screen and (max-width: 668px) {


.index_banners{
float:none;
width:90%;
text-align:center;}


}

@media screen and (max-width: 540px) {


.doc_name,.doc_address{
display:block;
width:90%;
margin:auto;
text-align:center;}

.iatreio_image{
display:block;
width:100%;
margin:5px 0;
text-align:center;}

.iatreio_image img{
width:90%;}

.more_images {
    text-align: center !important;}

.more_images img{
display:block;
width:100%;
max-width:300px;
margin:5px auto;}

.innerpage_wrapper img{
float:none !important;
text-align:center;
display: block;
margin:0 0 10px 0 !important;}

}