hr { color:#E7E2DC;}
table { border-spacing:0; }
table th { text-align:left; font-weight:bold;}
.icon-arrow-left {background: url("https://svenska-spanska.se/images/arrow-left.png") no-repeat scroll left center rgba(0, 0, 0, 0);
    padding-left: 20px; }
.icon-arrow-right {background: url("https://svenska-spanska.se/images/arrow-right.png") no-repeat scroll right center rgba(0, 0, 0, 0);
    padding-right: 20px;}
#icon-arrow-right-white {background: url("https://svenska-spanska.se/images/arrow-right-white.png") no-repeat scroll right center rgba(0, 0, 0, 0);
    padding-right: 20px;}

.icon-arrow-down {background: url("https://svenska-spanska.se/plus/icons/arrow-down.png") no-repeat scroll right center rgba(0, 0, 0, 0);
    padding-right: 20px;}
.icon-arrow-up {background: url("https://svenska-spanska.se/images/arrow-up-16x16.png") no-repeat scroll right center rgba(0, 0, 0, 0);
    padding-right: 20px;}
.icon-logo-plus {background: url("https://svenska-spanska.se/plus/icons/icon-logo-svsp.png") no-repeat scroll left center rgba(0, 0, 0, 0);
    padding-left: 30px;}

	.icon-home {background: url("https://svenska-spanska.se/plus/icons/icon-home.png") no-repeat scroll left center rgba(0, 0, 0, 0);
		padding-left: 20px; }	

.icon-internet {background: url("https://svenska-spanska.se/plus/icons/internet.png") no-repeat scroll right center rgba(0, 0, 0, 0);}
.icon-play {background: url("https://svenska-spanska.se/plus/icons/play.png") no-repeat scroll left center rgba(0, 0, 0, 0);
    padding-left: 20px;}
.icon-paus {background: url("https://svenska-spanska.se/plus/icons/paus.png") no-repeat scroll left center rgba(0, 0, 0, 0);
    padding-left: 20px;}
.icon-delete {background: url("https://svenska-spanska.se/plus/icons/icon-delete.png") no-repeat scroll right center rgba(0, 0, 0, 0);
		padding-right: 20px;}
	
		.btnGo-arrow-right {
			background: url("https://svenska-spanska.se/images/arrow-right.png") no-repeat scroll right center rgba(0, 0, 0, 0);
			padding-right: 20px;
			border-radius: 5px;
			font-size: 1em;
			cursor: pointer;
			margin-right:10px;
			border-color: #f5f5f5;
			padding-bottom:5px;
			padding-top:5px;
		}
		.btnGo-arrow-right:hover {
		background-color:#f5f5f5;
		}
		.btnGo-instruction {
			background: url("https://svenska-spanska.se/plus/icons/icon-instruction16x16.png") no-repeat scroll right center rgba(0, 0, 0, 0);
			padding-right: 20px;
			border-radius: 5px;
			font-size: 1em;
			cursor: pointer;
			margin-right:10px;
			border-color: #f5f5f5;
			padding-bottom:5px;
			padding-top:5px;
		}
		.btnGo-instruction:hover {
		background-color:#f5f5f5;
		}
		


#wrapper { width:1200px; margin:0 auto;}

.imgPlaySound {
	cursor: pointer;
    height: 1.6em;
    border: 1px solid #ccc;
    padding: 10px;
    border-radius: 5em;
    background-color: #e5e5e5;
	}
.imgPlaySound:hover {
	background-color: #c5c5c5;
	}
	
.class_box_title {
	
	
	background:  url(images/arrow-down32x32.png) no-repeat right center  #4E8CDD;

	/*    4E8CDD,4E8CCE 
background:  url(images/arrow-down32x32.png) no-repeat right center  #3E464D;


*/
    color: #FFFFFF;
    margin-bottom: 10px;
    
	font-size:1.4em;
	cursor:pointer;
	padding: 12px 12px;
	
		}
