* {margin: 0; padding: 0; border: 0; outline: 0;}

body,html{height:100%;margin:0;background-color:#ffffff;}

html{font-size:19px; font-family: 'Montserrat', sans-serif; font-style:normal; font-weight:normal; color:#000000;}



/* IE6 hack */

* html #container {height: 100%;text-align:center;}



::selection {color:#7d337d; background:#efefef;}

::-moz-selection {color:#7d337d; background:#efefef;}



img {border: none;} 

a:link.img, a:hover.img {border: none;} 



a:link, a:visited { text-decoration: none ; color:#7d337d; border-bottom:1px solid #7d337d; padding:1px; } 

a:hover { text-decoration: none ; color:#7d337d; border-bottom:1px solid #efefef; padding:1px; } 



a:link.pulsante, a:visited.pulsante {

text-decoration: none ; padding: 10px; color:#ffffff; background-color: #999999; font-size:22px; font-family: 'Quicksand', sans-serif; font-weight:400; border:none; }

a:hover.pulsante { text-decoration: none ; border:none; }



#content { width:100%; text-align:center; height: auto; margin: 0 auto; }



#foto { z-index:-1; width:100%;}

.foto1 { max-width: 100%; height: auto; margin: 0; }



#left { width:40%; float:left; text-align:left;}

#right { width:60%; float:right; text-align:right;}



.menu { margin-left: 14px; }



#words {width: 1000px; margin: 0 auto; text-align:left; padding: 50px;

line-height: 1.5; font-weight:normal; font-style:normal; }

#words-back {width: 1000px; margin: 0 auto; text-align:left; padding: 30px;

line-height: 1.5; font-weight:normal; font-style:normal; }



#center { text-align:center; width:100%; }



#cit { width: 920px; margin: 0 auto; margin-bottom: 16px; margin-top: 16px; text-align:left; background-color: #efefef; padding: 40px 40px 20px 40px; line-height: 1.5; font-weight:normal; font-style:normal; font-size: 18px; border: 2px solid #f6b3f6;}



.hr { width: 100%; height: 2px; clear: both;}

.tras { width: 100%; height: 2px; }

.qua { width: 10px; height: 1px; }

ul { margin-left: 20px; }



h1 {font-size: 36px; color: #000000; font-family: 'Quicksand', sans-serif; font-weight:400; text-align: center; margin: 0px 0 0px 0;  }



#footer3 {width: 99%; text-align:right; padding:10px 0 10px 0; font-size: 14px; clear:both;}



input{border:1px solid #999999; background:#ffffff; margin: 4px 0 4px 0; padding: 4px; font-size: 19px; font-family: 'Quicksand', sans-serif; font-weight:400;}

textarea{border:1px solid #cccccc;background:#ffffff; width:100%; margin: 4px 0 4px 0; padding: 4px;}

.checkbox{border:1px solid #cccccc;background:ffffff; margin: 4px 4px 4px 0;}

.input{width:50%; height:20px;}

.input2{width:20%; height:20px;}

.input3{width:50%; height:30px;}

.input4{width:260px; height:40px; background-color: #999999; font-size: 22px; color: #ffffff; font-family: 'Quicksand', sans-serif; font-weight:400; cursor:pointer;}

.input5{width:260px; height:40px; background-color: #e50c25; border:1px solid #e50c25; font-size: 22px; color: #ffffff; font-family: 'Quicksand', sans-serif; font-weight:400; cursor:pointer; }



table { width: 992px; margin: 20px 0 20px 0; font-size: 18px;}

th, td { border: 1px solid #cccccc; text-align: left; padding: 6px;} 

thead { background-color: #f5f5f5; } 

.fisio { max-width: 100%;  }

.foto2, .foto3, .br, .b2 { display:none;}



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

TABLET landscape

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

@media only screen and (min-width: 1000px) and (max-width: 1100px) {



#words, #words-back {width: 90%;}

#cit { width: 90%;}



}



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

MEDIUM

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

@media only screen and (min-width: 599px) and (max-width: 1000px) {



#words, #words-back {width: 80%;}

#cit { width: 80%;}



#left { width:100%; float:none; text-align:left;}

#right { width:100%; float:none; text-align:right; margin-top: 30px; }



.input{width:100%; height:20px;}

.input2{width:100%; height:20px;}

.input3{width:100%; height:30px;}



table { width: 100%; }



#no-more-tables2 table, 

#no-more-tables2 thead,

#no-more-tables2 tbody,

#no-more-tables2 th, 

#no-more-tables2 td,

#no-more-tables2 tr { display: block; }



#no-more-tables2 thead tr { position: absolute; top:-9999px; left:-9999px; } 

#no-more-tables2 tr { border: 1px solid #cccccc; padding: 6px;} 



#no-more-tables2 td { border: none; border-bottom: 1px solid #eee; padding: 6px; padding-left: 40%; 

position: relative; white-space: normal; text-align:left; } 



#no-more-tables2 td:before { position: absolute; top: 0; left: 0; width: 35%; content: attr(data-title);  

white-space: nowrap; text-align:left; font-weight: bold; background-color: #f5f5f5; padding: 6px;} 



.foto1, .foto3, .br, .b2 { display:none;}

.foto2 { display:inline; max-width: 100%; height: auto; margin: 0px; }



}





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

SMARTPHONE 

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

@media only screen and (min-width: 0px) and (max-width: 598px) {



.br { display:inline; }

#words, #words-back {width: 80%; text-align: left; margin: 0 auto; padding: 50px 0 50px 0;}

#cit { width: 85%; padding: 14px 20px 14px 20px; }



#left { width:100%; float:none; text-align:left;}

#right { width:100%; float:none; text-align:right; margin-top: 30px; }



.foto1, .foto2, .b1 { display:none;}

.foto3 { display:inline; max-width: 100%; height: auto; margin: 0px; }



.fisio { max-width: 100%;  }



.input{width:100%; height:20px;}

.input2{width:100%; height:20px;}

.input3{width:100%; height:30px;}



table { width: 100%; }



#no-more-tables2 table, 

#no-more-tables2 thead,

#no-more-tables2 tbody,

#no-more-tables2 th, 

#no-more-tables2 td,

#no-more-tables2 tr { display: block; }



#no-more-tables2 thead tr { position: absolute; top:-9999px; left:-9999px; } 

#no-more-tables2 tr { border: 1px solid #ccc; padding: 6px;} 



#no-more-tables2 td { border: none; border-bottom: 1px solid #eee; padding: 6px; padding-left: 30%; 

position: relative; white-space: normal; text-align:left; } 



#no-more-tables2 td:before { position: absolute; top: 0; left: 0; width: 25%; content: attr(data-title);  

white-space: nowrap; text-align:left; font-weight: bold; background-color: #f5f5f5; padding: 6px;} 



#footer3 {text-align:center; }



}



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

RISOLUZIONI ALTE 

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

@media only screen and (min-width: 1600px) {



#words, #words-back {width: 70%;}



}