/* Global */ body { background-color:#FFF; font-family:Arial, Helvetica, sans-serif, Georgia, Times New Roman, Times, serif; } table { border-collapse:collapse; width:100%; font-weight:bolder; } table td { background-color: #E9E9E9; color:#5B000C; font-size:13px; text-align:center; border-radius:10px 10px 10px 10px; } table tr { font-weight:bold; } h2 { font-size:22px; } h4 { font-size:14px; } h5 { font-size:14px; font-weight:bold; } ul { display:inline; } ol { display:inline; list-style-type: none; } ul li { color:#C5C5C5; font-size:; } /* Global */ #wrapper { width:1110px; height:auto; margin:0px auto; background-color:#DFDFDF; overflow:hidden; } #containernewit { width:100%; height:auto; float:left; background-color:#CCCCCC; } #logo { width:100%; float:left; height:133px; padding:0px; overflow:hidden; } #logo img { width:100%; float:left; height:auto; } #top { width:100%; float:left; height:30px; background-color:#F47D51; } #top-banner { float:left; padding:05px 10px 10px 30px; ; overflow:hidden; } #top-banner P { float:left; font-family:"Verdana", Geneva, Tahoma, sans-serif; font-weight:bold; margin:0px; padding:0px; font:color:#FFF; font-size:13px; overflow:hidden; } #imageuk { float:left; padding:03px 30px 10px 08px; background-color:#F47D51; overflow:hidden; } #imageuk img { height:25px; width:40px; overflow:hidden; } /* topnav */ #hotelresidencearturo_home_it .hotelresidencearturo_home_it { background-color:#5B000C; font-weight:normal; list-style:none; text-decoration:none; } #hotelresidencearturo_camsuite_it .hotelresidencearturo_camsuite_it { background-color:#5B000C; font-weight:normal; list-style:none; text-decoration:none; } hotelresidencearturo_ristbar_it .hotelresidencearturo_ristbar_it background-color:#5B000C; font-weight:normal; list-style:none; text-decoration:none; #hotelresidencearturo_bagni_it .hotelresidencearturo_bagni_it { background-color:#5B000C; font-weight:normal; list-style:none; text-decoration:none; } #hotelresidencearturo_info_it .hotelresidencearturo_info_it { background-color:#5B000C; font-weight:normal; list-style:none; text-decoration:none; } hotelresidencearturo_prezzi_it .hotelresidencearturo_prezzi_it background-color:#5B000C; font-weight:normal; list-style:none; text-decoration:none; #hotelresidencearturo_location_it .hotelresidencearturo_location_it { background-color:#5B000C; font-weight:normal; list-style:none; text-decoration:none; } #hotelresidencearturo_contact_it .hotelresidencearturo_contact_it { background-color:#5B000C; font-weight:normal; list-style:none; text-decoration:none; } a:active { font-weight:normal; } a:link, a:active { color:#FFF; text-decoration: none; } a:visited { color:#FFF; text-decoration: none; } .topnav1 a:hover { color:#FFF; background-color: #5B000C; } .topnav2 a:hover { color:#FFF; background-color: #5B000C; } .topnav3 a:hover { color:#FFF; background-color: #5B000C; } .topnav4 a:hover { color:#FFF; background-color: #5B000C; } .topnav5 a:hover { color:#FFF; background-color: #5B000C; } .topnav6 a:hover { color:#FFF; background-color: #5B000C; } .topnav7 a:hover { color:#FFF; background-color: #5B000C; } .topnav8 a:hover { color:#FFF; background-color: #5B000C; } div.topnav1 { float:left; width:250px; height:26px; padding:0px 0px 0px 13px; margin:0px; font-size:15px; border-bottom :4px #5B000C solid; border-top:1px #FFF solid; background-color:#373737; font-family:Arial, Helvetica, sans-serif, Georgia, Times New Roman, Times, serif; overflow:hidden; positionfixed; z-index1; } div.topnav2 { float:left; width:152px; height:26px; padding:0px 10px 0px 0px; margin:0px; font-size:15px; border-bottom :4px #5B000C solid; border-top:1px #FFF solid; background-color:#373737; font-family:Arial, Helvetica, sans-serif, Georgia, Times New Roman, Times, serif; overflow:hidden; positionfixed; z-index1; } div.topnav3 { float:left; width:px; height:26px; padding:0px 0px 0px 0px; margin:0px; font-size:15px; border-bottom :4px #5B000C solid; border-top:1px #FFF solid; background-color:#373737; font-family:Arial, Helvetica, sans-serif, Georgia, Times New Roman, Times, serif; overflow:hidden; positionfixed; z-index1; } div.topnav4 { float:left; width:150px; height:26px; padding:0px 05px 0px 0px; margin:0px; font-size:15px; border-bottom :4px #5B000C solid; border-top:1px #FFF solid; background-color:#373737; font-family:Arial, Helvetica, sans-serif, Georgia, Times New Roman, Times, serif; overflow:hidden; positionfixed; z-index1; } div.topnav5 { float:left; width:180px; height:26px; padding:0px 0px 0px 0px; margin:0px; font-size:15px; border-bottom :4px #5B000C solid; border-top:1px #FFF solid; background-color:#373737; font-family:Arial, Helvetica, sans-serif, Georgia, Times New Roman, Times, serif; overflow:hidden; positionfixed; z-index1; } div.topnav6 { float:left; width:px; height:26px; padding:0px 05px 0px 0px; margin:0px; font-size:15px; border-bottom :4px #5B000C solid; border-top:1px #FFF solid; background-color:#373737; font-family:Arial, Helvetica, sans-serif, Georgia, Times New Roman, Times, serif; overflow:hidden; positionfixed; z-index1; } div.topnav7 { float:left; width:189px; height:26px; padding:0px 0px 0px 0px; margin:0px; font-size:15px; border-bottom :4px #5B000C solid; border-top:1px #FFF solid; background-color:#373737; font-family:Arial, Helvetica, sans-serif, Georgia, Times New Roman, Times, serif; overflow:hidden; positionfixed; z-index1; } div.topnav8 { float:left; width:160px; height:26px; padding:0px 0px 0px 0px; margin:0px; font-size:15px; border-bottom :4px #5B000C solid; border-top:1px #FFF solid; background-color:#373737; font-family:Arial, Helvetica, sans-serif, Georgia, Times New Roman, Times, serif; overflow:hidden; positionfixed; z-index1; } div.topnav1 li, div.topnav1 .topnav1-current li { display:inline; padding:05px 07px 05px 07px; list-style:none; font-weight:normal; } div.topnav2 li, div.topnav2 .topnav2-current li { display:inline; padding:05px 07px 05px 07px; list-style:none; font-weight:normal; } div.topnav3 li, div.topnav3 .topnav3-current li { display:inline; padding:05px 07px 05px 07px; list-style:none; font-weight:normal; } div.topnav4 li, div.topnav4 .topnav4-current li { display:inline; padding:05px 07px 05px 07px; list-style:none; font-weight:normal; } div.topnav5 li, div.topnav5 .topnav5-current li { display:inline; padding:05px 07px 05px 07px; list-style:none; font-weight:normal; } div.topnav6 li, div.topnav6 .topnav6-current li { display:inline; padding:05px 07px 05px 07px; list-style:none; font-weight:normal; } div.topnav7 li, div.topnav7 .topnav7-current li { display:inline; padding:05px 07px 05px 07px; list-style:none; font-weight:normal; } div.topnav8 li, div.topnav8 .topnav8-current li { display:inline; padding:05px 07px 05px 07px; list-style:none; font-weight:normal; } div.topnav1 a:link, div.topnav1 a:visited, div.topnav1 a:active, div.topnav1 a:hover { display:inline-block; margin:0px 10px 0px 10px; padding:04px 06px 04px 05px; } div.topnav2 a:link, div.topnav2 a:visited, div.topnav2 a:active, div.topnav2 a:hover { display:inline-block; margin:0px 10px 0px 10px; padding:06px 0px 04px 05px; } div.topnav3 a:link, div.topnav3 a:visited, div.topnav3 a:active, div.topnav3 a:hover { display:inline-block; margin:0px 10px 0px 10px; padding:04px 06px 04px 05px; } div.topnav4 a:link, div.topnav4 a:visited, div.topnav4 a:active, div.topnav4 a:hover { display:inline-block; margin:0px 10px 0px 10px; padding:04px 06px 04px 05px; } div.topnav5 a:link, div.topnav5 a:visited, div.topnav5 a:active, div.topnav5 a:hover { display:inline-block; margin:0px 10px 0px 10px; padding:04px 06px 04px 05px; } div.topnav6 a:link, div.topnav6 a:visited, div.topnav6 a:active, div.topnav6 a:hover { display:inline-block; margin:0px 10px 0px 10px; padding:04px 06px 04px 05px; } div.topnav7 a:link, div.topnav7 a:visited, div.topnav7 a:active, div.topnav7 a:hover { display:inline-block; margin:0px 10px 0px 10px; padding:04px 06px 04px 05px; } div.topnav8 a:link, div.topnav8 a:visited, div.topnav8 a:active, div.topnav8 a:hover { display:inline-block; margin:0px 10px 0px 10px; padding:04px 06px 04px 05px; } div.topnav1 a:hover, div.topnav1 .topnav1-current a:hover { padding: 04px 03px 04px 03px; } div.topnav2 a:hover, div.topnav2 .topnav2-current a:hover { padding: 04px 03px 04px 03px; } div.topnav3 a:hover, div.topnav3 .topnav3-current a:hover { padding: 04px 03px 04px 03px; } div.topnav4 a:hover, div.topnav4 .topnav4-current a:hover { padding: 04px 03px 04px 03px; } div.topnav5 a:hover, div.topnav5 .topnav5-current a:hover { padding: 04px 03px 04px 03px; } div.topnav6 a:hover, div.topnav6 .topnav6-current a:hover { padding: 04px 03px 04px 03px; } div.topnav7 a:hover, div.topnav7 .topnav7-current a:hover { padding: 04px 03px 04px 03px; } div.topnav8 a:hover, div.topnav8 .topnav8-current a:hover { padding: 04px 03px 04px 03px; } div.topnav1 .topnav1-current { font-weight:normal; } div.topnav2 .topnav2-current { font-weight:normal; } div.topnav3 .topnav3-current { font-weight:normal; } div.topnav4 .topnav4-current { font-weight:normal; } div.topnav5 .topnav5-current { font-weight:normal; } div.topnav6 .topnav6-current { font-weight:normal; } div.topnav7 .topnav7-current { font-weight:normal; } div.topnav8 .topnav8-current { font-weight:normal; } div.topnav1 .topnav1-current a:hover { padding:04px 04px 04px 04px; } div.topnav2 .topnav2-current a:hover { padding:04px 04px 04px 04px; } div.topnav3 .topnav3-current a:hover { padding:04px 04px 04px 04px; } div.topnav4 .topnav4-current a:hover { padding:04px 04px 04px 04px; } div.topnav5 .topnav5-current a:hover { padding:04px 04px 04px 04px; } div.topnav6 .topnav6-current a:hover { padding:04px 04px 04px 04px; } div.topnav7 .topnav7-current a:hover { padding:04px 04px 04px 04px; } div.topnav8 .topnav8-current a:hover { padding:04px 04px 04px 04px; } /* termini e condizioni */ #termcondtitl { float:left; width:100%; height:auto; border-bottom:1px #5B000C solid;} #termcondtitl p { font-family:"Verdana", Geneva, Tahoma, sans-serif; color:#5B000C; text-align:center; font-weight:700; font-size:13px; padding: 05px 0px 10px 15px; margin:20px 0px 5px 0px; } #termcondbody1 { float:left; width: 100%; height:auto; } #termcondbody1 p { font-family:"Verdana", Geneva, Tahoma, sans-serif; color:#5B000C; text-align:justify; font-weight:600; font-size:10px; margin:0px 0px 0px 40px; } #termcondbody2 { float:left; width: 100%; height:auto; } #termcondbody2 p { font-family:"Verdana", Geneva, Tahoma, sans-serif; color:#5B000C; text-align:justify; font-weight:500; font-size:10px; margin:0px 15px 0px 15px; } #caparra { float:left; width: 100%; height:auto; } #caparra p { font-family:"Verdana", Geneva, Tahoma, sans-serif; color:#5B000C; text-align:justify; font-weight:600; font-size:10px; margin:05px 0px 0px 40px; } #cancellazioni { float:left; width: 100%; height:auto; } #cancellazioni p { font-family:"Verdana", Geneva, Tahoma, sans-serif; color:#5B000C; text-align:justify; font-weight:600; font-size:10px; padding: 05px 0px 0px 0px; } div.cancellazioni p font-family:Arial, Helvetica, sans-serif, Georgia, Times New Roman, Times, serif; overflow:hidden; positionfixed; z-index1; #termcondbody3 { float:left; width:100%; height:auto; } #termcondbody3 p { font-family:"Verdana", Geneva, Tahoma, sans-serif; color:#5B000C; text-align:left; font-weight:600; font-size:10px; margin:5px 0px 0px 40px; } #termcondbody4 { float:left; width: 100%; height:auto; } #termcondbody4 p { font-family:"Verdana", Geneva, Tahoma, sans-serif; color:#5B000C; text-align:justify; font-weight:500; font-size:10px; margin:0px 15px 0px 15px; } #termcondbody5 { float:left; width: 100%; height:auto; } #termcondbody5 p { font-family:"Verdana", Geneva, Tahoma, sans-serif; color:#5B000C; text-align:justify; font-weight:600; font-size:10px; margin:5px 0px 0px 40px; } #termcondbody6 { float:left; width: 100%; height:auto; } #termcondbody6 p { font-family:"Verdana", Geneva, Tahoma, sans-serif; color:#5B000C; text-align:justify; font-weight:500; font-size:10px; margin:0px 15px 0px 15px; } #termcondbody7 { float:left; width: 100%; height:auto; } #termcondbody7 p { font-family:"Verdana", Geneva, Tahoma, sans-serif; color:#5B000C; text-align:justify; font-weight:600; font-size:10px; margin:5px 0px 0px 40px; } #termcondbody8 { float:left; width: 100%; height:auto; } #termcondbody8 p { font-family:"Verdana", Geneva, Tahoma, sans-serif; color:#5B000C; text-align:justify; font-weight:500; font-size:10px; margin:0px 15px 0px 15px; } #termcondbody9 { float:left; width: 100%; height:auto; } #termcondbody9 p { font-family:"Verdana", Geneva, Tahoma, sans-serif; color:#5B000C; text-align:justify; font-weight:600; font-size:10px; margin:5px 0px 0px 40px; } #termcondbody10 { float:left; width: 100%; height:auto; } #termcondbody10 p { font-family:"Verdana", Geneva, Tahoma, sans-serif; color:#5B000C; text-align:justify; font-weight:500; font-size:10px; margin:0px 15px 0px 15px; } #termcondbody11 { float:left; width: 100%; height:auto; } #termcondbody11 p { font-family:"Verdana", Geneva, Tahoma, sans-serif; color:#5B000C; text-align:justify; font-weight:600; font-size:10px; margin:5px 0px 0px 15px; } #termcondbody12 { float:left; width: 100%; height:auto; } #termcondbody12 p { font-family:"Verdana", Geneva, Tahoma, sans-serif; color:#5B000C; text-align:justify; font-weight:500; font-size:10px; margin:0px 15px 0px 15px; } #termcondbody13 { float:left; width: 100%; height:auto; } #termcondbody13 p { font-family:"Verdana", Geneva, Tahoma, sans-serif; color:#5B000C; text-align:justify; font-weight:600; font-size:10px; margin:5px 0px 0px 40px; } #termcondbody14 { float:left; width: 100%; height:auto; } #termcondbody14 p { font-family:"Verdana", Geneva, Tahoma, sans-serif; color:#5B000C; text-align:justify; font-weight:500; font-size:10px; margin:0px 15px 0px 15px; } #termcondbody15 { float:left; width: 100%; height:auto; } #termcondbody15 p { font-family:"Verdana", Geneva, Tahoma, sans-serif; color:#5B000C; text-align:justify; font-weight:600; font-size:10px; margin:5px 0px 0px 40px; } #termcondbody16 { float:left; width: 100%; height:auto; } #termcondbody16 p { font-family:"Verdana", Geneva, Tahoma, sans-serif; color:#5B000C; text-align:justify; font-weight:500; font-size:10px; margin:0px 15px 0px 15px; } #termcondbody17 { float:left; width: 100%; height:auto; } #termcondbody17 p { font-family:"Verdana", Geneva, Tahoma, sans-serif; color:#5B000C; text-align:justify; font-weight:600; font-size:10px; margin:5px 0px 0px 40px; } #termcondbody18 { float:left; width: 100%; height:auto; } #termcondbody18 p { font-family:"Verdana", Geneva, Tahoma, sans-serif; color:#5B000C; text-align:justify; font-weight:600; font-size:10px; margin:5px 0px 0px 55px; } #termcondbody19 { float:left; width: 1060px; height:auto; padding: 0px 0px 0px 40px; } #termcondbody19 p { font-family:"Verdana", Geneva, Tahoma, sans-serif; color:#5B000C; text-align:justify; font-weight:500; font-size:10px; margin:0px 15px 0px 15px; } #termcondbody20 { float:left; width: 100%; height:auto; } #termcondbody20 p { font-family:"Verdana", Geneva, Tahoma, sans-serif; color:#5B000C; text-align:justify; font-weight:600; font-size:10px; margin:5px 0px 0px 55px; } #termcondbody21 { float:left; width: 1060px; height:auto; padding: 0px 0px 0px 40px; } #termcondbody21 p { font-family:"Verdana", Geneva, Tahoma, sans-serif; color:#5B000C; text-align:justify; font-weight:500; font-size:10px; margin:0px 15px 0px 15px; } #iatancona1 { float:left; width: 100%; height:auto; } #iatancona1 p { font-family:"Verdana", Geneva, Tahoma, sans-serif; color:#5B000C; text-align:left; font-weight:600; font-size:10px; margin:8px 0px 0px 15px; } #iatancona2 { float:left; width: 250px; height:auto; padding: 0px 0px 15px 0px; } #iatancona2 a { color:#5B5B5B; } #iatancona2 p { font-family:"Verdana", Geneva, Tahoma, sans-serif; color:#5B000C; text-align:left; font-weight :600; font-size:10px; padding: 0px 0px 0px 15px; margin: 3px 0px 0px 0px; } /* ternini e condizioni */ /* contentit */ #contentit { float:left; width:100%; height:auto; background-color:#cccccc; } /* contentit */ /* contenthome */ #wellcomehomeit { float:left; width:100%; height:auto; background-color:#cccccc; padding:0px 0px 0px 0px; border-top:1px #5B000C solid; border-bottom :3px #5B000C solid;} #wellcomehomeit p { float:left; width:100%; font-family:"Verdana", Geneva, Tahoma, sans-serif; color:#5B000C; text-align: center; font-size:16px; margin:px 0px px 0px; font-weight:600; } #slideintrohomeit { float:left; width:100%; padding-bottom:10px; background-color:#FDF2D7; } #slideintrohomeit img { float:left; width:119px; height:65px; background-color:#FDF2D7; padding:06px 06px 06px 06px; border:2px #797979 solid; margin:3px 0px 03px 03px; } #slideintrohomeit .example-image-link:hover { border: 2px solid #5B000C; } #subnavhome1it { float:left; width:100%; height: auto; background-color:#FDF2D7; } #subnavhome1it p { float:left; width:100%; height: 10px; font-family:"Verdana", Geneva, Tahoma, sans-serif; color:#5B000C; text-align:center; font-size:14px; font-weight:bold; margin:15px 0px 0px 0px; } #subnavhome2it { float:left; width:100%; height: auto; background-color:#FDF2D7; color:#5B000C; margin-bottom:3px; padding-bottom: 20px; border-bottom:2px #5B000C solid; } #subnavhome2it p { float:left; width:96%; background-color:#FDF2D7; font-family:"Verdana", Geneva, Tahoma, sans-serif; color:#5B000C; text-align:justify; font-size :14px; font-weight:bold; margin:0px 10px 0px 20px; } #creditcardhomeit { float:left; width:100%; height: auto; background-color:#FDF2D7; color:#5B000C; margin-bottom:3px; padding-bottom: 20px; } #creditcardhomeit p { float:left; width:96%; background-color:#FDF2D7; font-family:"Verdana", Geneva, Tahoma, sans-serif; color:#5B000C; text-align:center; font-size :14px; font-weight:bold; margin:0px 0px 0px 0px; padding-top: 15px; } /* contenthome */ /* camsuite2025 */ #containertypologietopituk { float: left; width: 100%; height: auto; background-color: #FDF2D7; font-family:"Verdana", Geneva, Tahoma, sans-serif; color: #5B000C; font-weight:bold; } #camsuiteinfotitleit { float: left; width:100%; height:auto; } #camsuiteinfotitleit p { width: 95%; color: #5B000C; text-align: center; padding: 20px 0px 0px 10px; font-size :14px; font-family:"Verdana", Geneva, Tahoma, ns-serif; padding: 0px 0px 0px 16px; } #typologietitletopit { float: left; width: 100%; height: auto; margin: 0px 0px 0px 0px; border-top: 2px #5B000C solid; } #typologietitletopit p { width: 100%; color: #5B000C; text-align: center; padding: 22px 0px 10px 0px; font-size :14px; font-family:"Verdana", Geneva, Tahoma, sans-serif; margin: 0px 0px 0px 0px; } #containercamsuiteparagrafiit { float:left; width:100%; height: auto; text-align:center; background-color: #FDF2D7 color: #000000; } #contentcansuiteparagrafiit { float:left; width:100%; height:auto; color:#000; padding:0px 0px 15px 0px; } #camsuitetitleparagrafo1it { float:left; width:500px; margin-left:50px; padding:05px 0px 0px 0px; } #camsuitetitleparagrafo1it p { font-size:13px; font-weight:bolder; color: #5B000C; text-align: left; margin:0px; } #camsuitetitleparagrafo2it { float:left; width:500px; margin-left:0px; padding:05px 0px 0px 0px;} #camsuitetitleparagrafo2it p { font-size:13px; font-weight:bolder; color: #5B000C; text-align: left; margin:0px; } #camsuitetitleparagrafo3it { float:left; width:700px; height: auto; color: #5B000C; padding:25px 25px 15px 250px; } #camsuitetitleparagrafo3it p { font-size:13px; font-weight:bolder; text-align: left; margin:0px; } #borderituk { float:left; width:100%; } #borderituk p { width:100%; color: #000; border-top: 2px #5B000C solid; } #camsuitepicsituk .example-image-link:hover { border: 2px solid #5B000C; } #camsuitepicsituk img { width:121px; height: 80px; border:2px #797979 solid; padding:03px 04px 03px 05px; } #camsuitepicsituk { float:left; width:100%; padding: 08px 0px 0px 04px; border-top: 2px #000 } #containercamsuitebottomit { float: left; width: 100%; height: auto; background-color: #FDF2D7; font-family:"Verdana", Geneva, Tahoma, sans-serif; color:#5B000C; font-weight:bold; } #maxprezcamsuiteit { float:left; width:100%; height:auto; font-weight:bold; padding: 0px 0px 0px 0px; } #maxprezcamsuiteit p { float:left; width:100%; height:auto; text-align:center; background-color:#5B000C; font-size:13px; color:#F3D869; font-weight:bold; font-family:"Verdana", Geneva, Tahoma, sans-serif; padding: 06px 0px 06px 0px; } #altreimportinfoit { float: left; width:100%; height:auto; } #altreimportinfoit p { float: left; width:100%; height:auto; font-size :13px; text-align: center; } #norist-bartasssogit { float: left; width:100%; height:auto; padding: 0px 20px 0px 25px; } #norist-bartasssogit p { float: left; width:95%; height:auto; font-size :14px; text-align:justify; } #cancellazioneit { float: left; width:100%; height:auto; padding: 0px 20px 0px 25px; } #cancellazioneit p { float: left; width:95%; height:auto; font-size :14px; text-align:justify; } #areecomunititleit { float: left; width:100%; height:auto; padding: 0px 20px 0px 25px ; } #areecomunititleit p { float: left; width: 95%; height:auto; font-size :13px; text-align: justify; } #parcheggioit { float: left; width:100%; height:auto; padding: 0px 20px 0px 25px ; } #parcheggioit p { float: left; width: 95%; height:auto; font-size :13px; text-align: justify; } #cartecredituk { float: left; width:100%; height:auto; padding: 0px 20px 20px 25px ; } #cartecredituk p { float: left; width: 95%; height:auto; font-size :13px; text-align: center; } #footer { float:left; width:100%; height:70px; border-top: 2px #5B000C solid; border-bottom: 3px #5B000C solid; background-color:#C0C0C0; } #footer p { text-align:center; color:#000000; padding:05px 0px 0px 0px; margin:0px; font-size:13px; font-weight:900; } /* camsuite2025 */ /* contentbagniit */ #spiaggieit { float:left; width:100%; height:115px; color:#5B000C; background-color:#DFDFDF; } #spiaggieit p { text-align:center; font-size:15px; font-weight:bold; margin-top:07px; padding: 0px 10px 0px 10px; } #bagnipicsit { float:left; background-color:#DfDFDF; width:100%; padding:20px 0px 25px 12px; border-bottom:2px #5B000C solid; } #bagnipicsit .example-image-link:hover { border: 2px solid #5B000C;} #bagnipicsit img { width:196px; height:100px; border:2px #797979 solid; padding:04px 04px 04px 04px; margin:0px 3px 0px 04px; } #bagnibottnavit { float:left; width:100%; border-bottom: 2px #5B000C solid; } #bagnibottnavit p { background-color:#585858; padding:10px 10px 10px 10px; color:#FFF; font-size:14px; text-align:center; font-weight:normal; font-family:"Verdana", Geneva, Tahoma, sans-serif; margin:0px; border-top:2px FFF solid; border-bottom: 2px #5B000C solid; } /* contentbagniit - prezzib */ #contentbagniit { float:left; width:100%; height:auto; background-color:#DFDFDF; } #tabprezbagniit { float:left; width:80%; font-weight:bold; margin:0px 5px 0px 0px; padding:0px 0px 0px 110px; } #tabprezbagniit p { text-align:center; color:#5B000C; font-size:15px; font-weight:bold; padding: 15px 0px 15px 0px; margin:0px 0px 0px 0px; } #specificazioniit1 { float:left; color:#5B000C; width:100%; font-weight:bold; padding:0px 0px 0px 0px; } #specificazioniit1 p { text-align:center; font-weight:normal; font-size:15px; margin-top:0px; border-bottom:1px #5B000C solid; line-height:210%; } #specificazioniit2 { float:left; color:#5B000C; width:100%; font-weight:bold; padding:0px 0px 0px 0px; } #specificazioniit2 p { text-align:center; font-weight:normal; font-size:15px; margin-top:0px; border-bottom :1px #5B000C solid; line-height:210%; } #canoeit { float:left; color:#5B000C; width:100%; } #canoeit p { text-align:center; font-size:15px; font-weight:bold; } .bordersize { border: 3px solid #fff; } .txtleft { text-align:left; font-weight:bold; } .txtcent { text-align:center; font-weight:bold; } .textsize { font-size:14px; } .linecolor { background-color:#CCC; } .background1 { background-color:#F5F1A0; } .background2 { background-color:#F3D869; } /* contentbagniit */ /* contentinfo */ #sirlogo { float:left; height:auto; background-color:#EEE; padding:0px; margin:0px 0px 0px 0px; } #sirlogo img { float:left; height:auto; background-color:#EEE; margin:20px 10px 0px 30px; } #contentit { width:100%; float:left; background-color:#EEE; height:auto; } #infotitle { float left; padding:0px; margin:0px; } #infotitle p { font-size:15px; text-align:center; height:35px; color:#5B000C; border-bottom:2px #5B000C solid; font-weight:bold; margin-bottom: 05px; } #paragrafinfo1 { float:left; padding:0px; margin:0px; } #paragrafinfo1 p { font-size:13px; text-align:justify; color:#5B000C; padding-right:15px; } #infopics .example-image-link:hover { border: 2px solid #5B000C; } #infopics { float:left; width:100%; padding: 05px 0px 0px 03px; } #infopics img { width:115px; border:2px #797979 solid; padding:08px 08px 08px 08px; margin:0px 0px 10px 16px; } #paragrafinfo2 { width:100%; height:auto; color:#5B000C; background-color:#EEE; text-align:justify; } #paragrafinfo2 p { font-size:13px; margin:0px; padding:15px; } #paragrafinfo3 { float:left; width:100%; height:auto; color:#5B000C; background-color:#EEE; text-align:justify; border-bottom:03px #5B000C solid; } #paragrafinfo3 p { font-size:13px; font-weight:100 ; margin:0px; padding:15px; border-top:2px #5B000C solid; } /* contentinfo */ /* contentlocation */ #contentlocationit { float:left; width:100%; height:auto; background-color:#C2C2C2 ; } #locationnavit { float:left; width:100%; height: auto; background-color:#C2C2C2; padding:15px 0px 20px 0px; border-top:4px #FFF solid; } #locationnavit p { font-size:14px; text-align:justify; font-weight:bold; color:#000000; padding: 10px 0px 0px 0px; margin: 0px 20px 0px 20px; } #mapslocationit { float: left; width:100%; height:auto; padding-bottom: 15px; } #mapstransportit { float:left; width :100%; background-color:#C5C5C5; border-top:2px #5B000C solid; padding: 05px 0px 0px 0px; } #map2it { float:left; width:400px; padding:0px 0px 0px 20px; } #map2it img { border:2px #5B000C solid; padding:8px; } #transportit { float:left; width:165px; padding:40px 0px 0px 50px; } #transportit p { color:#5B000C; font-size:13px; font-weight:bold; margin:0px; } #map1it { float:left; width:400px; padding:0px 0px 0px 30px; } #map1it img { border:2px #5B000C solid; padding:8px } #locationbottnavit { float:left; width:100%; height:120px; background-color:#585858; border-top:4px #FFF solid; } #locationbottnavit p { text-align:justify; font-size:14px; font-weight:bold; color:white ; margin:15px 20px 0px 20px; } /* contentlocation */ /* contentcontact */ #contactintro { float:left; width:100%; height:30px; color:#5B000C; border-bottom:02px #5B000C solid; background-color: #DFDFDF; border-top:02px #FFF solid; } #contactintro p { font-size:15px; text-align:center; font-weight:bold; margin:05px 0px; } #paragrafs { float:left; width:100%; height:auto; color:#5B000C ; padding:05px 0px 0px 0px; border-top:2px #FFF solid; } #contactparagraf1 { float:left; width:285px; margin-left:100px; padding:55px 0px 0px 0px; } #contactparagraf1 p { font-size:13px; font-weight:bolder; margin:0px; } #contactparagraf1 a { color:#6B6B6B; } #contactparagraf2 { float:left; width:285px; margin-left:0px; padding:05px 0px 0px 0px;} #contactparagraf2 p { text-align:left; font-size:13px; font-weight:bolder; margin:0px; } #border1 { border-bottom:1px #5B000C solid; width:285px; } #border2 { border-bottom:1px #5B000C solid; width:285px; } #border3 { border-bottom:1px #5B000C solid; width:250px; } #contactform1 { float:left; width:500px; height:auto; padding:35px 05px 20px 135px; } /* contact form */ h1 { text-align: center; margin: 35px 0 20px 0 !important; } h2 { text-align: left; margin: 15px 0 15px 0; } .span { width:250px; } .span1 { width:85px; } .span2 { width:15px; } #form1 { display:inline-block; font-weight:bold; margin-left:0px; padding:0px 31px 15px 0px; } .color { color:#5B000C; } .reset { font-weight:bold; font-size:13px; } .submit { font-weight:bold; font-size:13px; } /* form */ /* footter */ #footer2 { float:left; width:100%; height:140px; border-top: 2px #5B000C solid; border-bottom: 3px #5B000C solid; background-color:#CCCCCC; } #footer2 p { text-align:center; color:#000000; padding:10px 0px 0px 0px; margin:0px; font-size:12px; font-weight:900; } #footer2 a { color:#5B5B5B; text-decoration:none; } #footer { float:left; width:100%; height:70px; border-top: 2px #5B000C solid; border-bottom: 3px #5B000C solid; background-color:#C0C0C0; } #footer p { text-align:center; color:#00000; padding:05px 0px 0px 0px; margin:0px; font-size:13px; font-weight:900; } #footer a { color:#5B5B5B; text-decoration:none; } /* footter */ /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ @media screen and (max-width: 1099px) { #wrapper { width: 100%; } #contentit { width: 100%; float:left; } #top { width: 100%; float:left; height:auto; } #logo { width: 100%; float:left; height:auto; } #logo img { width: 100%; float:left; height:auto; } #sub-logo { width: 100%; float:left; height:auto; } #sub-logo img { width: 10%; height:15%; } #flags img { width: 20%; float:left; height: 20%; } #containernav { width: 60%; float:left; } #top-banner { width: 55%; height: 50%; } #top-banner p { width: 55%; height: 50%; } #imageuk img { width: 70%; float:left; height:auto; } #topnav1 { width: 20%; float:left; height:auto; } #topnav2 { width: 20%; float:left; height:auto; } #topnav3 { width: 20%; float:left; height:auto; } #topnav4 { width: 20%; float:left; height:auto; } #topnav5 { width: 20%; float:left; height:auto; } #topnav6 { width: 20%; float:left; height:auto; } #topnav7 { width: 20%; float:left; height:auto; } #topnav8 { width: 20%; float:left; height:auto; } /* wellcome */ #wellcomehome { width: 100%; float:left; height:auto; overflow:hidden; } #slideintro img { width: 22%; float:left; height:auto; } #subnavhomeit { width: 100%; float:left; height:auto; overflow:hidden; } /* camsuite prezzi */ #camstopnavit { width: 90%; float:left; height:auto; overflow:hidden; } #camsuitepicsit img { width: 22%; float:left; height:auto; overflow:hidden; } #camsuitepicsitit { width: 90%; float:left; height:auto; overflow:hidden; } #camsnavit { width:100%; float:left; height:auto; overflow:hidden; } #suitebottnavit { width: 100%; float:left; height:auto; overflow:hidden; } #suitenavit { width: 100%; float:left; height:auto; overflow:hidden; } #speccamsuiteit1 { width:100%; float:left; height:auto; font-size: 20%; overflow:hidden; } #speccamsuiteit2 { width:100%; float:left; height:auto; overflow:hidden; } #contentcamsuiteinfoit { width: 100%; float:left; font-size: 20%; height:auto; overflow:hidden; } #suitecaminfo1it { width:100%; height:auto; overflow:hidden; } #suitecaminfo2it { width:100%; height:auto; overflow:hidden; } #suitbotnav3it { width:100%; height:auto; overflow:hidden; } #suitbotnav4it { width:100%; height:auto; overflow:hidden; } #suitecaminavn5it { width:100%; height:auto; overflow:hidden; } #suitecaminfo6it { width:100%; height:auto; overflow:hidden; } #suitecaminfo7it { width:100%; height:auto; overflow:hidden; } #suitecaminfo8it { width:100%; height:auto; overflow:hidden; } #tabprezcamit { width:60%; height:auto; } #tabprezcamit tr { width:60%; height:auto; } #tabprezcamit td { width:60%; font-size: 72%; height:auto; } /* bagni */ #spiaggieit { width: 100%; float:left; height:auto; } #bagnipicsit img { width: 25%; float:left; height:auto; } #bagnibottnavit { width: 100%; float:left; height:auto; } #bagnibottnavit p { width: 100%; float:left; height:auto; } #tabprezbagniit { width: 75%; float:left; height:auto } #tabprezbagniit tr { width:90%; height:auto } #tabprezbagniit td { width:90%; font-size: 67%; height:auto } #canoeit { width: 100%; float:left; height:auto; } #sirlogo img { width: 60%; float:left; height:auto; } #infopics img { width: 25%; float:left; height:auto; } #locationbottnav { width: 10%; float:left; height:auto; } #locationnav p { width: 90%; float:left; height:auto; } #transport { width: 60%; float:left; height:auto; } #transport img { width: 20%; float:left; height:auto; } #locationbottnav { width: 100%; float:left; height:auto; } #map1 img { width: 55%; float:left; height:auto; } #map2 img { width: 55%; float:left; height:auto; } #contactintro p { width: 100%; float:left; height:auto; } #contactintro { width: 100%; float:left; height:auto; } #contactparagraf1 { width: 60%; float:left; height:auto; } #contactparagraf2 { width: 60%; float:left; height:auto; } #border1 { width: 100%; float:left; height:auto; } #border2 { width: 100%; float:left; height:auto; } #border3 { width: 100%; float:left; height:auto; } #form { width: 10%; float:left; height:auto; } #contactform1 { width: 10%; float:left; height:auto; } #footer { width: 100%; float:left; height:auto; border-top:3px #FFF solid; border-bottom: 3px #5B000C solid; } #footer2 { width: 100%; float:left; height:auto; border-top:3px #FFF solid; border-bottom: 3px #5B000C solid; } img { width: 100%; } }