/*
@viewport{
    zoom: 1.0;
    width: extend-to-zoom;
}
@-ms-viewport{
    width: extend-to-zoom;
    zoom: 1.0;
}
*/
.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-logo-plus {background: url("http://svenska-spanska.se/plus/icons/plus-logo.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-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-svsp {background: url("https://svenska-spanska.se/plus/icons/icon-logo-svsp.png") no-repeat scroll right center rgba(0, 0, 0, 0);
    padding-left: 30px;}

.icon-play {background: url("https://svenska-spanska.se/plus/icons/play.png") no-repeat scroll left center rgba(0, 0, 0, 0);
    padding-left: 30px;}
.icon-paus {background: url("https://svenska-spanska.se/plus/icons/paus.png") no-repeat scroll left center rgba(0, 0, 0, 0);
    padding-left: 30px;}	
			
#div-recorder {
margin-top: 5px;
}
#wrapper { 
	margin:0 auto;
	width:1200px;
	/*background-color: #3cadd4;
    color: #ffffff;*/
}
.imgPlaySound {
	cursor: pointer;
    height: 1.6em;
    border: 1px solid #ccc;
    padding: 10px;
    border-radius: 5em;
    background-color: #e5e5e5;
	}
.imgPlaySound:hover {
	background-color: #c5c5c5;
	}

body {
	margin: 0;
	padding: 0;
	line-height: normal;
	font-family: 'Oswald', Helvetica, Arial, serif;
	/*font-family: Sans-serif,Verdana, Geneva, Arial;
	letter-spacing:0.2px;*/
	font-size: 1em;
	
	color:#666;
	background: #fff;
	text-align:justify;
	min-height:100%;
}
.knappWP {
height:35px;
color: white;
font-size:18px;
font-weight:normal;
vertical-align:middle;
width: 150px;
cursor:pointer;
background-color: #008400;
 border: 0px solid #CCCCCC;
 
   
	margin-bottom:10px;

}
.knappWP:hover {
background-color: #2E9E2E;

  }
.kantlinje
{
border: 0px solid #CCCCCC;
margin-bottom: 10px;
    margin-top: 10px;
    padding: 22px;
	width:100%;	
}
/*buttons*/
.goback { border: 1px solid #CCCCCC;
  /*  border-radius: 5px 5px 5px 5px;*/
    font-size: 20px;
    padding: 10px;
	background-color:#FFF;}
.oncemore { border: 1px solid #CCCCCC;
  /*  border-radius: 5px 5px 5px 5px;*/
    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;
}
#btn-bildspel {
	width:200px;
	font-size:18px;
	color:#fff;
	/*background: #333 url(images/control_play.png) no-repeat right;*/
	cursor:pointer;
background-color: #666;
	height:30px;
	border: 1px solid #CCCCCC;
	/*
    border-radius: 5px 5px 5px 5px;
	-o-border-radius: 5px 5px 5px 5px;
	-ms-border-radius: 5px 5px 5px 5px;
	 -moz-border-radius: 5px 5px 5px 5px;
	  -webkit-border-radius: 5px 5px 5px 5px; */
	}
#btn-bildspel:hover {
	background: #333 url(images/control_play.png) no-repeat right;
	}
	
	
.stock-button-g {
  background-color:#61B149;
    border: 0px solid #CCCCCC;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 22px;
    font-weight: bold;
    height: 50px;
    line-height: 32px;
    margin: 10px 1px;
     padding: 0 40px;
    text-align: center;
	border-radius:1em;
}
.stock-button-g:hover {
background-color:#51A139;
}
.stock-button-g:focus {
}

#buy_now
{
	color: #606060;
   font-family: Impact,Oswald,Helvetica,sans-serif;
     
    font-weight: normal;
    width:100%;
	float:left;
	/*height: 38px;*/
    text-transform: none;
	letter-spacing:1px;
	margin:0 auto;
	height: 80px;
margin-top: 10px;
}
#buy_now_title {
/*font-family: Impact,Arial,Helvetica,sans-serif;*/
   
    margin-top: 20px;
	text-decoration:none;
	width: 367px;
    float: left;
    color: red;
    font-size: 22px;
	cursor:pointer;
	
}

#buy_now_button {
/*font-family: Impact,Arial,Helvetica,sans-serif;
width:40%;*/
float:left;
	    
}

