/*
	Centratissimo CSS - version 1.0
	Author: Federica Sibella - musings.it
	Date: 2010.04.07
	E-mail: musings@musings.it
	WWW: www.musings.it
	Copyright: Federica Sibella 2010
	----------------------------------------
	This is the stylesheet for Centratissimo.
	This file is part of Centratissimo.

    Centratissimo is free software: you can redistribute it and/or modify
    it under the terms of the GNU General Public License as published by
    the Free Software Foundation, either version 3 of the License, or
    (at your option) any later version.

    Centratissimo is distributed in the hope that it will be useful,
    but WITHOUT ANY WARRANTY; without even the implied warranty of
    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
    GNU General Public License for more details.

    You should have received a copy of the GNU General Public License
    along with Centratissimo.  If not, see <http://www.gnu.org/licenses/>.
*/


/*
fonts included for titles and subtitles (always include FREE fonts)
*/
@font-face {
	font-family: 'MonikaItalic';
	src: url('../fonts/Monika.eot');
	src: local('Monika'), local('MonikaItalic'), url('../fonts/Monika.ttf') format('truetype');
}


@font-face {
	font-family: 'AaarghNormal';
	src: url('../fonts/Aaargh.eot');
	src: local('Aaargh'), local('AaarghNormal'), url('../fonts/Aaargh.ttf') format('truetype');
}

@font-face {
	font-family: 'QuicksandLight';
	src: url('../fonts/Quicksand_Light.eot');
	src: local('Quicksand'), local('QuicksandLight-Regular'), url('../fonts/Quicksand_Light.ttf') format('truetype');
}

@font-face {
	font-family: 'QuicksandBook';
	src: url('../fonts/Quicksand_Book.eot');
	src: local('Quicksand'), local('QuicksandBook-Regular'), url('../fonts/Quicksand_Book.ttf') format('truetype');
}

/*
@font-face {
	font-family: 'DotComRegular';
	src: url('../fonts/kkdotcom.eot');
	src: local('Dot Com'), local('DotCom'), url('../fonts/kkdotcom.ttf') format('truetype');
}
*/

/*
@font-face {
	font-family: 'Junction';
	src: url('../fonts/Junction.eot');
	src: local('Junction'), local('Junction'), url('../fonts/Junction.ttf') format('truetype');
}
*/

@font-face {
	font-family: 'eurofurencelightRegular';
	src: url('../fonts/eurof35.eot');
	src: local('eurofurence light'), local('Eurofurencelight'), url('../fonts/eurof35.ttf') format('truetype');
}

/*
General CSS rules
*/

*{
	margin: 0px;
	padding: 0px;
}

html,body{height:100%} 

body {
	margin: 0px;
	padding: 0px;
	background: #ffffff url('../images/03bg.png') 0px 0px no-repeat;
	overflow: hidden;
}

/*
	Outer DIV for scrolling arrows
*/

#outer {
	width: 100%;
	height: 100%;
	margin: 0;
	overflow: hidden;
	border: 0px dashed black;
}

/*
	Screen DIV
*/

#schermo {
	width: 80%;
	height: 78%;
	margin: 5.5% auto;
	overflow: hidden;
	position: relative;
	border: 0px solid black;
}

/*
	Map DIV that scrolls behind
*/

#scrollabile {
	width: 330%; /*440%*/
	height: 320%;
	position: relative;
	clear: left;
}

/*
	Elements of the map DIV
*/

.elements {
	width: 28.5%; /*21%*/
	height: 27%;
	margin: 1%;
	float: left;
	position: relative;
	border: 0px solid black;
}


/*
	Style for the central element (homepage)
*/

#cinque h1, #cinque h2, #cinque h3, #cinque h5 {
	text-align: center;
}

#cinque h1 {
	line-height: 1.5em;
}

#cinque h2.sottotitolo{
	margin-top: -2%;
	margin-bottom: 7%;
}

#cinque h2.freccia {
	text-align: left;
	cursor: pointer;
}

/*
	style for the Gallery page #otto
*/

#otto {
	overflow: auto;
}

/*
	Style for writing DIVs
*/

.opaco{
	width: 100%;
	margin: 0px auto;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	background-color: #ffffff;
	opacity: 0.75;
}

.opaconoborder {
	width: 100%;
	margin: 0px auto;
	background-color: #ffffff;
	opacity: 0.75;
}


.esc {
	clear: both;
	width: 100%;
}

/*
	Subdividing DIVs
*/

.block25 {
	width: 23%;
	height: 33.3%;
	float: left;
	margin: 1.0%;
	display: inline-block;
}

#cinque .block25 {
	margin-top: 1%;
}

.block25 p, .block50 p, .block33 p{
	margin-left: 0px;
	line-height: 1.5em;
}

.block25 h4, .block50 p {
	text-align: left;
	line-height: 1.5em;
}

.block50 {
	width: 45%;
	margin: 2.0%;
	float: left;
	display: inline-block;
}

.block33 {
	width: 31%;
	margin: 1.0%;
	float: left;
	display: inline-block;
}


/*
	Various positioning
*/

.right {
	float: right;
	margin-right: 15%;
}

.left{
	float: left;
}


.centro {
	margin: 0px auto;
}

#cinque .block25 h4 {
	cursor: pointer;
	padding-left: 2%;
	padding-bottom: 3%;
	font-family:  eurofurencelightRegular, 'QuicksandBook', 'Trebuchet MS', 'AaarghNormal', Tahoma, Helvetica, Arial, Sans-Serif;
	margin-top: -1%;
	text-align: left;
	line-height: 1.5em;
	margin-left: 0px;
}

#cinque .block25 img {
	padding-top: 2%;
}