.class_box_title:hover {
	background:  url(images/arrow-down32x32.png) no-repeat right center  #4E8CCE;   }
/*
background:  url(images/arrow-down32x32.png) no-repeat right center  #2C343B;   }
*/

	.bubble 
{
position: relative;
width: 255px;
height: 105px;
padding: 0px;
background: #FFFFFF;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}

.bubble:after 
{
content: '';
position: absolute;
border-style: solid;
border-width: 14px 31px 14px 0;
border-color: transparent #FFFFFF;
display: block;
width: 0;
z-index: 1;
left: -31px;
top: 38px;
}
.triangle-right {
	position:relative;
	padding:15px;
	margin:1em 0 2em;
	color:#fff;
	background:#4E8CCE; 
	
	background:-webkit-gradient(linear, 0 0, 0 100%, from(#2e88c4), to(#4E8CCE));
	background:-moz-linear-gradient(#2e88c4, #4E8CCE);
	background:-o-linear-gradient(#2e88c4, #4E8CCE);
	background:linear-gradient(#2e88c4, #4E8CCE);
	
}
.triangle-right.left {
	margin-left:80px;
	background:#4E8CCE;
}
.triangle-right:after {
	content:"";
	position:absolute;
	bottom:-20px; 
	left:50px; 
	border-width:20px 0 0 20px; 
	border-style:solid;
	border-color:#075698 transparent; 
    
    display:block; 
    width:0;
}
.triangle-right.left:after {
	top:16px; 
	left:-40px; 
	bottom:auto;
	border-width:15px 40px 0 0; 
	border-color:transparent #4E8CCE; 
}
#div-recorder {
margin-top: 5px;
}


.goback { border: 1px solid #CCCCCC;
  
    font-size: 20px;
    padding: 10px;
	background-color:#FFF;}
.oncemore { border: 1px solid #CCCCCC;
  
    font-size: 20px;
    padding: 10px;
	margin-left:20px;
	background-color:#FFF;}
.goback:hover {
box-shadow: 0 1px 6px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.4);
-webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.4);
text-decoration:none;
}
.oncemore:hover {
box-shadow: 0 1px 6px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.4);
-webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.4);
text-decoration:none;
}


#step_goals {
border: 0px solid #C7C7C7;
   margin-top: 20px;
    padding: 10px;
	background-color: #E2E2E2;
	list-style:none;
	font-size:0.9em;
	}
	#close_step_goals {
		font-size: 1em;
    font-weight: bold;
		}
#tbl-stegtest {
	background-color: #EFEFEF;
    border: 1px solid #E3E3E3;
  
    padding: 5px;
	}	

.type_text {
    font-size: 1.1em;
    height: 30px;
    vertical-align: middle;
    width: 90%;
  }
.type_text_login {
    font-size: 1.1em;
    height: 30px;
    vertical-align: middle;
	border:1px solid #eee;
	width:98%;
  } 
 
.kantlinje {
 
    border: 0px solid #CCCCCC;
    margin-bottom: 10px;
	margin-top: 10px;
    padding: 22px;
    width: 100%;
}

.full-line {
border-bottom: 1px solid #CCCCCC;
    margin-bottom: 10px;
    margin-top: 10px;
    width: 100%;
	/*float:left;*/
}
.type_button,.type_button_red {
font-size:18px;
height:35px;
vertical-align:middle;
cursor:pointer;
text-align:center;
margin-top: 5px;
margin-left: 0px;
background-color: #4D90FE;
color: #FFFFFF;
border:0px;
  }
.type_button:hover {
  background-color: #4787ED;
  }
.type_button_red { background-color:#d14836; }
.type_button:hover {
  
  }
body {
	margin: 0;
	padding: 0;
	line-height: normal;
	font-family: 'Oswald', Helvetica, Arial, serif;
	font-size: 1em;
	color:#333;
	background: #fff;
	text-align:justify;
	min-height:100%;
}
#header {
	background-color:#fff;
	width:100%;}
	
#header img{
	float: left;
    height: 16px;
    margin-left: 5px;
    margin-top: 23px;
	}
	
