/* ------------------------------------------------------------------------------------
--  RESET
------------------------------------------------------------------------------------ */
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
   width:100%;
   height:100%;
}
ol, ul {

}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* ------------------------------------------------------------------------------------
--  GENERAL
------------------------------------------------------------------------------------ */
html, body { 
	width:100%;
	height:100%;
    font-size:100%;
    background:transparent;
}
#wrapper{
	float:left;
	margin:0;
	padding:0;
	width: 100%;
	min-height:100%;
    position:relative;
}
::selection{
	background:#d589a9;
}
::-moz-selection{
	background:#d589a9;
}
p{
    font-family:'Andada', Georgia, serif;
	line-height:1.5em;
}
a{
   color:#1693A5;
   text-decoration:none;
}
a:hover{
	color:#0f7b8a;
}
.white-line{
	float:left;
	width:100%;
	height:66px;
	background:url(images/white-line.png);
	background-repeat:repeat-x;
	position:fixed;
	top:0;
	left:0;
	z-index:12;
}
.white-line-bottom{
	float:left;
	width:100%;
	height:66px;
	background:url(images/white-line-bottom.png);
	background-repeat:repeat-x;
	position:fixed;
	left:0;
	bottom:0;
	z-index:1;
}
#logo{
	float:left;
	position:fixed;
	top:40px;
	left:0;
}
#logo a{
	display:block;
	width:270px;
	height:323px;
	margin-top:-6px;
}
#wrapper-inner{
	float:right;
	width:100%;
}
//#clouds {  
    position: fixed; 
	right:0; 
    width: 100%;  
    height:540px;  
    background: transparent url(images/clouds.png) 0 10px repeat-x; 
}  
.pink{
	color:#003366;
}
.social{
	position:fixed;
	top:58%;
	left:767px;
	width:44px;
}
//.social a{
	float:left;
	display:block;
	margin-bottom:5px;
}
//.social a#icon1{
	background:url(images/facebook.png);
	background-repeat:no-repeat;
	width:42px;
	height:46px;
	background-position: 0 0;
}
.social a#icon1:hover{
	background:url(images/facebook.png);
	background-repeat:no-repeat;
	width:42px;
	height:46px;
	background-position: 0 -46px;
}
.social a#icon2{
	background:url(images/flickr.png);
	background-repeat:no-repeat;
	width:42px;
	height:46px;
	background-position: 0 0;
}
.social a#icon2:hover{
	background:url(images/flickr.png);
	background-repeat:no-repeat;
	width:42px;
	height:46px;
	background-position: 0 -46px;
}
.social a#icon3{
	background:url(images/tum.png);
	background-repeat:no-repeat;
	width:42px;
	height:46px;
	background-position: 0 0;
}
.social a#icon3:hover{
	background:url(images/tum.png);
	background-repeat:no-repeat;
	width:42px;
	height:46px;
	background-position: 0 -46px;
}
/*floating windows*/
#sidetab{
    position:fixed;
	float:left;
	top:50%;
	width:90px;
	height:170px;
	background:transparent;
	left:20px;
}
#dock{
      float:left;
	  width:50;
      -moz-box-sizing:border-box;
      -webkit-box-sizing:border-box;
      box-sizing:border-box;
	  margin-top:-4px;
}
#dock span{
	float:left;
	display:block;
}
#dock img{
      margin:0 0 6px 64px;
	  float:left;
}
#open{
    	position:absolute; 
		bottom:20px;
		left:38px;
		color:#ddd;
		-moz-border-radius:5px;
        -webkit-border-radius:5px;
	    border-radius:5px;
		padding:8px 12px;
       -moz-box-shadow:1px 1px 2px rgba(0, 0, 0, 0.5);
       -webkit-box-shadow:1px 1px 2px rgba(0, 0, 0, 0.5);
       -o-box-shadow:1px 1px 2px rgba(0, 0, 0, 0.5);
	   -khtml-box-shadow:1px 1px 2px rgba(0, 0, 0, 0.5);
       -ms-box-shadow:1px 1px 2px rgba(0, 0, 0, 0.5);
        box-shadow:1px 1px 2px rgba(0, 0, 0, 0.5);
	    background:#1693A5;
        color:#f0f0f0;
        border: 1px solid #267ed4;
		text-transform:uppercase;
		font-family:'Droid Sans', sans-serif;
}
#c1{
    position:fixed;
	top:130px;
	left:400px;
}
#c2{
	position:fixed;
	top:100px;
	left:260px;
}
#c3{
	position:fixed;
	top:100px;
	left:600px;
}
/*containerplus content*/
article.text-about{
	float:left;
	padding-top:10px;
	border-top:1px dashed rgba(255,255,255,0.5);
	margin-top:10px;
}
article.text-about hgroup{
	margin-bottom:20px;
	font-family:'Andada', serif;
}
article.text-about h1{
	font-size:1.1em;
	text-transform:uppercase;
	line-height:1.5em;
	padding-bottom:10px;
}
article.text-about h2{
	font-size:1em;
	font-style:italic;
}
article.text-about p{
	font-size:0.8em;
	padding-bottom:10px;
	overflow:hidden;
	line-height:1.6em;
}
article.text-about p:last-child{
	margin-bottom:0;
}
article.text-about figure{
	float:left;
	margin-right:20px;
	border:1px dashed rgba(255,255,255,0.5);
	padding:5px;
}
article.text-about img{
	float:left;
}
.container-paragraph{
	font-size:1.1em;
	float:left;
	margin-bottom:20px;
}
.last{
	margin-bottom:0;
}
/* ------------------------------------------------------------------------------------
--  NAVIGATION 
------------------------------------------------------------------------------------ */
#panel {
	background:rgba(255,255,255,0.6);
	background-repeat:repeat;
	 width:100%;
	 display:none;
	 border-bottom:1px solid #fff;
}
#panel-content{
	padding:20px;
}
#panel-content p{
	font-family:'Droid Sans', sans-serif;
	font-size:0.9em;
	letter-spacing:0.1em;
}
.slide {
	margin: 0 20px 14px 0;
	padding:10px 16px 8px 16px;
	float:right;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
     border-bottom-right-radius: 10px;
     border-bottom-left-radius: 10px;
	-moz-box-shadow:0 1px 0 rgba(0,0,0,0.2);
	-webkit-box-shadow:0 1px 0 rgba(0,0,0,0.2);
	-o-box-shadow:0 1px 0 rgba(0,0,0,0.2);
	-khtml-box-shadow:0 1px 0 rgba(0,0,0,0.2);
    -ms-box-shadow:0 1px 0 rgba(0,0,0,0.2);
	box-shadow:0 1px 0 rgba(0,0,0,0.2);
    background: -moz-linear-gradient(19% 75% 90deg, #E0E0E0, #FAFAFA);
    background: -webkit-gradient(linear, left top, left bottom, from(#FAFAFA), to(#E0E0E0));
    background-image: -o-linear-gradient(top,rgb(250,250,250),rgb(224,224,224));
	border:1px solid rgba(255,255,255,0.4);
}
.btn-slide {
	display: block;
    text-shadow:1px 1px 0 rgba(255, 255, 255, 0.7);
	text-transform:uppercase;
	text-decoration: none;
	letter-spacing:0.2em;
    color:#555;
    font-size:0.8em;
    font-weight:bold;
	font-family:'Droid Sans', sans-serif;
	line-height:20px;
}
.btn-slide img{
	float:left;
	margin:5px 10px 0 0;
}
nav{
	float:right;
	width:555px;
	margin:20px 0;
	border-bottom:1px dashed #b5b4b4;
	border-top:1px dashed #b5b4b4;
}
nav ul{
	float:right;
	list-style:none;
	margin:20px 20px 20px 0;
}
nav li{
	float:left;
	width:170px;
}
nav a{
	font-family:'Droid Sans', sans-serif;
	text-transform:capitalize;
	font-size:0.8em;
	color:#666;
	letter-spacing:0.1em;
	float:left;
	line-height:1.1em;
}
nav img{
	margin-right:4px;
}
nav a:hover{
	color:#1a242c;
}
nav a.active{
	color:#003366;
}
/* ------------------------------------------------------------------------------------
--  PAGES GENERAL STYLES
------------------------------------------------------------------------------------ */
#white-block-page{
	float:right;
	width:567px;
	position:absolute;
	top:0;
	left:200px;
	margin-right:80px;
	background:rgba(255,255,255,0.8);
	-moz-box-shadow:0 20px 40px #555;
	-webkit-box-shadow:0 20px 40px #555;
	-o-box-shadow:0 20px 40px #555;
	-khtml-box-shadow:0 20px 40px #555;
	-ms-box-shadow:0 20px 40px #555;
	box-shadow:0 20px 40px #555;
}
#white-inner-page{
	float:left;
	margin:0 5px;
	border-right:1px solid rgba(255,255,255,0.9);
	border-left:1px solid rgba(255,255,255,0.9);
	width:555px;
	background:url(images/pat.png);
	background-repeat:repeat;
}
div.wrapper-block{
	float:left;
	margin:62px 0 60px 0;
	font-family:'Andada', Georgia, serif;
}
.wrapper-block h1{
	font-family:'Droid Sans', sans-serif;
	font-weight:600;
	text-transform:uppercase;
	font-size:1.6em;
	line-height:36px;
	margin:0 20px 0 0;
	float:right;
	color:#1a242c;
	letter-spacing:0.1em;
	text-shadow:0 1px 1px #fff;
}
.wrapper-block h2{
	font-family:'Droid Sans', sans-serif;
	font-weight:600;
	text-transform:uppercase;
	font-size:1.4em;
	color:#1a242c;
	text-shadow:0 1px 1px #fff;
}
.wrapper-block h3{
	font-family:'Droid Sans', sans-serif;
	font-weight:600;
	text-transform:capitalize;
	font-size:1.2em;
	margin-right:20px;
	color:#1a242c;
	padding-bottom:20px;
	letter-spacing:0.1em;
	text-shadow:0 1px 1px #fff;
	font-weight:normal;
}
.wrapper-block h4{
	font-family:'Droid Sans', sans-serif;
	font-weight:600;
	text-transform:uppercase;
	font-size:0.9em;
	color:#1a242c;
	padding-bottom:10px;
	text-shadow:0 1px 1px #fff;
}
/*---BUTTONS---*/
a.but{
	float:right;
	padding:8px 10px;
	margin:0 0 20px 0;
	text-decoration: none;
	outline:none;
	font-family:'Droid Sans', sans-serif;
	text-transform:uppercase;
	letter-spacing:0.2em;
	font-size:0.9em;
    font-weight:bold;
    text-shadow:1px 1px 0 rgba(255, 255, 255, 0.7);
    color:#555;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	-o-border-radius:4px;
	-khtml-border-radius:4px;
	-ms-border-radius:4px;
	border-radius:4px;
    -webkit-animation-name: thePulsebut;
    -webkit-animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
	-moz-box-shadow:0 1px 0 rgba(0,0,0,0.2);
	-webkit-box-shadow:0 1px 0 rgba(0,0,0,0.2);
	-o-box-shadow:0 1px 0 rgba(0,0,0,0.2);
	-khtml-box-shadow:0 1px 0 rgba(0,0,0,0.2);
    -ms-box-shadow:0 1px 0 rgba(0,0,0,0.2);
	box-shadow:0 1px 0 rgba(0,0,0,0.2);
    background: -moz-linear-gradient(19% 75% 90deg, #E0E0E0, #FAFAFA);
    background: -webkit-gradient(linear, left top, left bottom, from(#FAFAFA), to(#E0E0E0));
    background-image: -o-linear-gradient(top,rgb(250,250,250),rgb(224,224,224));
	border:1px solid rgba(255,255,255,0.4);
}
@-webkit-keyframes thePulsebut {
from { background-color: #E0E0E0; -webkit-box-shadow:: 0 0 9px #ddd; }
50% { background-color: #FAFAFA; -webkit-box-shadow:: 0 0 18px #ccc; }
to { background-color: #E0E0E0; -webkit-box-shadow:: 0 0 9px #ddd; }
}
a.but-small{
	float:right;
	position:absolute;
	right:0;
	top:-36px;
	padding:5px 10px;
	text-decoration: none;
	outline:none;
	text-transform:uppercase;
	letter-spacing:0.2em;
	font-size:0.8em;
    font-weight:bold;
	font-family:'Droid Sans', sans-serif;
	text-shadow:0 1px 0 #555;
    text-shadow:1px 1px 0 rgba(255, 255, 255, 0.7);
    color:#555;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	-o-border-radius:4px;
	-khtml-border-radius:4px;
	-ms-border-radius:4px;
	border-radius:4px;
    -webkit-animation-name: thePulsebut;
    -webkit-animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
	-moz-box-shadow:0 1px 0 rgba(0,0,0,0.2);
	-webkit-box-shadow:0 1px 0 rgba(0,0,0,0.2);
	-o-box-shadow:0 1px 0 rgba(0,0,0,0.2);
	-khtml-box-shadow:0 1px 0 rgba(0,0,0,0.2);
    -ms-box-shadow:0 1px 0 rgba(0,0,0,0.2);
	box-shadow:0 1px 0 rgba(0,0,0,0.2);
    background: -moz-linear-gradient(19% 75% 90deg, #E0E0E0, #FAFAFA);
    background: -webkit-gradient(linear, left top, left bottom, from(#FAFAFA), to(#E0E0E0));
    background-image: -o-linear-gradient(top,rgb(250,250,250),rgb(224,224,224));
	border:1px solid rgba(255,255,255,0.4);
}
@-webkit-keyframes thePulsebut {
from { background-color: #E0E0E0; -webkit-box-shadow:: 0 0 9px #ddd; }
50% { background-color: #FAFAFA; -webkit-box-shadow:: 0 0 18px #ccc; }
to { background-color: #E0E0E0; -webkit-box-shadow:: 0 0 9px #ddd; }
}
a.but-right{
	float:right;
	margin:20px 20px 20px 0;
}
a.but:hover, a.but-small:hover{
	background:#ddd;
}
/*-----small-block-item you need only for item page if you use zooming effect for picture--otherwise you can use small-block image with zooming effect
 * should not float left-----*/ 
.small-block, .small-block-item{
	float:left;
	margin:20px 0 0 0;
	color:#3e3e3e;
	background:rgba(255,255,255,0.4);
	border-bottom:1px solid rgba(255,255,255,0.7);
	-moz-box-shadow:0 1px 12px #ddd;
	-webkit-box-shadow:0 1px 12px #ddd;
	-o-box-shadow:0 1px 12px #ddd;
	-khtml-box-shadow:0 1px 12px #ddd;
	-ms-box-shadow:0 1px 12px #ddd;
	box-shadow: 0 1px 12px #ddd;
	text-shadow:0 1px 1px #fff;
}
.small-block:hover, .small-block-item:hover{
	-moz-box-shadow: 0 1px 12px #cccbcb;	
	-webkit-box-shadow: 0 1px 12px #cccbcb;	
	-o-box-shadow: 0 1px 12px #cccbcb;	
	-khtml-box-shadow: 0 1px 12px #cccbcb;	
	-ms-box-shadow: 0 1px 12px #cccbcb;	
	box-shadow: 0 1px 12px #cccbcb;	
}
.small-block img{
	float:left;
}
.small-block p, .small-block-item p{
	margin-bottom:1em;
}
.small-block p.last, .small-block-item p.last{
	margin-bottom:0;
}
.small-block article, .small-block-item article{
	float:left;
	position:relative;
	margin:0 20px;
}
.small-block article figure, .small-block article img{
	float:left;
}
.small-block article figure{
	width:473px;
	padding:20px;
	background:rgba(255,255,255,0.6);
	border:1px solid #fff;
	margin-bottom:20px;
}
.heading{
	float:left;
	width:555px;
	border-top:1px dashed #b5b4b4;
	border-bottom:1px dashed #b5b4b4;
	padding:10px 0;
	background:rgba(255,255,255,0.4);
	margin-bottom:20px;
}
.heading img{
	margin:0 10px 0 20px;
}
.heading h2{
	font-weight:600;
	text-transform:uppercase;
	font-size:1.3em;
	line-height:46px;
	background:rgba(255,255,255,0.2);
}
/* ------------------------------------------------------------------------------------
--  FOOTER
------------------------------------------------------------------------------------ */
.bottom{
	float:left;
	width:555px;
	height:20px;
	margin:80px 0 0 0;
	position:relative;
	background:url(images/separator-pat.png);
	background-repeat:repeat;
}
.separator{
	float:left;
	width:515px;
	height:1px;
	background:#cacaca;
	position:absolute;
	top:18px;
	left:0;
	border-top:1px dashed #fff;
}
a.up{
	background:url(images/up2.png);
	background-repeat:no-repeat;
	display:block;
	float:right;
	margin:0 20px 0 0;
	line-height:20px;
	font-size:0.8em;
	font-family:'Droid Sans', sans-serif;
	text-transform:lowercase;
	width:20px;
	height:20px;
}
footer{
	float:left;
	width:555px;
	margin:0 0 80px 0;
	color:#555;
	font-family:'Droid Sans', sans-serif;
	font-size:0.75em;
	position:relative;
}
#circle {
	width: 120px;
	height: 120px;
	background: rgba(255,255,255,0.6);
	-moz-border-radius: 60px;
	-webkit-border-radius: 60px;
	-o-border-radius: 60px;
	-khtml-border-radius: 60px;
	-ms-border-radius: 60px;
	border-radius: 60px;
	border:1px solid #fff;
	position:absolute;
	top:-70px;
	left:20px;
	-moz-box-shadow:0 1px 4px #dad9d9;
	-webkit-box-shadow:0 1px 4px #dad9d9;
	-o-box-shadow:0 1px 4px #dad9d9;
	-khtml-box-shadow:0 1px 4px #dad9d9;
	-ms-box-shadow:0 1px 4px #dad9d9;
	box-shadow: 0 1px 4px #dad9d9;
	box-shadow:0 1px 4px #dad9d9;
}
#circle-inner{
	background:rgba(255,255,255,0.2);
	border:1px dashed #b5b4b4;
	width: 100px;
	height: 100px;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	-o-border-radius: 50px;
	-khtml-border-radius: 50px;
	-ms-border-radius: 50px;
	border-radius: 50px;
	margin:10px 0 0 10px;
}
#footer-inner{
	margin:0 auto;
	width:60px;
}
small{
	margin-top:58%;
	float:left;
}
/* ------------------------------------------------------------------------------------
--  INDEX INDIVIDUAL STYLES
------------------------------------------------------------------------------------ */
#placeholder{
	width: 100%;
	min-height:100%;
	margin:0px auto;
	position:fixed;
}
#wrapper-inside{
	float:left;
	width:100%;
	height:100%;
	min-height:100%;
	/*height:100%;*/
	position:absolute;
	top:0;
	left:0;
	z-index:1;
}	
article.preface{
	float:left;
	margin:20px 0 20px 0;
	width:475px;
	background-repeat:repeat;
	padding:40px;
	background:rgba(255,255,255,0.4);
	border-bottom:1px solid rgba(255,255,255,0.7);
	-moz-box-shadow:0 1px 12px #ddd;
	-webkit-box-shadow:0 1px 12px #ddd;
	-o-box-shadow:0 1px 12px #ddd;
	-khtml-box-shadow:0 1px 12px #ddd;
	-ms-box-shadow:0 1px 12px #ddd;
	box-shadow: 0 1px 12px #ddd;
	text-shadow:0 1px 1px #fff;
}
article.preface:hover{
	-moz-box-shadow: 0 1px 12px #cccbcb;	
	-webkit-box-shadow: 0 1px 12px #cccbcb;	
	-o-box-shadow: 0 1px 12px #cccbcb;	
	-khtml-box-shadow: 0 1px 12px #cccbcb;	
	-ms-box-shadow: 0 1px 12px #cccbcb;	
	box-shadow: 0 1px 12px #cccbcb;	
}
article.preface h1{
	font-family:'Droid Sans', sans-serif;
	font-size:1.8em;
	color:#003366;
	padding-bottom:10px;
	float:left;
	display:inline-block;
	width:515px;
	margin-top:-7px;
	font-weight:normal;
}
article.preface p{
	color:#3e3e3e;
	font-size:0.9em;
}
#ribbon{
	float:left;
	width:520px;
	height:141px;
	background:url(images/ribbon.png);
	background-repeat:no-repeat;
	margin-top:20px;
}
#ribbon-inner{
	float:left;
	width:466px;
	height:80px;
	margin:14px 0 10px 5px;
	padding:0 10px;
}
.scrollable {
	/* required settings */
	float:left;
	position:relative;
	overflow:hidden;
	width: 386px;
	height:80px;
}
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
}
.items div {
	float:left;
	width:400px;
}
/* single scrollable item */
.scrollable img {
	float:left;
	margin:10px 18px 10px 0;
	width:118px;
	height:64px;
	border:1px solid #fff;
	opacity: 0.8;
	-moz-transition: opacity;
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 500ms;
    -webkit-transition: opacity;
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 500ms;
	-o-transition: opacity;
    -o-transition-timing-function: ease-out;
    -o-transition-duration: 500ms;
	transition: opacity;
    transition-timing-function: ease-out;
    transition-duration: 500ms;
}
.scrollable img.lastimg{
	margin-right:0;
}
.scrollable img:hover{
	 opacity: 1;
	-moz-transition: opacity;
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 500ms;
    -webkit-transition: opacity;
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 500ms;
	-o-transition: opacity;
    -o-transition-timing-function: ease-out;
    -o-transition-duration: 500ms;
	transition: opacity;
    transition-timing-function: ease-out;
    transition-duration: 500ms;
}
.scrollable .active {
	border:2px solid #000;
	position:relative;
	cursor:default;
}
/*buttons*/
/* prev, next, prevPage and nextPage buttons */
a.browse {
	background:url(images/play-but.png) no-repeat;
	display:block;
	width:30px;
	height:30px;
	float:left;
	margin:30px 10px;
	cursor:pointer;
	font-size:1px;
}
/* right */
a.right 		{ background-position: 0 -30px; clear:right; margin-right: 0px;}
a.right:hover 	{ background-position:-30px -30px; }
a.right:active 	{ background-position:-60px -30px; } 
/* left */
a.left			{ margin-left: 0px; } 
a.left:hover  	{ background-position:-30px 0; }
a.left:active  	{ background-position:-60px 0; }
/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
} 
	

/* ------------------------------------------------------------------------------------
--  SERVICES INDIVIDUAL STYLES
------------------------------------------------------------------------------------ */
h3.trigger {
	padding: 0 0 0 30px;
	margin: 0 0 20px 12px;
	background: url(images/trigger.png) no-repeat;
	height: 20px;
	line-height: 20px;
	width: 400px;
	float: left;
	font-size:0.9em;
	font-weight:600;
}
h3.trigger a {
	text-decoration: none;
	display: block;
	text-transform:uppercase;
	font-family:'Droid Sans', sans-serif;
	font-size:0.9em;
}
h3.trigger a:hover { 
    color: #3e3e3e; 
}
h3.active {
	background-position: left bottom;
} 
.toggle_container {
	margin: 0;
	padding:20px 0 0 0;
	border-top: 1px solid #d6d6d6;
	overflow: hidden;
	float:left;
	font-size:0.9em;
}
/* ------------------------------------------------------------------------------------
--  GALLERY INDIVIDUAL STYLES
------------------------------------------------------------------------------------ */
.selecter{
	float:left;
	width:555px;
	margin:0 0 10px 0;
	clear:both;
}
.selecterBtns{
    float:left;
    width:180px;
}
.selecterBtns ul{
	float:left;
	list-style:none;
	width:515px;
	margin:0 20px;
}
.selecterBtns li{
	margin:0 10px 0 0;
	float:left;
}
.selecterBtns a{
     text-decoration:none;
	 font-family:'Droid Sans', sans-serif;
	 letter-spacing:0.1em;
	 font-size:0.9em;
	 text-transform:uppercase;
	 padding:0.5em 0.5em;
	 display:block;
	 background:#fafafa;
     color:#1a242c;
	 border:1px solid #fff;
	 text-shadow:none;
}
.selecterBtns .active,
.selecterBtns a:hover {
    background:#1a242c;
    color:#f0f0f0;
	border:1px solid #fff;
}
.selecterContent{
    float:left;
    width:515px;
}
.selecterContent ul{
	float:left;
	width:515px;
	list-style:none;
	margin:0 20px;
}
.selecterContent li{
    width:163px;
    height:163px;
	float:left;
	border:1px solid #fff;
	margin:0 10px 10px 0;
	background:#fafafa;
	-moz-box-shadow:0 1px 12px #ddd;
	-webkit-box-shadow:0 1px 12px #ddd;
	-o-box-shadow:0 1px 12px #ddd;
	-khtml-box-shadow:0 1px 12px #ddd;
	-ms-box-shadow:0 1px 12px #ddd;
	box-shadow: 0 1px 12px #ddd;
}
.selecterContent li.last-pic{
	margin-right:0;
}
.selecterContent img{
	float:left;
	margin:10px;
	 opacity: 1;
	-moz-transition: opacity;
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 500ms;
    -webkit-transition: opacity;
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 500ms;
	-o-transition: opacity;
    -o-transition-timing-function: ease-out;
    -o-transition-duration: 500ms;
	transition: opacity;
    transition-timing-function: ease-out;
    transition-duration: 500ms;
}
.selecterContent img:hover{
	 opacity: 0.3;
	-moz-transition: opacity;
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 500ms;
    -webkit-transition: opacity;
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 500ms;
	-o-transition: opacity;
    -o-transition-timing-function: ease-out;
    -o-transition-duration: 500ms;
	transition: opacity;
    transition-timing-function: ease-out;
    transition-duration: 500ms;
}
/* ------------------------------------------------------------------------------------
--  NEWS INDIVIDUAL STYLES
------------------------------------------------------------------------------------ */
.date{
	float:right;
	margin:0 20px 20px 20px;
	font-family:'Droid Sans', sans-serif;
	letter-spacing:0.1em;
}
.digit{
	margin:0 0.2em;
	color:#fafafa;
    display:inline-block;
    background: #b96a8c;
    width: 2em;
    height: 2em;
   -webkit-border-radius: 2.2em;
   -moz-border-radius: 2.2em;
    border-radius: 2.2em;
    text-align: center;
    line-height: 2em;
	font-size:1.2em;
	font-family:'Droid Sans', sans-serif;
	font-weight:600;
	letter-spacing:0em;
}
/*----STYLES REPEAT ON ITEM PAGE----*/
section.information{
	float:left;
	clear:both;
	margin:0 20px;
	width:515px;
}
aside{
	float:left;
	width:120px;
	margin-right:40px;
	border-top:2px solid #1a242c;
	padding-top:20px;
}
p.tag{
	font-family:'Droid Sans', sans-serif;
	font-size:0.8em;
	text-transform:capitalize;
	padding:0;
	margin:0;
	line-height:1.6em;
}
section.information article{
	float:right;
	width:355px;
	margin:0;
}
section.information article p{
    color:#212b33;
	border-top:1px dashed #b5b4b4;
	padding-top:20px;
	font-weight:normal;
	font-style:oblique;
}
section.information article h3{
    margin-top:-0.3em;
}
section.information img{
	padding-top:5px;
}
/* ------------------------------------------------------------------------------------
--  RATES INDIVIDUAL STYLES
------------------------------------------------------------------------------------ */
table#resultTable{
     background-color: #f0f0f0;
     width: 515px;
	 border:1px solid #fff;
	 margin:20px 20px 0 20px;
	 font-family:'Droid Sans', sans-serif;
}
thead{
    text-align: left;
}
th.sortable{
	color:#555;
	text-transform:uppercase;
    text-shadow: 1px 1px 0px #eee, 1px 1px 0px #919090;
	letter-spacing:0.2em;
	font-family:'Andada', serif;
	font-size:0.9em;
    cursor: pointer;
	padding:20px 10px;
	background:#fafafa;
}
th.sortable:hover{ 
	color:#040404;
}
th.sorted-asc, th.sorted-desc { 
    color: #5e5d5d;
}
td{
    background: #ECECEC url(images/pat.png);
	background-repeat:repeat;
    vertical-align: middle;
    color: #555;
	padding:10px;
	text-transform:capitalize;
}
td.service-title, th#title{
	width:175px;
}
td.time, th#day, th#night{
	width:120px;
}
td.km, th#km{
	width:60px;
}
td.rate, th#price{
	width:60px;
}
td a:hover{
    color: #040404;
}
td.odd {
   background-color: #ddd;
   color: #555;
}
td.hovered {
   background-color: #1693A5;
   color: #555;
}
tr{
	border-top:1px dashed #fff;
}
.warning{
	float:left;
	margin:20px 20px 0 20px;
	width:473px;
	background:hsl(0, 0%, 87%) url(images/pat.png);
	background-repeat:repeat;
	padding:20px;
	border:1px solid rgba(255,255,255,0.7);
	-moz-box-shadow:0 1px 12px #ddd;
	-webkit-box-shadow:0 1px 12px #ddd;
	-o-box-shadow:0 1px 12px #ddd;
	-khtml-box-shadow:0 1px 12px #ddd;
	-ms-box-shadow:0 1px 12px #ddd;
	box-shadow: 0 1px 12px #ddd;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	-o-border-radius:4px;
	-khtml-border-radius:4px;
	-ms-border-radius:4px;
	border-radius:4px;
}
.red{
	color:#ca155f;
	text-transform:uppercase;
	text-shadow:0 1px 1px #b0939f;
}
.warning p{
	font-size:0.9em;
    padding-top:10px;
	font-family:'Droid Sans', sans-serif;
}
/* ------------------------------------------------------------------------------------
--  CLIENTS INDIVIDUAL STYLES
------------------------------------------------------------------------------------ */
ul#list{
	float:left;
	width:490px;
	margin:0 20px 20px 44px;
}
ul#list li{
	list-style-image:url(images/plus.png);
	line-height:1.8em;
}
ul#logos{
	float:left;
	width:515px;
	list-style:none;
	margin:0 20px 20px 20px;
}
ul#logos li{
	float:left;
	width:165px;
	margin:0 10px 10px 0;
}
ul#logos li.last{
	margin-right:0;
}
ul#logos li.last-list{
	margin-bottom:0;
}
ul#logos figure{
	float:left;
	background:#fff;
}
.test-outer{
	float:left;
	width:515px;
	margin:0 20px 20px 20px;
	background:rgba(255,255,255,0.6);
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	-o-border-radius:4px;
	-khtml-border-radius:4px;
	-ms-border-radius:4px;
	border-radius:4px;
	border:1px solid rgba(255,255,255,0.4);
	-moz-box-shadow:0 1px 6px #ddd;
	-webkit-box-shadow:0 1px 6x #ddd;
	-o-box-shadow:0 1px 6px #ddd;
	-khtml-box-shadow:0 1px 6px #ddd;
	-ms-box-shadow:0 1px 6px #ddd;
	box-shadow: 0 1px 6px #ddd;
}
.test-inner{
	float:left;
	margin:10px;
	background:url(images/pat.png);
	background-repeat:repeat;
	border:1px dashed #ddd;
	width:495px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	-o-border-radius:4px;
	-khtml-border-radius:4px;
	-ms-border-radius:4px;
	border-radius:4px;
}
cite{
	float:left;
	padding:10px 20px 10px 94px;
	background:url(images/quotes.png);
	background-repeat:no-repeat;
	font-style:italic;
	line-height:1.5em;
	font-size:0.9em;
	letter-spacing:0.1em;
}
p.client{
	float:right;
	font-size:0.8em;
	font-family:'Droid Sans', sans-serif;
	padding:0 10px 10px 0;
	margin-bottom:0;
}
/* ------------------------------------------------------------------------------------
--  LOCATION INDIVIDUAL STYLES
------------------------------------------------------------------------------------ */
.map-wrap{
	float:left;
    background: rgba(255, 255,255,0.4);
	padding:20px;
	border:1px solid #fff;
	width:471px;
	height:400px;
	margin:0 20px 20px 20px;
}
#map_canvas{
	width:100%;
	height:100%;
	border:1px solid #fff;
	float:left;
}
#vcard-wrap{
	float:left;
	width:515px;
	margin:0 20px 20px 20px;
	clear:both;
	background:rgba(255,255,255,0.4);
	border:1px solid #fff;
}
.vcard{
	margin:20px;
    float:left;
	width:195px;
}
#vcard-wrap figure{
	float:right;
	width:260px;
	margin:20px 20px 20px 0;
}
#vcard-wrap figure img{
	float:left;
}
.vcard p{
	font-family:'Droid Sans', sans-serif;
	font-size:0.9em;
}
.telephone{
	border-top:1px dashed #ddd;
	padding-top:10px;
	width:195px;
	float:left;
}
.country-name, .postal-code{
	padding-bottom:10px;
	float:left;
}
/* ------------------------------------------------------------------------------------
--  CONTACT INDIVIDUAL STYLES (PART OF FORM STYLES FOR RESERVATION PAGE INCLUDED HERE TOO MORE SEE IN BOOKING PAGE STYLES)
------------------------------------------------------------------------------------ */
.form-wrap{
	float:left;
    background: rgba(255, 255,255,0.4);
	padding:20px;
	border:1px solid #fff;
	width:471px;
	margin:0 20px 24px 20px;
}
form#contact, form#reservation{
	float:left;
	width:471px;
}
form#contact fieldset, form#reservation fieldset{
	width:431px;
	float:left;
	background:#fff;
	padding:22px;
}
form#contact fieldset#submit-but, form#reservation fieldset#submit-but{
	width:431px;
	float:left;
	padding:0;
}
form label{
	float:left;
	width:469px;
	margin-bottom:8px;
    font-size:0.9em;
	color:#6d6d6d;
}
form#contact input, form#reservation input{
	height: 20px;
}
form#contact input, form#contact textarea, form#reservation input, form#reservation textarea{
	float:left;
	width:417px;
	background:#e7e7e7 url(images/pat.png);
	background-repeat:repeat;
    border:1px solid #fff;
	margin-bottom:14px;
	padding:8px 5px;
	color:#e3e3e3;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-o-border-radius:3px;
	-khtml-border-radius:3px;
	-ms-border-radius:3px;
	border-radius:3px;
	-moz-box-shadow:0 1px 6px #ddd;
	-webkit-box-shadow:0 1px 6x #ddd;
	-o-box-shadow:0 1px 6px #ddd;
	-khtml-box-shadow:0 1px 6px #ddd;
	-ms-box-shadow:0 1px 6px #ddd;
	box-shadow: 0 1px 6px #ddd;
}
form#contact button#buttonsubmit, form#reservation button#buttonsubmit{
	padding:4px 8px;
	background:#e098b6;
	text-transform:uppercase;
    cursor:pointer;
	margin-top:10px;
	letter-spacing:0.1em;
	font-size:1.1em;
	text-decoration: none;
    font-weight:bold;
	color:#fafafa;
	text-transform:uppercase;
	font-family:'Droid Sans', sans-serif;
	text-shadow:0 1px 0 #555;
	-moz-box-shadow:0 1px 1px rgba(0,0,0,.4);
	-webkit-box-shadow:0 1px 1px rgba(0,0,0,.4);
	-o-box-shadow:0 1px 1px rgba(0,0,0,.4);
	-khtml-box-shadow:0 1px 1px rgba(0,0,0,.4);
	-ms-box-shadow:0 1px 1px rgba(0,0,0,.4);
	box-shadow:0 1px 1px rgba(0,0,0,.4);
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	-o-border-radius:4px;
	-khtml-border-radius:4px;
	-ms-border-radius:4px;
	border-radius:4px;
	border:1px solid #f5dae6;
    -webkit-animation-name: thePulse;
    -webkit-animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
}
@-webkit-keyframes thePulse {
from { background-color: #dba6bd; -webkit-box-shadow:: 0 0 9px #e098b6; }
50% { background-color: #d190ab; -webkit-box-shadow:: 0 0 18px #dfa3bd; }
to { background-color: #dba6bd; -webkit-box-shadow:: 0 0 9px #e098b6; }
}
form#contact button#buttonsubmit:hover, form#reservation button#buttonsubmit:hover{
	background:#c77b9b;
	-moz-box-shadow:0 1px 1px #b64173;
	-webkit-box-shadow:0 1px 1px #b64173;
	-o-box-shadow:0 1px 1px #b64173;
	-khtml-box-shadow:0 1px 1px #b64173;
	-ms-box-shadow:0 1px 1px #b64173;
	box-shadow:0 1px 1px #b64173;
	-moz-border-radius:3px;
	-webkit-border-radius:4px;
	-o-border-radius:4px;
	-khtml-border-radius:4px;
	-ms-border-radius:4px;
	border-radius:4px;
}
form#contact input:hover, form#contact textarea:hover, form#reservation input:hover, form#reservation textarea:hover{
	background:#e3e3e3;
	color:#555;
	border:1px solid #fff;
}
form#contact input::-webkit-input-placeholder, form#reservation input::-webkit-input-placeholder, form#contact textarea::-webkit-input-placeholder{
	color:#555;
	font-family:'Droid Sans', sans-serif;
	letter-spacing:0.1em;
}
form#contact input:-moz-placeholder, form#reservation input:-moz-placeholder, form#contact textarea:-moz-placeholder, form#reservation textarea:-moz-placeholder{
	color:#555;
	font-family:'Droid Sans', sans-serif;
	letter-spacing:0.1em;
}
/* ------------------------------------------------------------------------------------
--  ITEM INDIVIDUAL STYLES
------------------------------------------------------------------------------------ */
figure.pic-holder{
	float:left;
	width:513px;
	height:310px;
	margin:20px 20px 24px 20px;;
    overflow: hidden;
    position: relative;
	border:1px solid #fff;
}
.pic-holder a {
      display: block;
      position: relative;
}
.pic-holder a img {
    height: 332px;
    left: -20px;
    position: relative;
    top: -20px;
    width: 535px;
}
/* --- Label configuration -------------------------------------------------------------- */
.pic-holder a span {
    display: none;
    font-size: 3.0em;
    font-weight: bold;
    height: 100%;
    padding-top: 120px;
    position: absolute;
    text-align: center;
    text-decoration: none;
    width: 100%;
    z-index: 10;
}
.pic-holder a span em {
      display: block;
      font-size: 0.45em;
      font-weight: normal;
}
/* --- Dark hover background ------------------------------------------------------------ */
.dark-background {
    background-color: rgba(15, 15, 15, 0.6);
    color: #fafafa;
    text-shadow: #555 0px 1px 1px;
}
.dark-background em {
      color: #ddd;
}
/* ------------------------------------------------------------------------------------
--  BOOKING FORM INDIVIDUAL STYLES
------------------------------------------------------------------------------------ */
ul.ss-choices{
	float:left;
	width:390px;
	list-style:none;
}
ul.ss-choices li{
	float:left;
}
/*----SELECT STYLES-----------*/
.sbHolder{
	height: 20px;
	position: relative;
	float:left;
	width:417px;
	background:#e7e7e7 url(images/pat.png);
	background-repeat:repeat;
    border:1px solid #fff;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-o-border-radius:3px;
	-khtml-border-radius:3px;
	-ms-border-radius:3px;
	border-radius:3px;
	margin-bottom:10px;
	padding:8px 5px;
	-moz-box-shadow:0 1px 6px #ddd;
	-webkit-box-shadow:0 1px 6x #ddd;
	-o-box-shadow:0 1px 6px #ddd;
	-khtml-box-shadow:0 1px 6px #ddd;
	-ms-box-shadow:0 1px 6px #ddd;
	box-shadow: 0 1px 6px #ddd;
}
.sbHolder:hover{
	background:#e3e3e3;
	border:1px solid #fff;
	color:#555;
}
.sbSelector{
	display: block;
	height: 20px;
	line-height: 20px;
	outline: none;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	width: 389px;
}
.sbSelector:link, .sbSelector:visited{
	color:#555;
	outline: none;
	text-decoration: none;
    font-size:0.7em;
	font-family:'Droid Sans', sans-serif;
	letter-spacing:0.1em;
	margin:8px 0 0 5px;
	text-shadow:none;
}
.sbSelector:hover{
	color:#3e3e3e;
}
.sbToggle{
	display: block;
	height: 20px;
	outline: none;
	position: absolute;
	right: 0;
	top: 0;
}
.sbHolderDisabled{
	background-color: #eee;
	border-bottom: dashed 1px #b5b4b4;
}
.sbOptions{
	background-color: #eee;
	border: dashed 1px #b5b4b4;
	list-style: none;
	left: -2px;
	margin: -21px 0 0 0;
	padding: 0;
	position: absolute;
	top: 0;
	width: 429px;
	z-index: 1;
	overflow-y: auto;
}
.sbOptions a{
	display: block;
	outline: none;
	padding:20px 10px;
	width:407px;
	color: #555;
	text-decoration: none;
	font-size:0.9em;
	border-bottom: dashed 1px #b5b4b4;
}
.sbOptions a:hover{
	color: #040404;
}
.sbOptions li.last a{
	border-bottom: none;
}