﻿/* Letzte Aenderung: 21/08/23 */

/*@charset "utf-8";*/

/* Beginn - SR 21/08/23  */

/* Small devices (portrait tablets and large phones, 450px and up) */

@media only screen and (min-width: 320px) and (max-width: 480px) {

	div#logo {
		float: left;
		margin-top:-50px;
		margin-left:200px;
		padding-left:40px;
		background-image: url('../images/logo/logo_SR_GEST_Neu_100x50.png');
	/*	width:120%;*/
		background-repeat: no-repeat;
	}

	#NomeDittaH2 {
		font-size:100%;
		font-weight:normal;
/*		color:yellow;*/
		text-align:left;
	}

	body {
		width: 100%; 
		max-width:480px;
		min-width:320px;
		height: auto;	

		margin: 0px auto !important;
		padding: 0px auto !important;

		border: #0000FF;
		border-bottom: 2px #0000FF solid;
		border-top: 10px solid #ff9c00;

		font-family: "Lucida Sans Unicode","Lucida Grande","FreeSans",Tahoma,Arial, sans-serif; 
		font-style: normal;
		text-align: left;
		font-size: 100%; 
		
		color: #2c2c2c;
		color: rgba(76,76,78, 1);

		background: #FFFFFF top;  /*url('../../Web_Diversi/images/bg_content_neu.png') repeat-y center*/ 
	/*	background: #D8D8D8 url('../../images_web_sr_gest/christine_IMG_0450_01_small.jpg') center top;  
		kein Bild oder ein kleines - SR 16/05/16	*/
		background-color: #FFF;
		background-repeat: no-repeat;
		background-image:none;	
		background-image: -webkit-linear-gradient(270deg,rgba(8,8,8,0.2) 0%,rgba(255,255,255,0.2) 50%);
		background-image: -moz-linear-gradient(270deg,rgba(8,8,8,0.2) 0%,rgba(255,255,255,0.2) 50%);
		background-image: -o-linear-gradient(270deg,rgba(8,8,8,0.2) 0%,rgba(255,255,255,0.2) 50%);
		background-image: linear-gradient(180deg,rgba(8,8,8,0.2) 0%,rgba(255,255,255,0.2) 50%);
	}

	div#wrapper {
		width:98%;
		height:auto;

		margin:0px auto;
		padding: 0px auto 0px auto;	
		min-width:320px;
		max-width:480px;
		height:100%;
		border: 0px solid black color:#CC3300;
		border-bottom-style: solid;
	}

	div#header {
/*		background-image: url('../images/bg_sr_rot_01.png');*/
		width:95%;
		height:auto;
		font-size:90%;
		margin:5px auto;
		padding:5px 0;
		padding:0px 0px;
		text-indent:10px;
		height:130px;
	}
	
	/*  Box-Intern Container 01*/
	div.boxImmagine {
		float:left;
		width: 32%;
		min-width:200px;
		height: auto;
	/*	min-height:325px;*/
	
		/* Padding - Innenabstand - valori in senso orario */;
		margin: 5px 5px 5px 5px;
		padding: 5px 5px 3px 5px;
		position: relative; 
	
		/* Border */
	
	  	display: inline-block;
	  	font-size:14px;
	}


	#imgHeaderDx { display: none; }

	div#imgHeaderDx { 	float: right; width: 210px;	
		min-height: 110px; 
		background: url('small_shadow.png') no-repeat center top;
}

	#header h1 {
		text-indent:10px;  /* spazio a Sx*/
		font-size:15px;
		line-height:.66;
		text-align:center;
		margin:0px auto;
		margin-top:10px;
		padding-top:10px;
	}

	#header h1#testo {
		display:none;  /*  non visualizza */
	}

	div#footer {
		width:95%;
		height:auto;

		margin:25px 5px 3px 10px;
		padding:5px 5px 3px 10px;

		-webkit-border-top-right-radius:0px;
		-webkit-border-top-left-radius:0px;
		-moz-border-radius-topright:0px;
		-moz-border-radius-topleft:0px;
		border-top-right-radius:0px;
		border-top-left-radius:0px;

		font-size:90%;
		text-indent:10px;
	}


	div#footer p {
		text-indent:10px;
	}

	div#contenuto {
		width:95%;
		margin:0px 0px;
		padding:0px 0px;

		-webkit-border-top-right-radius:0px;
		-webkit-border-top-left-radius:0px;
		-moz-border-radius-topright:0px;
		-moz-border-radius-topleft:0px;
		border-top-right-radius:0px;
		border-top-left-radius:0px;
	}
	div#contenuto p {
		margin:0;
		padding:10px;
	}

	div#testo  {
		width: 300px !important;
		font-size:16px;
		margin:0px 5px;
		padding:0px 5px;		
	}

	div#testo p {
		width: 300px !important;
		font-size:16px;
	}

	#contenuto h2 {
		font-size: 20px;
		margin:0;
		padding:10px;
	}

	#header h1 {
		text-indent:10px;
		line-height:.66;
	}
	
div.boxOrari {
	float:left;
	width:100%;
	height:auto;
/*	min-height:140px;*/
}

div.boxOrariSingoli {
	float:left;
	width:98%;
	height:auto;
	margin:0px 5px;
	padding:5px 5px;		
}

/*
div.boxOrariSingoli {
	float:left;
	width:auto;
/*	min-width:90%;
	height:150px;
	min-height:140px;*/
	
/*	margin:0px 3px 3px 3px;
	padding:0px 3px 3px 5px;

}
div.boxOrariSingoli h2 {
*//*	font-size:90%;*/
/*	margin:0px 5px 8px 0px;
	padding:0px 5px 8px 0px;
}

div.boxOrariSingoli p {
	font-size:85%;
	margin:0px 5px 3px 0px;
	padding:0px 5px 3px 0px;
}
*/	
}

/* Ende   */