#cinque .block25 span h4:hover {
	color: #F28400;
}

#cinque .titolo {
	height: auto;
	margin-bottom: -1%;
}

.block25 h4 a {
	text-decoration: none;
	color: #666666;
}

.block50 a, .block33 a, .centratooriz a, .block33 h4 {
	text-decoration: none;
	color: #F28400;
}

.block25 h4 a:hover, .block50 a:hover, .block33 h4 a:hover {
	cursor: pointer;
	color: #F28400;
}

.arancio {
	color: #F28400;
	cursor: default;
}

.contatto, .condizioni {
	color: #F28400;
	cursor: pointer;
}

/*
	Arrows for smooth scrolling
*/

#frecciaDx {
	position: absolute;
	top: 50%;
	right: 5px;
	cursor: pointer;
}

#frecciaSx {
	position: absolute;
	top: 50%;
	left: 5px;
	cursor: pointer;
}

#frecciaAlto {
	position: absolute;
	top: 0px;
	right: 50%;
	cursor: pointer;
}

#frecciaBasso {
	position: absolute;
	bottom: 0px;
	right: 50%;
	cursor: pointer;
}


a img {
	border: none;
	cursor: pointer;
}

#otto h4 {
	line-height: 1.2em;
}

/*
	Footer
*/

#footer {
	position: absolute;
	bottom: 5px;
	right: 12.5%;
	width: auto;
	height: auto;
}

#footer p, #copy p {
	font-size: 12px;
	line-height: 1.5em;
	color: #888888;
}

#footer p a, #copy p a {
	text-decoration: none;
	color: #F28400;
	font-style: italic;
}

#copy {
	position: absolute;
	bottom: 5px;
	left: 12.5%;
	width: auto;
	height: auto;
}


/*titles and fonts*/
h1 {
	color: #F28400;
	font-family:  'MonikaItalic', Tahoma, Helvetica, Arial, Sans-Serif;
	text-shadow: 1px 2px 3px #777777;
	font-size: 150px;
}

h2 {
	font-family:  eurofurencelightRegular, 'QuicksandLight', 'Trebuchet MS', 'AaarghNormal', Tahoma, Helvetica, Arial, Sans-Serif;
	color: #666666;
	font-size: 48px;/*era 44px*/
}

h3 {
	font-family: eurofurencelightRegular, 'QuicksandLight', 'Trebuchet MS', 'AaarghNormal', Tahoma, Helvetica, Arial, Sans-Serif;
	color: #666666;
	font-size: 44px;/*era 40px*/
}

h4 {
	font-family: eurofurencelightRegular, 'Trebuchet MS', 'QuicksandLight', 'AaarghNormal', Tahoma, Helvetica, Arial, Sans-Serif;
	color: #666666;
	font-size: 36px;/*era 28px*/
}

h5 {
	font-family: eurofurencelightRegular, 'Trebuchet MS', 'QuicksandLight', 'AaarghNormal', Tahoma, Helvetica, Arial, Sans-Serif;
	color: #444444;
	font-size: 30px;
}

p {
	font-family: 'Trebuchet MS', 'QuicksandBook', 'AaarghNormal', Tahoma, Helvetica, Arial, Sans-Serif;
	color: #444444;
	font-size: 19px;
	text-align: left;
}

h1, h2, h3, h4 {
	line-height: 1.0em;
}

p, li {
	line-height: 1.5em;
}

/*lists style*/
ul {
	list-style-type: none;
	padding: 0px;
	margin: 1% auto 1% 2%;
}

ul li {
	padding-left: 0%;
	font-family:  'Trebuchet MS', 'QuicksandBook', 'AaarghNormal', Tahoma, Helvetica, Arial, Sans-Serif;
	font-size: 19px;
	line-height: 1.5em;
	color: #444444;
}

/*
tooltip element
*/
#demotip { 
    display:none; 
    background: transparent; 
    font-size:12px; 
    height:auto; 
    width:auto; 
    padding:25px; 
    color:#888;     
}

/*form style*/
form{
	margin:0px;
	padding: 0px;
	}
form fieldset {
	border: none;
	margin: 0px;
	padding: 0px;
}	
form label{
	font-family:  'Trebuchet MS', 'QuicksandBook', 'AaarghNormal', Tahoma, Helvetica, Arial, Sans-Serif;
	color: #444444;
	font-size: 19px;
	line-height: 1.5em;
	}
	
form input{
	font-family:  'Trebuchet MS', 'QuicksandBook', 'AaarghNormal', Tahoma, Helvetica, Arial, Sans-Serif;
	font-size: 19px;
	width:80%;
	color: #444444;
	border:2px solid #eee;
	padding:2px;
	}
form input:hover,form textarea:hover{
	border:2px solid #aaa;
	}
form input:focus,form textarea:focus{
	border:2px solid #F28400;
	}
form input.send{
	border:2px solid #F28400;
	background-color: #fff;
	width: 25%;
	margin-left: 0px;
	padding-left: 0px;
	color: #444444;
	font-family:  'Trebuchet MS', 'QuicksandBook', 'AaarghNormal', Tahoma, Helvetica, Arial, Sans-Serif;
	font-size: 19px;
	cursor:pointer;
	}
form textarea{
	margin-bottom:10px;
	font-size: 19px;
	font-family:  'Trebuchet MS', 'QuicksandBook', 'AaarghNormal', Tahoma, Helvetica, Arial, Sans-Serif;
	width:80%;
	height:10em;
	color: #444444;
	border:2px solid #eee;
	padding:2px;
	overflow: hidden;
	}
form br{
	font-size: 12px;
	}

form input.paypal {
	border: none;
}	
	
.paypal {
	width: 74px;
	height: 21px;
}