#header-wrapper {
	margin:0 auto;
	}	

#headline .imgTopLeft {
	margin-left: 50px;
	}

input[type=text]:focus {
	
	border: solid 2px green;
}		
input[type=password]:focus {
	
	border: solid 2px green;
}	
li { list-style-position:inside;}	


a { cursor:pointer; text-decoration:none; color:#333;  }


a:active {}
a:hover { color: #000; text-decoration: none; cursor:pointer; }


p { margin: 0px; padding: 0px; }

img { margin: 0px; padding: 0px; border: none; }

.float_l {
	float: left;
}

.float_r {
	float: right;
}

.divider {
	background: url(images/divider.jpg) repeat-x bottom;
}

.cleaner { clear: both; width: 100%; height: 0px; font-size: 0px;  }

.cleaner_h10 { clear: both; width:100%; height: 10px; }
.cleaner_h20 { clear: both; width:100%; height: 20px; }
.cleaner_h30 { clear: both; width:100%; height: 30px; }
.cleaner_h40 { clear: both; width:100%; height: 40px; }
.cleaner_h50 { clear: both; width:100%; height: 50px; }
.cleaner_h60 { clear: both; width:100%; height: 60px; }

.button_01 a {
	display: block;
	width: 70px;
	height: 22px;
	padding: 5px 2px 0 30px;
	color: #ffffff;
	font-size: 0.9em;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	
}

.button_01 a:hover {
	color: #ffffff;
	
}

h2 {
	margin: 5px 0px 10px 0px;
	
	font-size: 1.6em;
	font-weight: normal;
	color: #444;
}

h3 {
	margin: 0	;
	padding: 2px 0;
	font-size: 1.4em;
	font-weight: normal;
	color: #3e464d;
	margin: 5px 0px 5px 0px;
}

#logo {
	color: #7f7f81;
    height: 30px;
    margin-top:5px;
    width: 1024px;
}

#logo span {
	color: #FFFFFF;
}


#logo h1 {
   color: #333333;
    float: left;
    font-size: 22px;
    letter-spacing: -1px;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
	}

#logopic {}

#logo p {
	text-transform: uppercase;
	padding: 90px 0 0 3px;
	color: #333;
	text-shadow: #728927 -1px 1px 2px;
	font: normal 18px Georgia, "Times New Roman", Times, serif;
	font-style: italic;
}

#logo h2 {
	margin: 0;
	padding: 0px 0 0 10px;
	text-shadow: #728927 -1px 1px 2px;
	font: normal 18px Georgia, "Times New Roman", Times, serif;
	font-style: italic;
}

#logo a {
	border: none;
	text-decoration: none;
	color: #777;
}

#templatemo_wrapper {
	width: 980px;
	margin: 0 auto;
}


#templatemo_header {
	clear: both;
	width: 960px;
	height: 200px;
	margin: 0 auto;
	padding: 0 10px;
	
}

#templatemo_header p {
	clear: both;
	padding-left: 100px;
	
	width: 500px;
	font-size: 20px;
	font-style: italic;
	line-height: 26px;
	color:#333;
}

#templatemo_header #site_title {
	float: left;
	padding-top: 10px;
	margin-left: 0px;
	margin-bottom: 10px;	
	width: 400px;
	height: 100px;
	text-align: center;	
	overflow: hidden;	
}

#site_title h1 {
	margin: 0px;
	padding: 15px 0 0 0;
		
}

#site_title h1 a {
	font-size: 32px;
		font-weight: bold;
	text-decoration: none;
	color:#333;
}

#site_title h1 a:hover {
	font-weight: bold;	
	text-decoration: none;
}

#site_title h1 a span {
	display: block;
	margin-top: 30px;
	margin-left: 0px;
	font-size: 36px;
	color:#36F;
	font-weight: bold;
	letter-spacing: 2px;
	
}
#templatemo_menu_wrapper {
	margin: 0 auto;
	padding-top:10px;
}

