@import url("global.css");
@media all {
a.more { background-position: 100% 60%; background-repeat: no-repeat; padding-right: 8px; }

/* RESOURCES*/		
div#resources { background: #464540 url("../images/bg-resources.gif") repeat-x; height: 177px; position: relative; }
#resources #left { float: left; width: 550px; border-right:1px solid #464540; }
#resources #right { float: right; width: 248px; border-left:1px solid #464540; }
#resources #right .turvirtual { background:url(../images/bg-tur-viitor.png) no-repeat top left; height:177px; border-bottom:2px solid #464540; }
/* #resources #right .viitor { background:url(../images/bg-tur-viitor.png) no-repeat bottom left; height:88px; border-bottom:2px solid #464540; } */

/* TARGETS*/		
#targets { position: relative; background: #464540; color: #fff; line-height: 15px; }
#targets img  { margin-bottom: 6px; }

/* Horizontal Accordion*/
#horizontal_container { margin: 20px 0; width: 800px; height: 200px; background: #464540 url(../images/bg-index.png) no-repeat right bottom; }
.accordion_toggle {
float: left;	/* REQUIRED *//* This make sure it stays horizontal */
display: block;	/* REQUIRED */
height: 200px;
width: 50px;
background-color: #ff9933;
color: #fff;
text-decoration: none;
outline: none;
border-right: 1px solid #464540;
cursor: pointer;
margin: 0;
}

.accordion_toggle_active { background-color: #fff; border-right: 1px solid #464540;}
.accordion_content {
height: 200px;	/* REQUIRED *//* We need to define a height for the accordion as it stretches the width */
float: left;		/* This make sure it stays horizontal */
overflow: hidden;	/* REQUIRED */
background-color: #464540; color: #fff;
}

h1.h-fitness {background: url(../images/acc-all.png) no-repeat scroll left bottom;}
h1.h-piscina {background: url(../images/acc-all.png) no-repeat scroll -50px bottom;}
h1.h-masaj {background: url(../images/acc-all.png) no-repeat scroll -100px bottom;}
h1.h-tenis {background: url(../images/acc-all.png) no-repeat scroll -150px bottom;}
h1.h-fotbal {background: url(../images/acc-all.png) no-repeat scroll -200px bottom;}

.accordion_content h2 span {font-family:"Helvetica Neue",Arial,Helvetica,Geneva,sans-serif;color: #ff9933;}

.homefitness {background: #464540 url(../images/bg-h-all.jpg) no-repeat scroll right -800px;}
.homepiscina {background: #464540 url(../images/bg-h-all.jpg) no-repeat scroll right -600px;}
.homemasaj {background: #464540 url(../images/bg-h-all.jpg) no-repeat scroll right -400px;}
.hometenis {background: #464540 url(../images/bg-h-all.jpg) no-repeat scroll right -200px;}
.homefotbal {background: #464540 url(../images/bg-h-all.jpg) no-repeat scroll right top;}

.accordion_content h2 { margin: 0; padding: 0; line-height: 1em; padding-top: 10px; padding-left: 10px; padding-bottom: 5px; font-size: 3em; color: #fff; width: 450px; }
.accordion_content h3 { margin: 0; padding: 0; line-height: 1em; padding-top: 2px; padding-left: 10px; padding-bottom: 10px; font-size: 1.8em; color: #fff; width: 450px; }
.accordion_content p { height: 70px; font-size: 1.15em; padding: 5px 10px 0 10px; width: 360px; }
.accordion_content p.detalii { height: 1.2em; font-size: 1.15em; padding: 5px 10px 0 10px; width: 360px; line-height: 1.3em; margin: 0; }
.accordion_content a { color: #ff9933; }
	
#features { padding-bottom: 10px; }
#features p { margin: 0; }
#features p span { font-weight: bold; }

/* communication*/			
div#communication { background: #464540 url(../images/bg-communications.gif) repeat-x scroll left bottom; padding: 0; }
#communication .events { background-color: #464540;-moz-border-radius:15px; }
#communication h2 { color: #fff; margin: 0 10px; font-size:21px; padding-top: 15px; }
#communication ul { list-style-type: none; margin: 0 10px; padding-bottom: 1px;}
#communication li { line-height: 1.4em; margin-bottom: 12px; }
#communication p { color: #4f4f4f; }
#communication span { color: #ff9933; font-weight: bold; }
#communication a { color: #fff; }
#communication a.more { background-image: url("../images/bg-a-more.gif"); }

/* clear banner floats*/	
.clearbox:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
}