/*
-----------------------------------------------
Layout CSS
----------------------------------------------- */

body {
	/* background: #F2F1ED; */
	background: white;
	padding: 0;
	margin: 0;
	
}

body.solution-park{
	background: white;
}

footer{
	width: 100%;
	position: fixed;
	bottom: 0;
	background: url(/img/CDOffice2-web-31.png) repeat-x white;
	padding-bottom: 5em;
}

div#footer{
	padding-top: 2em;
	padding-bottom: 4em; 
	border-top: 1px solid gray;
}

footer.store{
	height: 4em;
	position: relative;
	bottom: 0;
	background:  none;
}

shelf{
	height: 45px;
	width: 304px;
	background: url(/img/CDOffice2-web-32.png) no-repeat;
	position: fixed;
	left: 50%;
	bottom: -1px;
	
}

div#main{
	/* padding-top: 14em; */
}

.video{
	min-height: 8em;
	margin-bottom: 1em;
	padding-left: 0em;
    padding-right: .5em;
    padding-top: .5em;
    padding-bottom: .5em;
	height: 98px;
	margin-top: 1em;
}

.video aside{
	margin-top: 2em;
}

.company-row{
	margin-bottom: 2em;
	margin-top: 3em;
	
}

.support-header{
	height: 5.5em;
}


#content{
	/* margin-top: 4em; */
/*	padding-bottom: 6em; */
}


player{
	background: url(/img/CDOffice2-web-16.png) no-repeat;
	position: relative;
	height: 98px;
	top:-98px;
}

dot{
	width: 20px;
	height: 20px;
	background: url(/img/images/CDOffice2-web_07.png) no-repeat;
	display: inline;
	float: left;
	display: none;	
}

dot.green{
	background-color: green;
}

dot.white{
	background-color: gray;
}

dot.red{
	background-color: red;
}

dot.blue{
	background-color: blue;
}



header{
	background: white;
	margin: 0;
	height: 12em;
	width: 100%;
	margin-bottom: 2em;
	
}

header.solution-park{
	background: white;
	margin: 0;
	height: 12em;
	width: 100%;
	border: none;
}

logo{
	margin: 1em 0;
	padding-left: 1em;
	background: url(/img/CDOffice2-web-18.png) no-repeat;
	height: 23px;
}

a:hover logo{
	background: url(/img/CDOffice2-web-19.png) no-repeat;
}

product-logo{
	height: 120px;
	margin-top: -20px;
}

product-logo#mm{
	background: url(/img/products/header-mm.png) no-repeat 100% 0;
}
product-logo#cd{
	background: url(/img/products/header-cd.png) no-repeat 100% 0;
}
product-logo#office{
	background: url(/img/products/header-office.png) no-repeat 100% 0;
}
product-logo#prj{
	background: url(/img/products/header-prj.png) no-repeat 100% 0;
}
product-logo#none{
	height: 60px;
	background: url(/img/products/header-none.png) no-repeat 100% 0;
}

menu#main{
	position: relative;
	float: left;
	padding-top: 2.5em;
	margin-top: 0;
}




menu#main li#products{
	background-repeat: no-repeat;
	width: 240px;
	
}

menu#account, #account-info{
	background: silver;
	margin: 0;
	float: right;
	position: relative;
	top: 0em;
	right: 0;
    -moz-border-radius:7px;
    -wekit-border-radius: 0 0 7px 7px;
	border-radius: 0 0 7px 7px;
    behavior:url('/css/border-radius.htc');
}





menu#product{
	float: right;
}


menu#areas{
	background: white;
	border-bottom: 4px solid gray;
	margin-top: 6.5em;
	padding-bottom: 1em;
	/*
-webkit-box-shadow: 0 1px 4px #08C;
	padding-top: 2em;
*/
}


section{
	margin-bottom: 4em;
}

.product-title{
	/* background: url(/img/images/CDOffice2-web_03.png) repeat-x 0 1.3em; */
	margin-bottom: 1.5em;
	padding-left: -16px;	
}

aside.solutions{
	margin-top: 2em;
	margin-left: 40px;
	position: fixed;
	
}

div.solution-pict{
	height: 40px;
	background: gray;
	display: inline;
	
}

div.solution-big-pict{
	background: white;
	float: right;
	margin-left: 1em;
}

div.solution-body{
	margin-top: 1em;
	margin-left: 40px;
}

hr{
	border-bottom: 1px silver solid;
}


.phone-block{
	border-top: 1px silver solid;
	padding-top: 1em;
	margin-top: 1em;
	color: black; 
	border-left:none;
}

.right-side{
	margin-top: 2.5em;
	/* border-left: 1px solid silver; */
}

.mar-top-1{
	margin-top: 2em;
}

input.button{
	height: 2em;
}


header.solution-park-image{
	background: url(/img/solutions/sp_main.png) no-repeat;
	height: 600px;
}

div#sb{
	margin-top: 110px;
	
}

div#sb a{
	border: none;
}


.pad-left-1{
	padding-left: .75em;
}

.company-block+.company-block{
	border-left: 1px solid silver;	
}



.video-tmbl{
	padding: 0;
	margin: 0;
	margin-bottom: .5em;
}

#video_1 a{
	margin-bottom: .5em;
	
}

#video_1{
	margin-left: 2em;
	margin-top: 60px;
}

a.video-tmbl-container{
	height: 100px;
	width: 160px;
	overflow: hidden;
	border: 2px solid  #33ACFD;
	display: block;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	box-shadow: 0px 1px 3px #888;
	-moz-box-shadow: 0px 1px 3px #888;
	-webkit-box-shadow: 0px 1px 3px #888;
}

a.video-tmbl-container:hover{
	border-color: #00538A;
}

.video-tmbl-wrapper{
	height: 100px;
	width: 160px;
	overflow: hidden;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	margin: 0;
	padding: 0;
}