#templatemo_menu {
    height: 20px;
    margin: 0 auto;
    width: 100%;
}

#templatemo_menu ul {
	float: left;
	margin: 0px;
	padding: 0px;
	list-style: none;
}
#logo-plus { float:left; text-transform:capitalize; }

#templatemo_menu ul li {
	padding: 0px;
	margin: 0px;
	display: inline;
}
#templatemo_menu .imgTaskbar { width:16px; height:16px; }
#templatemo_menu ul li a {
    color: #666;
    display: block;
    float: left;
   
    outline: medium none;
    
    position: relative;
    text-align: center;
    text-decoration: none;
    padding-right: 20px;
  padding-left: 20px;
}

#templatemo_menu li a:hover, #templatemo_menu li .current {
	text-decoration:underline;

}


.status_login {
	color: #666;
    float: right;
    margin-left: 10px;
    margin-top: 17px;
	}

#templatemo_content_wrapper {
	 margin-top:20px;
}

#templatemo_sidebar {
	float: left;
    width: 25%;
    margin-right: 10px;
}
#templatemo_sidebar a {
	color: #0066CC;
}
.sidebar_box_link {
	background:  url(icons/arrow-up-down32x32.png) no-repeat right center  #f5f5f5;
	padding: 12px 12px;
	color: #444;
  font-size: 1.4em;
  cursor:pointer;
	}


.sidebar_box_menu {
	padding: 5px 25px;
	border:0px solid #f5f5f5;
	
	z-index: 3;
	background: #f5f5f5;	

}
.sidebar_box_menu li {
    
    border-bottom: 1px dotted #E7E2DC;
    line-height: 35px;
    list-style: none outside none;
    margin: 0;
   }
.sidebar_box_menu li img {
   width:16px;
   height:16px; 
   
}

.sidebar_box {
	padding: 15px 15px;
	border:1px solid #ccc;
	overflow:auto; height:auto;
	border-radius:5px;
}
.sidebar_box h2{
	
}
.sidebar_box .pic {
	margin-left: 100px;
    margin-top: -40px;
    position: absolute;
	
}
.sidebar_box li {
    background: url("images/img07.gif") no-repeat scroll left 15px transparent;
    border-bottom: 1px dotted #E7E2DC;
    line-height: 35px;
    list-style: none outside none;
    margin: 0;
    padding: 0 0 0 20px;
}

.sidebar_box_bottom {
	height: 15px;
}


.news_box {
	
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px dashed #8a9ba8;	
	color: #ffffff;
}

.news_box .post_info {
	font-size: 11px;
	color: #666666;
}

.news_box .post_info a {
	color: #157ad2;
	font-weight: normal;
}

.news_box a{
	color: #000000;
	font-weight: normal;
}

.news_box span {
	color: #157ad2;
}

.sidebar_box label {
	display: block;
	margin-bottom: 2px;
	font-size:0.8em;
}

.sidebar_box #input_field {
	height: 20px;
	width: 200px;
	padding: 0 5px;
	margin-bottom: 10px;
	color: #000000;
	font-size: 0.9em;
	font-variant: normal;
	line-height: normal;
}

.sidebar_box #submit_btn {
	float: right;
 	height: 30px;
	width: 80px;
	margin: 0px;
	padding: 3px 0 15px 0;
	cursor: pointer;
	font-size: 0.9em;
	text-align: center;
	vertical-align: bottom;
	white-space: pre;
	outline: none;
}

#templatemo_content {
    float: left;
	width: 100%;
    margin: 0 auto;
}

#templatemo_content .pic {
	margin-left: 281px;
    margin-top: -20px;
	 position: absolute;
		
}
.content_box {
float:left;
width:100%;
border:0px solid #ccc;
clear: both;
padding: 0;
margin-bottom: 10px;
border-radius:5px;
}
#tbl-teori { }
#tbl-teori a { color: #666;}
#tbl-teori a:hover { color: #444;}
#tbl-teori b { font-size:1.1em; text-decoration:underline;}
.content_box img {
}