#buy_now_test {
    background: none repeat scroll 0 0 #444444;
    color: #FFFFFF;
    font-family: Impact,Arial,Helvetica,sans-serif;
    font-size: 20px;
    /*letter-spacing: 1px;*/
    padding: 5px;
    text-transform: none;
}
#start_slide {
margin-left: 6px;
/* border: 1px solid #CCCCCC;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.4);
	*/
}
	
.sidebar_box li {
    background: url("images/img07.gif") no-repeat scroll left 15px transparent;
    border-bottom: 1px dotted #E7E2DC;
    line-height: 35px;
    margin: 0;
    padding: 0 0 0 20px;
	list-style: none;
}

.type_text {
font-size:18px;
 height:26px;
  vertical-align:middle;
  background-color:#CCC;
  }
.type_textarea {
font-size:18px;
 background-color:#CCC;
  }

.type_button {
font-size:18px;
padding:10px;
  vertical-align:middle;
  cursor:pointer;
  text-align:center;
border:0px;
	margin-top: 0px;
	margin-left: 0px;
  background-color: #4D90FE;
   
    color: #FFFFFF;
  }
.type_button:hover {

  background-color: #4787ED;
  
  }




#header {
	background-color:#fff;
	/*margin:0 auto;*/
	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 {
	/*background: green;
	*/
	border: solid 2px green;
}	
a { cursor:pointer; text-decoration:none; color: #444; }
a:link, a:visited { color: #0066CC; text-decoration: none; font-weight: normal; } 
a:active, a:hover { color: #008400; text-decoration: none; cursor:pointer; }

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



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

.float_l {
	float: left;
}

.float_r {
background-color: #F5F5F5;
	float: right;
	border: 1px solid #E5E5E5;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.4);
	padding:1px;
}

.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;
	/*background: url(images/templatemo_button_01.png) no-repeat;*/
}

.button_01 a:hover {
	color: #ffffff;
	/*background: url(images/templatemo_button_01_hover.png) no-repeat;*/
}

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;
	}
#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 p {
	margin: 0;
	padding: 0px 0 0 34px;
	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;
}

/* header */

#templatemo_header_wrapper {
/*	width: 100%;
	background: #fff;background: #1a1d1e url(images/top_bg.png) repeat-x;
*/

}

#templatemo_header {
	clear: both;
	width: 960px;
	height: 200px;
	margin: 0 auto;
	padding: 0 10px;
	/*background: url(images/header.png) no-repeat;*/
}

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


/* end of header */

/* menu */


#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; color:#666; }

#templatemo_menu ul li {
	padding: 0px;
	margin: 0px;
	display: inline;
}
#templatemo_menu ul li a {
    color: #666;
    display: block;
    float: left;
    outline: medium none;
   /* padding: 7px 0 7px; */
    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;
	/*
	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);
	*/
}

/* end of menu */

/* content */

#templatemo_content_wrapper {
	 margin-top:20px;
}
#land_page {
	width:100%;
/*
background-image: url(images/dark_tint.png), url(images/panaroma.jpg);
*/
background-image: url(images/bcn.jpg);

    background-position: center center;
    background-size: cover;
/*background: url(images/panaroma.jpg) center no-repeat;
border:1px solid #e5e5e5;
	border-radius: 5px 5px 5px 5px;
height:195px;*/
padding: 5em 0em 18em;
color:#FFF;

}
#land_page_text {
width: 50%;
    line-height: normal;
    float: left;
    margin-left: 80px;
    
}

#land_page_text h1 {
color: #FFF;
   
    font-size: 46px;
	margin-bottom:5px;
	/*text-shadow: -1px 1px 2px #728927;*/
}
#land_page_text p {
color: #FFF;
    font-size: 20px;
	text-align:left;
	
	
}

.land_page_list {
    float: left;
    margin-top: 35px;
    margin-left: 100px;
    position: relative;
    z-index: 1;
    padding: 5px;
	width:180px;
	text-align:left;
	}
.land_page_list::after {
  content: "";
  
  opacity: 0.7;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: -1;   
}
.land_page_list li {
/*background: url("images/check_16x16.png") no-repeat scroll left 5px transparent;*/
font-size:1.0em;
color:#FFF;
list-style:square inside none;
padding: 0 0 0 0px;
line-height:24px;
}

#templatemo_sidebar {
	float: left;
    width: 25%;
    margin-right: 10px;
}


