/*!
 * App Style CSS
 * 
 * @author      alecs popa
 * @version     1.0
 * @since       2012.12.17
 * @copyright   Copyright (c) 2012 alecs popa (http://alecspopa.com) 
 */

/* =Reset default browser CSS
-------------------------------------------------------------- */
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, font, 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 {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}
body {
	line-height: 1;
}
h1, h2, h3, h4, h5, h6 {
	clear: both;
	font-weight: normal;
	text-rendering: optimizelegibility;
	-webkit-font-smoothing: antialiased;
}
ol, ul {
	list-style: none;
}
blockquote {
	quotes: none;
}
blockquote:before, blockquote:after {
	content: '';
	content: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a img {
	border: none;
}

html, body{
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	line-height: 20px;
	min-height: 100%;
	color: #333;
	background-color:#F5F5F5;
	height: 100%;
}

/* =General Styles
-------------------------------------------------------------- */
.clearfix{clear:both;}
.container{width:960px;margin:0 auto;}

#wrap{min-height:100%;height:auto !important;height:100%;margin:0 auto -116px;}
#push{height:300px;margin-top:30px;}

#header{}
	#logo-link{display:inline-block;margin: 30px 65px 20px 0px;}
		#logo{display:block;}
	.language{float:right;margin:45px 60px;}
		.language a{color:#333;}

#page{min-height:200px;}
	#group{text-align:center;}
		#group .group-item{position:relative;display:inline-block;margin: 0 15px 0 0;}
		#group .site{display:block;position:relative;width:220px;height:220px;margin:10px auto;border-radius:10px;
			-webkit-box-shadow: inset 0 0 7px rgba(0, 0, 0, 0.07);
			box-shadow: inset 0 0 7px rgba(0, 0, 0, 0.07);
		}
		#group .site::after{content:"";position:absolute;top:9px;bottom:9px;left:9px;right:9px;border-radius:7px;background:#dce1e4;
			-webkit-box-shadow:inset 0 0 7px rgba(0, 0, 0, 0.2);
			box-shadow:inset 0 0 7px rgba(0, 0, 0, 0.2);
		}
		#group .site.evs-media::after{background:#dce1e4 url('/images/evs-black-site.jpg');}
		#group .site.evs-apt::after{background:#dce1e4 url('/images/evs_apt.jpg');}
		#group .site.evs-apt2::after{background:#dce1e4 url('/images/evs_consult.jpg');}
		#group .site.evs-trans::after{background:#dce1e4 url('/images/evs_trans.jpg');}
		#group .site.evs-car::after{background:#dce1e4 url('/images/evs_car.jpg');}
		
		#group .site:hover + .site-tooltip{display:block;}
		#group .site-tooltip{display:none;position:absolute;top:100%;left:0;right:0;color:#666;padding:20px 15px;border-radius:4px;text-align:left;
			-webkit-box-shadow:inset 0 1px 3px rgba(0,0,0,0.1), 0 1px 1px rgba(0,0,0,0.1);
			box-shadow:inset 0 1px 3px rgba(0,0,0,0.1), 0 1px 1px rgba(0,0,0,0.1);
		}
			#group .site-tooltip .title{font-weight:600;margin-bottom:10px;}
	#contact{color:#333;font-size:18px; margin: 20px 70px 20px 0px;}
		#contact .name{min-width:75px;display:inline-block;}

#footer{padding:10px 0;border-top:1px solid #CCC;font-size:12px;color:#999;box-shadow:inset 0 1px #FFF;}
	#footer .copy{text-align:center;}
	#footer .link{color:#029ddf;text-decoration:none;}
/* evs group links */
#evs-links{text-align:center;list-style:none;margin:0 0 10px;padding-bottom:10px;border-bottom:1px solid #CCC;}
	#evs-links .li{margin:10px;display:inline-block;}
		#evs-links .li .link{display:block;}
			#evs-links .li .link img{height:30px;}