@import url(http://fonts.googleapis.com/css?family=Roboto+Slab:100&subset=latin,latin-ext);

body {
	background-image: url(../images/background.png); 
	background-position: initial initial; 
	background-repeat: initial initial;
	background-color: #f3f3f3;
}

header {
	margin-bottom: 2em;
}

@media screen and (min-width: 800px) {
	#container {
		width: 700px;
		margin: auto;
		padding: 5%;
	}
}

@media screen {
	.jobs,
	.educations {
		height: 20em; 
		overflow: auto;
	}
}

.slider-navigation, .pager {
	display: none;
}

h1 {
	text-shadow: 1px 1px white;
	font-size: 40px;
	color: #2C8D6E;
	height: 1em;
	overflow: hidden;
}

a {
	color: #2C8D6E;
	text-decoration: none;
}

.details {
	text-shadow: 1px 1px white;
}

.details ul {
}
.details li {
	color: #999;
	float: left;
	text-shadow: 1px 1px white;
	margin-right: 2em;
	font-size: 12pt;
	color: #555;
}
.details li:after {
	color: #666;
}
.details li:last-child {
	margin: 0;
	content: "";
}

.cards {
	margin-left: 5px;
	margin-right: 5px;
	clear: both;
}

.card {
        background:#ffffff;
        color:#333;
        font-size:16pt;
        font-family: 'Roboto Slab', sans-serif;
        font-weight:300;
        -webkit-box-shadow:  0px 2px 4px 0px rgba(0, 0, 0, .20);
        box-shadow:  0px 2px 4px 0px rgba(0, 0, 0, .20);
        padding-bottom:10px;
        margin-top:25px;
	overflow: hidden; 
	opacity: 0;
	transform:rotate(10deg) translate(0px,300px);  
	-webkit-transform:rotate(10deg) translate(0px,300px);  
	padding: 5%;
}

.card h2 {
	font-size:24pt;
        font-family: 'Roboto Slab', sans-serif;
}

.card h3 {
	margin-top: 1em;
	font-size:16:pt;
        font-family: 'Roboto Slab', sans-serif;
}	

.card h4 {
	margin-top: 1em;
	font-size:10:pt;
        font-family: 'Roboto Slab', sans-serif;
}	

.card p {
	font-size: 12pt;
	color: #555;
	line-height: 1.5em;
	text-align: justify;
	margin: 0.625em;
}

.card td {
	font-size: 12pt;
	color: #555;
	line-height: 1.5em;
	text-align: justify;
	padding: 0.4em;
}

.work-details h3,
.education-details h3 {
	color: black;
	margin-bottom: 0.5em;
}

.work-details ul,
.education-details ul { list-style-type: square; margin-left: 2em; font-size: 12pt;}
.work-details li,
.education-details li { color: #555; line-height: 1.8em; }

.work-details .work-period,
.education-details .education-period { 
	color: #999; 
	font-size: 10pt;
}

.card p + p {
	text-indent: 1em;
}

.animate {
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
   transform:rotate(0deg) translate(0px,0px);  
   -webkit-transform:rotate(0deg) translate(0px,0px);  
opacity:1;  

}

.employer-storytel {
	background-image: url(../images/storytel.png);
	background-position: top right;
	background-repeat: no-repeat;
}

.employer-karnov {
	background-image: url(../images/karnov.png);
	background-position: top right;
	background-repeat: no-repeat;
}

.employer-ipvision {
	background-image: url(../images/ipvision.png);
	background-position: top right;
	background-repeat: no-repeat;
}

.employer-icom-tele {
	background-image: url(../images/icom-tele.png);
	background-position: top right;
	background-repeat: no-repeat;
}

.employer-pensio {
	background-image: url(../images/pensio.png);
	background-position: top right;
	background-repeat: no-repeat;
}

.employer-dfr {
	background-image: url(../images/dfr.png);
	background-position: top right;
	background-repeat: no-repeat;
}

.employer-comendo {
	background-image: url(../images/comendo.png);
	background-position: top right;
	background-repeat: no-repeat;
}

.employer-assurator {
	background-image: url(../images/assurator.png);
	background-position: top right;
	background-repeat: no-repeat;
}

.slider-navigation {
	float: right;
	cursor: pointer;
}

.cycle-pager-active {
	color: #2C8D6E;
}

.language-selector {
	float: right;
}

.skills-details ul {
  columns: 2;
  -webkit-columns: 2;
  -moz-columns: 2;
}

@media print {
	.language-selector {
		display: none;
	}

	.card,
	.card td,
	.card p {
    font-size:10pt;
		line-height: normal;
	}

	.card {
		padding: 1em;
    box-shadow: none;
    border-top: 1px solid black;
	}

	.card h2 {
		margin: 0;
		font-size:12pt;
		font-family: 'Roboto Slab', sans-serif;
	}

	.card h3 {
		margin-top: 1em;
		font-size:11pt;
		font-family: 'Roboto Slab', sans-serif;
	}	

	.work-details ul,
	.education-details ul { list-style-type: square; font-size: 10pt;}
	.work-details li,
	.education-details li { color: #555; }

	.only-screen {
		display: none;
	}	

	.card a:link:after, 
	.card a:visited:after {
		content: " (" attr(href) ") ";
		font-size: 90%;
	}

}