﻿/* ------------------------ */
/* Site.css */

/* v 1.0
*/

/* ---------------------------- */

body
{
	font-family: Verdana, Arial, Georgia, "Times New Roman";
	font-size: 11px;

	margin: 0;
	padding: 0;
	border-style: none;

	color:Black;
	background-color:#a2b3df;
}

a
{
	color: Black;
	text-decoration: none;
}

h1
{
	font-size:11px;
	font-weight:normal;
	
	margin:0px;
	padding:0px;
}

p
{
	margin: 0;
	padding:0 0 4px 0;
}

/* ---------------------------- */

img
{
	margin: 0;
	padding: 0;
	border-style: none;
}

table
{
	margin: 0;
	padding: 0;
	border-style: none;
}

tr
{
	margin: 0;
	padding: 0;
	border-style: none;
}

td
{
	margin: 0;
	padding: 0;
	border-style: none;
}

iframe
{
	margin: 0;
	padding: 0;
	border-style: none;
}

ul
{
	margin: 0;
	padding: 0;
	border-style: none;
	
	list-style-type: none;	
}

li
{
	margin: 0;
	padding: 0;
	border-style: none;
}

/* ------------------------ */
/* scrollable.css */

/*
 * root element for scrollable
 */
.scrollable-horizontal
{  
	/* required settings */
	position:relative;
	overflow:hidden;	

	/* optionally floated, to be side by side with the navigational arrows */
	float:left;
}

.scrollable-vertical
{
	/* required settings */
	position:relative;
	overflow:hidden;	
}

/* 
 * root element for scrollable items 
 */
.scrollable-horizontal .items
{	
	/* must be absolutely positioned */
	position:absolute;
	/* must have very large space for width */	
	width:20000em;
}

.scrollable-vertical .items
{
	/* must be absolutely positioned */
	position:absolute;
	/* must have very large space for height */	
	height:20000em;	
}

/* a single item must be floated in horizontal scrolling.  */
.scrollable-horizontal .item
{
	float:left;
}

/*
 * .scrollable-horizontal/vertical has overflow:hidden so you must set its width and height
 * this element must not have margin or padding set (otherwise there will be some problems with IE7)
 *
#RootID
{
	width: ...px;
	height: ...px;
}
 
 *
 * this is the element you will style the most
 * width and height must be the same as root width and height
 *
#RootID .item
{
	width: ...px;
	height: ...px;

	...
}

 *
 * you may want to setup some decorations to the active item  
 *
#RootID .item.active
{ 
}
 */

/* -------------------------------- */

/*
 * navigational arrows containers
 */
 
.scrollable-horizontal-controls
{  
	/* optionally floated, to be side by side with the navigational arrows */
	float:left;
}
.scrollable-vertical-controls
{  
}

/* disabled navigational button */
.arrow.disabled
{
	visibility:hidden;
}

/*
 * navigational arrows styling
 *
#RootID .arrow 
{	
	width:20px;
	height:20px;
	
	cursor:pointer;

	background:url('../Images/scrollable/arrowx.png') no-repeat;
	background:url('../Images/scrollable/arrowy.png') no-repeat;
}

#RootID .arrow.left			{ } 
#RootID .arrow.left:hover  	{ background-position:-20px 0; }
#RootID .arrow.left:active  { background-position:-40px 0; }

#RootID .arrow.right 		{ background-position: 0 -20px; }
#RootID .arrow.right:hover 	{ background-position:-20px -20px; }
#RootID .arrow.right:active { background-position:-40px -20px; } 

#RootID .arrow.up			{ }
#RootID .arrow.up:hover  	{ background-position:-20px 0;}
#RootID .arrow.up:active  	{ background-position:-40px 0; }

#RootID .arrow.down 		{ background-position: 0 -20px; }
#RootID .arrow.down:hover  	{ background-position:-20px -20px; }
#RootID .arrow.down:active 	{ background-position:-40px -20px; } 
 */