.sidebar_box {
	padding: 15px 15px;
	border:1px solid #ccc;
	border-radius:5px;
	
}
.sidebar_box .pic {
	margin-left: 100px;
    margin-top: -40px;
    position: absolute;
	
}
.sidebar_box_bottom {
	
	height: 15px;
	margin-bottom: 15px;
	
}

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

.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: 10px;
}

.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: 70%;
}
#templatemo_content .pic {
	margin-left: 281px;
    margin-top: -20px;
	 position: absolute;
		
}
.content_box {
/*	 background: -webkit-linear-gradient(#F5F5F5, #EEE,#F5F5F5); 
  background: -o-linear-gradient(#F5F5F5, #EEE,#F5F5F5); 
  background: -moz-linear-gradient(#F5F5F5, #EEE,#F5F5F5); 
  background: linear-gradient(#F5F5F5, #EEE,#F5F5F5); 
 */
float:left; 
border:1px solid #ccc;
clear: both;
padding: 15px 15px;
border-radius:5px;
}
.content_box_bottom {
	height: 15px;
	margin-bottom: 15px;
	/*background: url(images/templatemo_content_bottom.jpg) no-repeat;*/
}

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

.content_box .section_w250 {
	width: 250px;
}

.list_01 {
	margin: 0 0 0 20px;
	padding: 0;
	/*list-style: decimal-leading-zero;*/
}

.list_01 li {
    color: #444444;
    margin-bottom: 2px;
	list-style: circle outside none;
}

/* end of content */

/* 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;
	/*border-right: 1px solid #333333;*/
}

.footer_menu .last_menu {
	border: none;
}

/* end of footer */
#form_preguntas {
	color: #616161;
	font-size: 1.0em;
	
}
#form_preguntas input[type="text"] {
	background-color:inherit;
    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 {
/*	border: solid 1px #CCC;  */
}
#form_preguntas input[type=button] {
	font-size: 18px;
	width: 100px;
	vertical-align:middle;
	text-align:center;
	padding: 0px 5px 0;
	height:35px;
color: white;
font-size:18px;
font-weight:normal;
cursor:pointer;
background-color: #42C642;
 border: 0px solid #CCCCCC;
/*    border-radius: 5px 5px 5px 5px;*/

	margin-top: 10px;
}
#form_preguntas input[type=button]:hover {
background-color: #3DC13D;
}

#form_preguntas select {
	font-family: inherit;
	font-size:inherit;
	width: 190px;
	height: 34px;
	padding: 0px 5px 0;
	
}
#form_preguntas td {
	/*text-align:left;*/
height: 32px;
}
#form_preguntas th {
	text-align:left;
	font-weight:bold;

}
#quoat {
    font-style: italic;
    width: 85%;
	margin: 0 auto;
	font-size:12px;
}
.full-line {
border-bottom: 1px solid #CCCCCC;
margin-bottom: 10px;
margin-top: 10px;
width: 100%;
}

#menu_smart {width:100%;display:none;}
.smart_list_item { 
	width:100%;
	font-size:1em;
	border-bottom: 1px solid #E7E2DC;
	/*1px dotted #E7E2DC;*/
	
	cursor:pointer;
}
.smart_list_item:hover {
	background: url("https://svenska-spanska.se/images/icon.arrow-right-menu.png") no-repeat scroll right center rgba(0, 0, 0, 0);
	background-color:#eee;
	
}

/*  ***********************                popup   **********************************           */

#backgroundPopup{
	display:none;
	position:fixed;
	opacity: 0.7;
	/*_position:absolute;*/ 
	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:#000;
	-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;
}

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

/*  ***********************              slut  popup   **********************************           */










@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;}
	
	#templatemo_content {
		float: none;
		width: 100%;
	}
	/* menu*/
	#templatemo_menu { display:none; }
	#menu_smart {display:block;}
	#menu_smart_list 
	{
		padding-top: 5px;
		
		background: white;
		width: 100%;
	
	}
	#logo-plus {font-size:1.4em; }
	
	
	#templatemo_sidebar {
		float: none;
		width: 100%;
		margin:0;
		padding-bottom:10px;
	}
	

	 #templatemo_content_wrapper {
    margin-top: 0px;
}
#templatemo_menu_wrapper {
    /*padding-bottom: 5px;*/
}

	.kantlinje {padding:10px;}

#form_preguntas input[type="text"] {  width: 90%;}
#form_preguntas select { width: 90%;}
#form_preguntas table { width:100%;}
		


}