.content_box_bottom {
	/*width: 590px;*/
	height: 36px;
	margin-bottom: 20px;
	
}

.content_box .image_fl {
	float: left;
	margin: 3px 15px 0 0;
}

.content_box .section_w250 {
	width: 40%;
}

.list_01 {
	margin: 0 0 0 20px;
	padding: 0;
	
}

.list_01 li {
	color: #008400;
	margin-bottom: 7px;
}



/*
#templatemo_footer_wrapper {
	width: 100%;
	margin-top: 20px;
	background: #F5F5F5;

   bottom:0px;
   	min-height:100%;}

#templatemo_footer {
	
	margin: 0 auto;
	padding-top: 10px;
	padding-bottom:5px;
	text-align: center;
	color: #7c7471;
 
}

#templatemo_footer a {
	color: #333333;
}
*/
/* footer */

#templatemo_footer_wrapper {
	background: #383b43;
    padding: 2em 0em 2em;
    color: #fff;
/*
	width: 100%;
	margin-top: 20px;
	background: #F5F5F5;

   bottom:0px;
	   min-height:100%;
*/
	}

#templatemo_footer {
	
	margin: 0 auto;
	text-align: center;
	
	/*
	padding-top: 10px;
	padding-bottom:5px;
	color: #7c7471;
 */
}

#templatemo_footer a {
	color: #FFF;
}

#templatemo_footer .footer_menu {
	margin: 0 0 10px 0;
	padding: 0px;
	list-style: none;
}

.footer_menu li {
	margin: 0px;
	padding: 0 20px;
	display: inline;
	
}

.footer_menu .last_menu {
	border: none;
}



blockquote:before, blockquote:after, q:before, q:after {
content:"";
}


blockquote, q {
quotes:"" "";
}



br.both{
clear:both;
}


#backgroundPopup{
display:none;
position:fixed;
opacity: 0.8;
/*_position:absolute;*/ 
height:100%;
width:100%;
top:0;
left:0;
background:#000000;
border:1px solid #cecece;
z-index:1;

}

#popupContact{
display:none;
position:fixed;
/*position:absolute;*/ 
top:100px;
width:450px;
background:#fff;

z-index:2;
padding:10px;
-o-box-shadow: 0 0px 10px 2px #FFF;
    box-shadow: 0 0px 10px 2px #FFF;
    -moz-box-shadow: 0 0px 10px 2px #FFF;
    -webkit-box-shadow: 0 0px 10px 2px #FFF;


}
#popupContact h1{
text-align:left;
color:#6FA5FD;
font-size:1.4em;
border-bottom:1px solid #D3D3D3;
padding-bottom:2px;
margin-bottom:20px;
}
#popupContact h3{
text-align:left;
color:#000;
font-size:1.2em;
font-weight:700;

padding-bottom:2px;
margin-bottom:20px;
}
#popupContactClose{
font-size:1em;
line-height:14px;
right:6px;
top:4px;
position:absolute;

color:#333;
font-weight:700;
display:block;
}
#opt_word {
	font-size:1.1em;
	float: left;
	}
#status_wp {
	width:400px;
	font-size:12px;
	float: left;
	color:#00C;
	border-top:1px solid #D3D3D3;
	}
#status_wp img{
	
	vertical-align:top;

}	
#answer {
font-size:1.1em;
float: right;
color:#000;
margin-right: 90px;
    margin-top: -145px;
text-align:center
}

.knappWP {
height:35px;
color: white;
font-size:18px;
font-weight:normal;
vertical-align:middle;
width: 150px;
cursor:pointer;
background-color: #42C642;
 border: 0px solid #CCCCCC;
margin-bottom:10px;
}
.knappWP:hover {
background-color: #3DC13D;
  }
