/* ----------------------------------------------------

	sti slider

---------------------------------------------------- */



/* .sti_container { max-width: 100%; height: auto; } */



.sti_container {

	position:relative;

	top:10px;

	float:right;

	padding:0px;

	overflow:hidden;

}



.sti_container a { text-decoration:none; color:#2d75cd; }



.ajax_content { clear:both; }



.sti_slider {

	width:550px;

	/* height:207px; */

	overflow:hidden;

	position:relative;

	margin:0;

}



.sti_items {

	float:left;

	display:none;

	

	-webkit-transition-property: -webkit-transform;

	-webkit-transition-duration: 0.5s;

	-webkit-transition-timing-function: ease-out;

	padding:0px;

	margin:0px;

	

	width:15000px;



	-webkit-transform: translate3d(0px,0px,0px); 

}



.sti_items img { 

	padding:0px; margin:0px; float:left;

	-webkit-transform: translate3d(0px,0px,0px);

	-webkit-transform: translate2d(0px,0px);

}



.preload_32 { 

	background:#fff url(preload_32.gif) center no-repeat; width:32px; height:32px; padding:5px; position:absolute; z-index:1000;

	border:#ddd solid 1px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; box-shadow: 0 0 4px rgba(0, 0, 0, .3);

}

.preload_16 { 

	background:#fff url(preload_16.gif) center no-repeat; width:16px; height:16px; padding:5px; position:absolute; z-index:1001; margin-top:28px; left:5px;

	border:#ddd solid 1px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; box-shadow: 0 0 3px rgba(0, 0, 0, .3);

}



.sti_slide { width:550px; height:207px; float:left; padding:0; margin:0; background:#fff; position:relative; }

.sti_slide div.banner_title { font-size:13px; background:#000; color:#999; padding:10px; position:absolute; left:0; bottom:30px; opacity:.8; }

.sti_slide div.banner_title a { color:#fff; }

.sti_slide div.banner_title a:hover { text-decoration:underline; }



/* content */



.sti_content_slider { background:#fff; margin:0 auto; color:#777; }

.sti_content_slider .sti_content_inner { padding:0px; }

.sti_content_slider h1 { font-size:32px; line-height:34px; margin-bottom:20px; }

.sti_content_slider h2 { font-size:26px; line-height:28px; margin-bottom:20px; }

.sti_content_slider h3 { font-size:20px; line-height:22px; margin-bottom:20px; }

.sti_content_slider h4 { font-size:16px; line-height:18px; margin-bottom:20px; }

.sti_content_slider h5 { font-size:14px; line-height:16px; margin-bottom:20px; }

.sti_content_slider h6 { font-size:12px; line-height:10px; margin-bottom:20px; }



.sti_content_slider p { margin-top:0; margin-bottom:20px; }

.sti_content_slider a:hover { text-decoration:underline; color:#6fa1df; }

.sti_content_slider img { margin:0 20px 20px 0; }



.sti_clear { clear:both; }

.sti_line { border-top:#ddd solid 1px; margin-top:20px; clear:both; }





/* ----------------------------------------------------

	sti product

---------------------------------------------------- */



.sti_prod { 

	width:110px; height:150px; display:inline-block; margin:22px 0px -5px 20px; position:relative; line-height:30px;

	

	/* ie7 fix */

	zoom: 1;

	*display: inline;

	*margin-bottom: 0px;

}

.sti_prod img { position:absolute; bottom:0; }



.sti_prod a.link { position:absolute; width:32px; height:32px; background:transparent url(sprite_icons.png) no-repeat; bottom:0; opacity:.8; outline:none; z-index:2; }

.sti_prod a.link.more { background:transparent url(sprite_icons.png) no-repeat 0 0; }

.sti_prod a.link.zoom { background:transparent url(sprite_icons.png) no-repeat -32px 0; }

.sti_prod a.link.video { background:transparent url(sprite_icons.png) no-repeat -64px 0; }

.sti_prod a.link.audio { background:transparent url(sprite_icons.png) no-repeat -96px 0; }

.sti_prod a.link.content { background:transparent url(sprite_icons.png) no-repeat -128px 0; }



.sti_shelf_divider { height:30px; clear:both; background:url(shelf_divider.png) repeat-x; }

.sti_shelf_divider_bottom { width:100%; height:5px; clear:both; background:url(shelf_divider_bottom.png) repeat-x; }



.sti_prod .fx_shadow { width:11px; height:150px; right:-11px; bottom:0; position:absolute; z-index:0; }

.sti_prod .fx_leftside { width:11px; height:150px; left:0; bottom:0; position:absolute; }



/* .sti_prod .ribbon { display:none; } */

.sti_prod .ribbon_green { background:url(ribbon_green.png) no-repeat; width:51px; height:54px; right:-6px; top:-6px; position:absolute; z-index:1; }

.sti_prod .ribbon_blue { background:url(ribbon_blue.png) no-repeat; width:51px; height:54px; right:-6px; top:-6px; position:absolute; z-index:1; }

.sti_prod .ribbon_orange { background:url(ribbon_orange.png) no-repeat; width:51px; height:54px; right:-6px; top:-6px; position:absolute; z-index:1; }

.sti_prod .ribbon_red { background:url(ribbon_red.png) no-repeat; width:51px; height:54px; right:-6px; top:-6px; position:absolute; z-index:1; }

.sti_prod .ribbon_black { background:url(ribbon_black.png) no-repeat; width:51px; height:54px; right:-6px; top:-6px; position:absolute; z-index:1; }

.sti_prod .ribbon_gray { background:url(ribbon_gray.png) no-repeat; width:51px; height:54px; right:-6px; top:-6px; position:absolute; z-index:1; }

.sti_prod .ribbon_violet { background:url(ribbon_violet.png) no-repeat; width:51px; height:54px; right:-6px; top:-6px; position:absolute; z-index:1; }





.sti_thumb_gallery { margin:12px; margin-top:16px; }

.sti_thumb_gallery img { border:#ddd solid 1px; padding:3px; box-shadow: 0px 0px 3px rgba(0, 0, 0, .1); }





/* ----------------------------------------------------

	sti prev/next / paginate

---------------------------------------------------- */



.sti_previous { 

	top:44%; left:0; height:40px; width:40px; position:absolute; background:url(nav_next_prev.png) left top no-repeat; cursor:pointer; z-index:2;

}

.sti_next { 

	top:44%; right:0; height:40px; width:40px; position:absolute; background:url(nav_next_prev.png) right top no-repeat; cursor:pointer; z-index:2;

}





.sti_paginate {

	position:relative;

	display:inline-block;

	margin-top:20px;

	min-width:50px;

    background-color:#fff;

    text-align:center;

	overflow:hidden;

}



.sti_paginate .sti_page {

	float:left;

}

.sti_paginate .sti_control {

	float:left; border-left:#eaeaea solid 1px; margin-left:10px; padding-left:8px;

}

.sti_paginate .sti_control img { border:none !important; padding:0; }



.sti_paginate .sti_play { padding:0 !important; line-height:0 !important; float:left; margin-left:6px; margin-right:0 !important; }

.sti_paginate .sti_pause { padding:0 !important; line-height:0 !important; float:left; margin-left:6px; margin-right:0 !important; }



.sti_paginate .sti_btn {

    display:inline-block;

    padding:4px 11px 4px;

	margin-right:5px;

	margin-bottom:5px;

    font-size: 12px;

    line-height: 22px;

    color: #777;

    text-align: center;

    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);

    vertical-align: middle;

    cursor: pointer;

    background-color: whiteSmoke;

    background-image: -ms-linear-gradient(top, white, #E6E6E6);

    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(white), to(#E6E6E6));

    background-image: -webkit-linear-gradient(top, white, #E6E6E6);

    background-image: -o-linear-gradient(top, white, #E6E6E6);

    background-image: linear-gradient(top, white, #E6E6E6);

    background-image: -moz-linear-gradient(top, white, #E6E6E6);

    background-repeat: repeat-x;

    border: 1px solid #CCC;

    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);

    border-color: #E6E6E6 #E6E6E6 #BFBFBF;

    border-bottom-color: #B3B3B3;

    -webkit-border-radius: 4px;

    -moz-border-radius: 4px;

    border-radius: 4px;

    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);

    filter: progid:dximagetransform.microsoft.gradient(enabled=false);

    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);

    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);

    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);

	outline:none;

}



.sti_paginate .active {

	color: #222;

	background-color: #dddddd;

	background-image: none;

    background-image: -ms-linear-gradient(top, #dddddd, #c5c5c5);

    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#dddddd), to(#c5c5c5));

    background-image: -webkit-linear-gradient(top, #dddddd, #c5c5c5);

    background-image: -o-linear-gradient(top, #dddddd, #c5c5c5);

    background-image: linear-gradient(top, #dddddd, #c5c5c5);

    background-image: -moz-linear-gradient(top, #dddddd, #c5c5c5);

	

	border: 1px solid #999;

    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);

    border-color: #D6D6D6 #D6D6D6 #BEBEBE;

    border-bottom-color: #888;

}



.sti_paginate .bullets_page {

	background:url(page_bullets_sprite.png) no-repeat; width:18px; height:18px; margin:6px 6px 0 0; float:left; border:none; outline:none;

}

.sti_paginate .bullets_page_active {

	background:url(page_bullets_sprite.png) no-repeat -18px 0; width:18px; height:18px; margin:6px 6px 0 0; float:left; border:none; outline:none;

}



.sti_paginate .thumbnails_page { margin:0 3px 0 0; float:left; border:#fff solid 1px; outline:none; width:60px; height:40px; padding:0px; background:#fff; }

.sti_paginate .thumbnails_page img { border:none !important; }

.sti_paginate .thumbnails_page_active { margin:0 3px 0 0; float:left; border:#555 solid 1px; outline:none; width:60px; height:40px; padding:0px; background:#fff; opacity:.3 }

.sti_paginate .thumbnails_page_active img { border:none !important; }





/* ----------------------------------------------------

	sti menu

---------------------------------------------------- */



.sti_menu {

	position:relative;

	display:inline-block;

	margin:0 auto 15px auto;

    background-color: #fff;

    font-weight: 300;



	/*

	background:url(texture_01.jpg);

	background-position:0 50px;

	*/

}



.sti_menu .sti_btn {

    display: inline-block;

    padding: 0px 8px 0px 2px;

    margin-bottom: 0;

    font-size: 12px;

    line-height: 14px;

    color: #333;

    text-align: center;

    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);

    vertical-align: middle;

    cursor: pointer;

	border-right:#ddd solid 1px;

	outline:none;

}

.sti_menu .sti_btn:last-child { border:none; /* padding-right:0; */ }



.sti_menu .active {

	color: #b9b9b9;

}







/* ----------------------------------------------------

	sti tooltip

---------------------------------------------------- */



.sti_tooltip { 

	background:#000; color:#fff; padding:5px 10px; position:absolute; z-index:1001; top:0; max-width:150px; font-size:11px; text-align:center; 

	box-shadow: 0 0 14px rgba(0, 0, 0, .5); border:#444 solid 1px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;

}







/* ----------------------------------------------------

	sliders description

---------------------------------------------------- */



.slider_description { margin:0px auto 40px auto; font-size:11px; color:#777; letter-spacing:1px; background:#f9f9f9; padding:5px; }

.slider_description strong { color:#222; font-size:12px; }





.marcador { background:#F00; width:10px; height:10px; position:absolute; z-index:100000; }





.serie_title {

	color:#fff; 

	padding:10px; 

	font-size:16px;

    width:155px; 

	display:none; 

	position:absolute; 

} 



.serie_title a {

	text-decoration:none;

	color:#fff;

	font-weight:bold;

}



.serie_intro {

	color:#fff; 

	padding:10px; 

	font-size:12px; 

	width:155px; 

	display:none;

    position:absolute; 

} 



.serie_intro a {

	text-decoration:none;

	color:#fff;

	line-height:15px;

}

            

@media (max-width: 640px) { 

.serie_title { 

	font-size:14px; 

	padding:4px;

    width:100%; 

	left:0 !important; 

	display:none !important; 

} 



.serie_intro { 

	font-size:14px; 

	padding:4px; 

	width:100%; 

	left:0 !important; 

	display:none !important; 

}