@charset "utf-8";
/* CSS Document */


@media only screen and (max-width: 750px) {
	div#primaryContainer > div {
		background: none ! important;
		height: initial !important;
		color: black !important;
	}
	.obr, div.text_pp{
		max-width:100%;
		}
	.box-text {
		text-align:center;
	}		

	#content .inner, #userInfo .panel {
   		margin: 0;
	}

	.text.banner_text p:first-child {
		margin:0;
	}
	.primaryContainer .box.text_pp.stred {width: 100%;}
	.clearfix.box.text_pp {background: rgb(243, 243, 243);}
	.text.banner_text p{
		font-size:12px;
		font-size:5vw;
	}
	.text.banner_text p:last-child{
		margin:5px 0;
		font-size:12px;
		font-size:5vw;
		}
    .primaryContainer {
        width: 100%;
        margin: 0;
        padding: 0;
	}

	.primaryContainer #box2,
	.primaryContainer .box2 {
        margin-left: auto;
        width: 100%;
        height: auto;
        margin-top: 0px;
    
        text-align: center;
	}

    .primaryContainer #box3,
	.primaryContainer .box3 {
        margin-left: auto;
        width: 100%;
        max-width: 100%;
        height: auto;
        margin-top: 0px;
        margin-right: auto;
        background-attachment: scroll;
        background-size: auto;
        background-position: 0% 0%;
        background-repeat: repeat repeat;
    }


    .primaryContainer #box,
	.primaryContainer .box {
        width: 97%;
        height: auto;
        margin-top: 0px;
        margin-left: 0%;
        clear: none;
    }

    .primaryContainer #box1,
	.primaryContainer .box1 {
        width: 100%;
        border: 1px solid rgb(166, 166, 166);
        margin: 0 auto;
        height: auto;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px;
        border-bottom-left-radius: 5px;
        padding: 5px;
        box-shadow: rgb(172, 172, 172) 0px 3px 9px 0px;
        position: relative;
        visibility: visible;
    }

    .primaryContainer #box5,
	.primaryContainer .box5 {
        margin-left: 0%;
        width: 97%;
        max-width: 100%;
        height: auto;
        margin-top: 0px;
        clear: none;
        text-align: center;
	}

    .primaryContainer #box4
	.primaryContainer .box4 {
        margin-left: auto;
        width: 97%;
        height: auto;
        margin-top: 0px;
        clear: none;
        margin-right: auto;
        background-attachment: scroll;
        background-size: auto;
        padding: 0px 10px;
        display: none;
        background-position: 0% 0%;
        background-repeat: repeat repeat;
    }

    .primaryContainer #text3
	.primaryContainer .text3 {
        width: 99.892848%;
        text-align: center;
        height: auto;
        margin: 10px auto;
        clear: none;
        color: rgb(0, 0, 0);
        padding: 5px;
        background-image:-webkit-linear-gradient(270deg,rgba(255,255,255,0) 0%,rgba(0,0,0,0) 100%);
        background-attachment: scroll;
        background-size: auto;
        background-position: 0% 0%;
        background-repeat: repeat repeat;
    }

    .primaryContainer #text1
	.primaryContainer .text1 {
        width: 99.892848%;
        text-align: center;
        margin: 10px auto;
        clear: none;
        height: auto;
        color: rgb(0, 0, 0);
        padding: 5px;
        
        min-height: 0px;
        background-image:-webkit-linear-gradient(270deg,rgba(255,255,255,0) 0%,rgba(0,0,0,0) 100%);
        background-attachment: scroll;
        background-size: auto;
        background-position: 0% 0%;
        background-repeat: repeat repeat;
    }

    .primaryContainer #text,
	.primaryContainer .text {
        width: 99.896674%;
        text-align: center;
        height: auto;
        margin: 0px auto 10px;
        clear: none;
        color: rgb(0, 0, 0);
        padding: 5px;
        min-height: 0px;
        background-image:-webkit-linear-gradient(270deg,rgba(255,255,255,0) 0%,rgba(0,0,0,0) 100%);
        background-attachment: scroll;
        background-size: auto;
        background-position: 0% 0%;
        background-repeat: repeat repeat;
    }

    .primaryContainer #box7
	.primaryContainer .box7 {
    text-align: left;
	}

    .primaryContainer #image2,
	.primaryContainer .image2 {
        margin-left: auto;
        height: auto;
        width: auto;
        margin-right: auto;
        max-height: 300px;
	}

    .primaryContainer #text5,
	.primaryContainer .text5 {
    }

    .primaryContainer #text4,
	.primaryContainer .text4 {
    	text-align: center;
    }


    .primaryContainer #image4,
	.primaryContainer .image4 {
        margin-left: auto;
        margin-right: auto;
        width: auto;
        max-height: 300px;
	}

    .primaryContainer #text7,
	.primaryContainer .text7 {
        height: auto;
        padding-bottom: 10px;
	}

    .primaryContainer #text6,
	.primaryContainer .text6 {
        height: auto;
        position: relative;
    
        text-align: center !important;
	}

    .primaryContainer #image6,
	.primaryContainer .image6 {
        width: auto;
        position: relative;
        max-height: 300px;
	}

    .primaryContainer #image5,
	.primaryContainer .image5 {
        margin-top: 0px;
        margin-left: auto;
        clear: none;
        margin-right: auto;
        position: relative;
        top: 0px;
        left: 0px;
    }

    .primaryContainer #image3,
	.primaryContainer .image3 {
        margin-left: auto;
        margin-right: auto;
        clear: none;
        margin-top: 0px;
    }

    .primaryContainer #image1,
	.primaryContainer .image1 {
        position: relative;
        top: 0px;
        left: 0px;
        margin-left: auto;
        margin-right: auto;
        clear: none;
        margin-top: 0px;
    }

    .primaryContainer #image,
	.primaryContainer .image {
        width: auto;
        max-width: 95.731194%;
        height: auto;
        margin: 1.5em auto;
        clear: none;
        color: rgb(0, 0, 0);
    }

    .primaryContainer #box8,
	.primaryContainer .box8 {
        width: 100% !important;
        max-width: 100% !important;
        background-attachment: scroll;
        background-size: auto;
        background-position: 0% 0%;
        background-repeat: repeat repeat;
        text-align: left;
        padding: 1% 0;
	}
    
	.primaryContainer #text2,
	.primaryContainer .text2 {
        width: 100%;
        text-align: center;
        margin: 0px auto 10px;
        clear: none;
        height: auto;
        color: rgb(0, 0, 0);
        padding: 5px;
        background-image:-webkit-linear-gradient(270deg,rgba(255,255,255,0) 0%,rgba(0,0,0,0) 100%);
        background-attachment: scroll;
        background-size: auto;
        background-position: 0% 0%;
        background-repeat: repeat repeat;
    }

    .primaryContainer #box6,
	.primaryContainer .box6 {
        padding: 10px;
        background-attachment: scroll;
        background-size: auto;
        display: block;
        background-position: 0% 0%;
        background-repeat: repeat repeat;
        width: 100%;
        text-align: left;
	}
	
	.clearfix {
		margin: 0;
	
		width: 100%;
	}
    
	.primaryContainer #text9,
	.primaryContainer .text9 {
        height: auto;
        position: relative;
    }
	
	figure.foto.foto_b_c img,
	figure.foto.foto_b_c_r img {
    	height: auto;
	}
	
	#primaryContainer .clearfix.banner_pp img {
	  max-height: 500px;
	  width: 100%;
	}

	figure.foto_b_l img {
    	height: auto;
	}
	
	.primaryContainer .box.obr, .primaryContainer .box.text_pp {
    	display: block;
    	width: 100%;
    	max-width: 100%;
    	margin: 0;
    	text-align: justify;
	}
	
	#primaryContainer figure {
		margin:0;
		width:100%;
		height:auto;
		max-height:auto;
	}
	
	#primaryContainer .clearfix img {
		width: auto;
		height:auto;
		max-height: 350px;
		}
	#primaryContainer table {
		display:none;
		}
	.primaryContainer .text_pp p, .primaryContainer .text_pp h3 {}
	.primaryContainer .text_pp h3 {background: white;border: 1px solid rgb(194, 192, 192);text-align: center;font-size: 25px;line-height: normal;}
	.primaryContainer .text_pp p {font-size: 16px;line-height: normal;width: initial;line-height: 180%;}
	.primaryContainer p[style],.primaryContainer span[style]{color: black !important; !important;  line-height: normal;width: 100% !important;} 
}