.knappWPnew {
height:35px;
color: white;
font-size:18px;
font-weight:normal;
vertical-align:middle;
width: 150px;
cursor:pointer;
background-color: #E74;
 border: 0px solid #CCCCCC;
margin-bottom:10px;
}
.knappWPnew:hover {
background-color: #E70;
  }

#form_preguntas {
	color: #616161;
	font-size: 1.0em;
	
}

#form_preguntas input[type="text"] {
  /*  background: url("images/") no-repeat scroll right center transparent;*/
    border-top: 0px solid #f5f5f5;
    border-left: 0px solid #f5f5f5;
    border-right: 0px solid #f5f5f5;
    border-bottom: 1px solid #555;
    
    font-size:inherit;
    height: 28px;
    margin-right: 5px;
    padding: 0 5px;
    text-align: left;
    vertical-align: top;
    /*width: 200px;*/
}
#form_preguntas input[type=text]:focus {
	
	
	 
}
#form_preguntas input[type=button] {
	font-size: 18px;
	width: 150px;
	vertical-align:middle;
	text-align:center;
	padding: 0px 5px 0;
	height:35px;
color: white;
font-weight:normal;
cursor:pointer;
background-color: #42C642;
 border: 0px solid #CCCCCC;
  margin-top: 10px;
}
#form_preguntas input[type=button]:hover {
	background-color: #3DC13D;
    
}
#form_preguntas select {
	
	font-size:inherit;
	width: 190px;
	height: 34px;
	padding: 0px 5px 0;
	font-family: 'Oswald', Helvetica, Arial, serif;
	
}
#form_preguntas td {
	height: 32px;
}
#form_preguntas th {
	text-align:left;
	font-weight:bold;
}
#td_title {
background:#3E464D; color:#fff;
}
#myspace_news {
	float:left;
	width:100%;
    
}
#dictionary {
	background-color: #333;
    border: 0px solid #333;
    color: #FFFFFF;
    padding: 10px;
    text-align: left;
    width: 30%;
	}
	
	

#dictionary-content {}	
#dictionary select { width:100%; height: 34px;
font-size:inherit;}
#dictionary .btn_search { background-color: #EFEFEF;
    border: 0 solid;
    cursor: pointer;
    font-size: 18px;
    height: 30px;
    width: 50%;
	margin-top:10px; }
#txtSearch { width:100%;  height: 34px;margin-top: 5px; border: 0px; font-size:inherit;}
.close-dictionary { margin-left: 347px;
    margin-top: -13px;
    position: absolute;
    width: 20px;}
#dictionary-link-image {
	width:35px; height:35px; position:absolute; top:130px; left:0;
	
	background-color:#4E8CCE;
	}
	#dictionary-link-image img{position: relative;
top: 10px;
left: 8px;}


#mask {
/*
	display: none;
	background: #000; 
	position: fixed; left: 0; top: 0; 
	
	width: 100%; height: 100%;
	opacity: 0.7;
	z-index: 1;
*/
display:none;

position:fixed;
opacity: 0.7;
height:100%;
width:100%;
top:0;
left:0;
background:#000000;
border:1px solid #cecece;
z-index:1;

}

#popup-exercise {
	display:none;
	background: #FFF;
	padding: 10px; 	
	border: 0px solid #ddd;
	
	position:absolute;
	top: 10%;
	 left: 50%;
	z-index: 2;
	width:640px;
	color:#333;
	-o-box-shadow: 0 0px 10px 2px #FFF;
    box-shadow: 0 0px 10px 2px #FFF;
    -moz-box-shadow: 0 0px 10px 2px #FFF;
    -webkit-box-shadow: 0 0px 10px 2px #FFF;

/*
display:none;
position:fixed;
top:100px;
width:450px;
background:#cecece;
border:5px solid #fff;
z-index:2;
padding:12px;
background: #eeeeee url(images/) repeat-x;

*/







}
#popup-content { margin-bottom:10px;}
.btn_close {
  float: right;
 
  border: none;
}



