/*
      Created by MI-TU 24-10-2014
      
      commento tecnico:tentativo di ccs per resizing su qualsiasi tipo di dispositivo usando percentuali
      
      commento design: incrocio tra sito vodafone, sito google, quadri di Gillo Dorfles e Bruno Munari, canzoni Yellow Submarine e Strawberry fields
	  
	  E-Mail: info@mi-tu.it
	  
	  http://www.mi-tu.it
	 
	         
	  VALIDATO CON SUCCESSO 06/11/2013 http://jigsaw.w3.org/css-validator/validator
	  
*/

* { padding: 0; margin: 0; }

body {
 margin: auto;
 width: 100%;
 background-size: 100% 100%;
 background-repeat: no-repeat;
 font-family: Pacifico,Arial;
 font-weight: bold;
 font-size: 9px;
}



/* Menu ROSSO in alto */


.headmenu { 
 font-size: 39px;
 margin: auto;
 color: #1A1A1A;
 width: 100%;
 height: 7%;
 border-radius: 15px;
}

 .headmenu a {
	text-decoration: none;
	color: #000000;
	border-radius: 15px;
}

.headmenu div {
      margin: auto;
      background: #FF0000;
      text-align: left;
}

.gsearch { 
 background: #FF0000;
 font-size: 9px;
 color: #FF0000;
 width: 350px;
 height: 100px;
 left: 50%;
 position: absolute;
 margin: auto;
 text-align: center;
 border-radius: 15px;
}

.gsearch div {
      margin: auto;
      background: #FF0000;
      text-align: left;
}

.gate1 div { 
 width: 100%;
 text-align: center;
 border-radius: 15px;
 margin: 0 auto;
}

.gate1 { 
 width: 100%;
 font-size: 19px;
 margin: auto;
 text-align: center;
}

.gate1 table {
	margin-left:auto; 
	margin-right:auto;
	text-align: center;
	margin: 0 auto;
}

.gate1 a {
	text-decoration: none;
	color: #FFF;
	border-radius: 15px;
}

.gate1 a:hover {
	
	color: #000000;
	--border-radius: 15px;
}

.gate2 { 
 width: 100%;
 font-size: 19px;
 margin: auto;
 text-align: center;
}

.gate2 div { 
 width: 100%;
 text-align: center;
 border-radius: 15px;
 margin: 0 auto;
}



.gate2 table {
	margin-left:auto; 
	margin-right:auto;
	text-align: center;
	margin: 0 auto;
}



.gate2 a {
	text-decoration: none;
	color: #000000;
	border-radius: 15px;
}

.gate2 a:hover {
	color: #C4151C;
	--border-radius: 15px;
}


/* Parte social del sito */

.social { 
 background: #ffffff;
 width: 100%;
 height: 13%;
 text-align: center;
 color: #800080;
 text-decoration: none;
}

.social div { 
 background: #ffffff;
 margin: 0 auto;
 width: 100%;
 height: 13%;
 text-align: center;
 text-decoration: none;
}


.social table {
	margin-left:auto; 
	margin-right:auto;
	text-align: center;
	margin: 0 auto;
	text-decoration: none;
}

.social a {
 color: #ffffff;
 text-decoration: none; 
}


/* parte di servizi */

.footmenu { 
 background: #FF1493;
 font-size: 19px;
 width: 100%;
 height: 5%;
 text-align: center;
 margin: 0 auto;
 text-decoration: none;
}

.footmenu div{ 
 background: #FF1493;
 font-size: 9px;
 margin: 0 auto;
 width: 100%;
 height: 5%;
 text-align: center;
 margin: 0 auto;
 text-decoration: none;
}

.footmenu table {
    text-decoration: none;
	margin-left:auto; 
	margin-right:auto;
	text-align: center;
	margin: 0 auto;
}

.footmenu a {
	text-decoration: none;
	color: #FFFFFF;
	margin: 0 auto;
}

.footmenu a:hover {
    text-decoration: none;
	color: #FFF;
	margin: 0 auto;
}





/* fine del foglio di stile */