/* -------------------------------- */

/*
 * position and dimension of the navigator
 *
.navi
{ 
} 
 */

/* items inside navigator */ 
.navip a
{ 
    width:8px; 
    height:8px; 

    margin:3px; 
    
    display:block; 
    float:left; 

    background:url('css/scrollable/navigator.png');
	background-repeat: no-repeat;
} 
 
/* mouseover state */ 
.navip a:hover
{ 
    background-position:0 -8px;       
} 
 
/* active state (current page state) */ 
.navip a.active
{ 
    background-position:0 -16px;      
}

/* ------------------------ */
/* RichiestaInformazioni.css */

/*
.InfoHeader
{
	width:335px;
	height:18px;
	
	margin-left:7px;
	margin-right:7px;
	padding-left:16px;
	
	line-height:17px;
	text-align:left;
	
	color:#eeeeee;
	background-color: #4e6573;
}

.InfoBody
{
	width:340px;
	padding:10px 10px 10px 15px;
	
	text-align:justify;
}

.InfoBody .software-box
{
	margin:0 10px 0px 0;
	
	float:left;
}

.InfoBody li
{
	list-style-type: circle;
	list-style-position: inside;
}

.InfoBody ul
{
	display:block;
	padding-left:10px;
	padding-bottom:6px;
}
*/

#RichiestaScrollable
{
	width:335px;
	height:185px;
	
	float:none;
}

#RichiestaScrollable .item
{
	position:relative;
	
	width:335px;
	height:185px;
}

.inputKey
{
}

.inputValue
{
	width:253px;
	border: inset 1px #80095d;
	background-color:#eeeeee;

	font-size: 12px;	
	
	-moz-border-radius:3px;
	-webkit-border-radius:3px;	
}

#nameLabel
{
	position:absolute;
	
	top:4px;
	left:5px;
}

#nameInput
{
	position:absolute;
	
	top:0px;
	left:75px;
}

#emailLabel
{
	position:absolute;
	
	top:33px;
	left:5px;
}

#emailInput
{
	position:absolute;
	
	top:27px;
	left:75px;
}

#msgLabel
{
	position:absolute;
	
	top:60px;
	left:5px;
}

#msgTextArea
{
	position:absolute;
	
	top:54px;
	left:75px;
}

.submitButton
{
	position:absolute;
	
	top:157px;
	left:254px;

	width: 76px;
	height: 25px;

	display:block;
	float:right;
	
	color:White;	
	line-height:25px;
	text-align:center;
	
	background-image: url('css/richiesta-informazioni/submit.jpg');
}

#sendText
{
	position:absolute;
	
	top:20px;
	left:118px;
}

#sendAnimation
{
	position:absolute;
	
	top:50px;
	left:75px;
}

#SubmitFeedback
{
	position:absolute;
	
	top:30px;
	left:0px;
	
	width:335px;
	height:130px;
	
	text-align:center;	
}

/* -------------------------------- */
/* MasterPage.css */

*:focus
{
	outline: none;
	-moz-outline: none;
}

#MiniHeader
{
	width:100%;
	height:16px;
	
	line-height:14px;
	text-align:center;

	background-image:url('Images/Master/MiniHeader4.jpg');
	background-repeat:repeat-x;
}

#MiniHeader a
{
	color:#404040;

	font-family:sans-serif;
	font-size:10px;
}

/* -------------------------------- */

#MainWrapper
{
	width:998px;

	padding-bottom:15px;
	margin-bottom:30px;

	background-color:White;
}

/* -------------------------------- */

#TopWrapper
{
	width:998px;
	height: 150px;
	background-image: url('Images/Master/Barra Superiore.jpg');
	background-repeat:no-repeat;
}

#TopMenuPadding
{
	width:998px;
	height:72px;
}

#TopMenuWrapper
{
	width:504px;
	height:63px;
	padding-left:486px;
	padding-right:8px;
}