#sortable {
	width: 100%;
	overflow: hidden;
	margin: auto;
}
.sortable {
	float: left;
	width: 250px;
}
.sortable.no2 {
	float: right;
}
.connected, .sortable, .exclude, .handles {
	margin: auto;
	padding: 0;
	
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.connected li, .sortable li, .exclude li, .handles li {
		
			
	list-style: none;
	border: 1px solid #CCC;
	background: #fff;
	color: #333;
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 5px;
	height: auto;
	text-align:center;
	cursor:move;
	/*font-size:18px;*/

}

/* *******************''    course overview   ************************* */
#plus_overview {width: 100%; margin:0 auto; height:160px;}
.ow_course {
    
    position: relative;
    width: 100%;
    margin-bottom: 20px;
    margin-top: 20px;
    border-top: 0px solid #e5e5e5;
    border-bottom: 0px solid #e5e5e5;

}
.ow_course_module {
	display: block;
    width: 25%;
    float: left;
    text-align: center;
	
	}
.ow_course_module_content {
	border: 1px  solid #ccc;
    width: 75%;
    margin-left: 30px;
    padding: 5px;
    border-radius: 0px;
    background: none repeat scroll 0 0 #F5F5F5;
    box-shadow: 0 3px 5px rgb(0 0 0 / 40%);

}
.ow_course_module_content:hover {background-color: #EEE; cursor:pointer;}


@-webkit-keyframes pulse_animation  {
	0% { -webkit-transform: scale(1);  }
	30% { -webkit-transform: scale(1);}
	40% { -webkit-transform: scale(1.08);}
	50% { -webkit-transform: scale(1); }
	60% { -webkit-transform: scale(1); }
	70% { -webkit-transform: scale(1.08); }
	80% { -webkit-transform: scale(1);  }
	100% { -webkit-transform: scale(1); }
}
@keyframes pulse_animation_m  {
	0% { transform: scale(1);  }
	30% { transform: scale(1);}
	40% { transform: scale(1.08);}
	50% { transform: scale(1); }
	60% { transform: scale(1); }
	70% { transform: scale(1.08); }
	80% { transform: scale(1);  }
	100% { transform: scale(1); }
}

.pulse {
	border: 1px  solid #ccc;
    width: 75%;
    margin-left: 30px;
    padding: 5px;
    border-radius: 0px;
    background: none repeat scroll 0 0 #F5F5F5;
    box-shadow: 0 3px 5px rgb(0 0 0 / 40%);

	-webkit-animation-name: 'pulse_animation';
	-webkit-animation-duration: 5000ms;
	-webkit-transform-origin:70% 70%;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	
	animation-name: 'pulse_animation_m';
	animation-duration: 5000ms;
	transform-origin:70% 70%;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}

.pulse:hover {background-color: #EEE; cursor:pointer;}


@media only screen and (max-width: 800px) {
#wrapper { width:100%;}
h1 {font-size: 1.4em;}
	h2 {font-size: 1.3em;}
	h3 {font-size: 1.2em;}


#logo-meny { opacity:0.6; }
#form_preguntas input[type="text"] {  width: 90%;}
#form_preguntas select { width: 90%;}

#form_preguntas table { width:100%;}


#txtSearch { width:95%;}

.content_box .section_w250 { width: 100%;}


#popupContact{ width:95%;border:1px solid #fff;	padding:0px;}
#popup-exercise { width:90%; 	}
.kantlinje {padding:10px;}



#sortable {	width: 100%;	}
.sortable {	width: 45%;	}
.sortable.no2 { float: left; margin-left:20px;}
.sortable li { font-size: 0.8em; height: auto;}
#sortable img {height: 16px;}

/* course overview */


.ow_course_module {width:100%;margin-bottom:5px;}  
.ow_course_module_content {margin-left:5px;padding:0; width:97%;}
.ow_course_module_content img {float:right;}
.pulse {width:97%; padding:0px;margin-left:5px;}

}



@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
}

@media only screen 
and (min-device-width : 480px) 
and (max-device-width : 768px) {

}


@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)
{ 

}