.menuItem
{
	width: 100px;	/* 84*6 = 504 */ 
	height:63px;

	line-height:63px;
	
	background-color: #080240;	
	
	float:right;
}

.menuItem a
{	
	width: 100px;	/* 84*6 = 504 */ 
	height:63px;

	line-height:63px;

	display: block;

	font-weight:bold;
}

#TopPageNameWrapper
{
	width:130px;
	height:16px;
	
	padding-top:2px;
	padding-left:405px;
	padding-right:463px;
}

/* -------------------------------- */

.BodyWrapper
{
	width:990px;
	padding: 0 4px 0 4px;
	
	text-align:left;
}

/* -------------------------------- */

.textCream
{
	color:#dddddd;
}

.textGray
{
	color:#333333;
}

.textGrayLight
{
	color:#777777;
}

.textBold
{
	font-weight:bold;
}

.textLarge
{
	font-size: 13px;
}

.boxMore
{
	display:block;

	line-height:16px;
	
	color:Blue;
}

.boxPrice
{
	padding-top:5px;
	padding-bottom:5px;
	
	color:#80095d;
}

p
{
	margin: 0;
	padding:0 0 4px 0;
}

h1.Titolo
{
	margin: 0;
}

/* -------------------------------- */
/* -------------------------------- */
/* -------------------------------- */

#LeftWrapper
{
	width: 365px;
	padding-right:15px;
}

/* -------------------------------- */

#VisioTec_fpEmbedWrapper
{
	width:340px;
	height:208px;
	
	margin:6px 10px 17px 9px;
	border:solid 3px #cccccc;
	
    background-image:url('Images/Master/grh245_lightblue_reverse.jpg');
    background-repeat:repeat-x;
}

/* -------------------------------- */

.InfoHeader
{
	width:335px;
	height:18px;
	
	margin-left:7px;
	margin-right:7px;
	padding-left:16px;
	
	line-height:17px;
	text-align:left;
	font-size:11px;
	font-weight:normal;
	
	color:#eeeeee;
	background-color: #4e6573;
}

.InfoBody
{
	width:340px;
	padding:10px 10px 10px 15px;
	
	text-align:justify;
}

.InfoBody .software-box
{
	margin:0 10px 0px 0;
	
	float:left;
}

.InfoBody li
{
	list-style-type: circle;
	list-style-position: inside;
}

.InfoBody ul
{
	display:block;
	padding-left:10px;
	padding-bottom:6px;
}

.InfoBody .picture-centered
{
	margin-top:10px;
	margin-bottom:10px;

	width:100%;
	
	text-align:center;	
}

.InfoBody .picture-centered img
{
	max-width:250px;
}

/* -------------------------------- */
/* -------------------------------- */
/* -------------------------------- */

#RightWrapper
{
	width: 610px;
}

/* -------------------------------- */

.PageParagraph
{
	width:600px;
	padding:15px 5px 0px 5px;
	
	text-align:justify;
}

.PageParagraph .header
{
	width:100%;
	
	padding-bottom: 1px;
	border-bottom: solid 1px Black;
	margin-bottom: 3px;
	
	text-align:right;
}

.PageParagraph .headerNoLine
{
	width:100%;
	padding-bottom: 4px;
	
	text-align:right;
}

.PageParagraph .software-box
{
	margin:0 5px 0px 10px;
	
	width: 74px;
	height: 85px;
	
	float:right;
}

.PageParagraph .picture-centered
{
	margin-top:10px;
	margin-bottom:10px;

	width:100%;
	
	text-align:center;	
}

.PageParagraph .picture-centered img
{
	max-width:470px;
}

.PageParagraph li
{
	list-style-type: circle;
	list-style-position: inside;
}

.PageParagraph ul
{
	display:block;
	padding-left:10px;
	padding-bottom:6px;
}

/* -------------------------------- */
