/*
* Skeleton V1.1
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 8/17/2011
*/

/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/* #Site Styles
================================================== */

/* #PAGE STYLES
================================================== */
/* #Header*/
#header {height:125px; background-image:url('../images/softatohtori_logo.png'); background-repeat:no-repeat; }
.language { font-family:'NoticiaText-Regular', "Palatino Linotype", "Georgia", "Times New Roman", sans-serif; font-size:13px; background:#f6f6ee; border:1px solid #f6f6ee; padding:3px 10px 3px 10px; border-bottom-left-radius:5px; border-bottom-right-radius:5px;-moz-border-radius:5px; /* Old Firefox */ clear: both;}
.language a, a:visited { color: #515151; text-decoration:none; outline: 0; }
.language a:hover, a:focus { color: #515151; text-decoration: underline; }
.logo {}

#menu {display: block;}
#menu li{  display:block; float: left;}
#menu ul li a {font-family: 'bariol_regularregular','Bariol Regular', Arial, Helvetica, sans-serif; font-size:18px; text-decoration:none; color: #515151; display:block; float:right;}
#menu ul li:hover>a{ color: #46b7e1;}
.current-menu-item {font-family: 'bariol_boldbold','Bariol Bold','bariol_regularregular','Bariol Regular' Arial, Helvetica, sans-serif;  background-color:#46b7e1;}
.white {color:#FFF;}

/* #Picture*/
#picture {background-image:url('../images/softapicture_bg.jpg');
background-repeat:no-repeat;
background-position:left top; }
#infoText h1 {font-family: 'bariol_boldbold','Bariol Bold','bariol_regularregular','Bariol Regular' Arial, Helvetica, sans-serif; color: #3fabcf; }


/*IndexColumn*/
#customers {background-color:#fff; min-height:100px; border-radius:10px; -moz-border-radius:10px; /* Old Firefox */ clear:both}
.customerName {background-image:url('../images/kupla_bg.png');background-repeat:no-repeat; min-height:28px; font-style:italic; color:#fff; padding-top:10px;  clear:both}

/* BlueColumn*/
#blueColumn {background: #48b9e3 url(../images/blueColumn_bg.png) top no-repeat;border-top-left-radius:5px; border-top-right-radius:5px;-moz-border-radius:5px; /* Old Firefox */}
#blueColumn2 {background: #48b9e3 url(../images/blueColumn2_bg.png) top no-repeat;}
#indexColumn {background: #48b9e3 url(../images/blueColumn2_bg.png) top no-repeat; border-top-left-radius:5px; border-top-right-radius:5px;-moz-border-radius:5px; /* Old Firefox */}
#contentColumn {background: #fcfcfa url(../images/contentColumn_bg.png) top no-repeat;}
#blueColumn h2, #blueColumn2 h2, #indexColumn h1 {color:#fff}
#blueColumn h3, #blueColumn2 h3, #indexColumn h3, #contentColumn h3 {font-family:'NoticiaText-Regular',"Palatino Linotype", "Georgia", "Times New Roman", sans-serif; font-size:14px; font-weight:bold}
#blueColumn p, #blueColumn2 p, #indexColumn p {color:#ebf6fa}
#bluecolumn ul, #blueColumn2 ul {color:#ebf6fa}
.center {text-align:center;}
/* Footer*/
#footer {background: #f6f6ee url(../images/footer_bg.png) top no-repeat; border-top-left-radius:5px; border-top-right-radius:5px;-moz-border-radius:5px; /* Old Firefox */}
h3 a, h3 a:visited, h3 a:hover, h3 a:focus {color:#515151; text-decoration:none;}



/* #Media Queries
================================================== */
	/* #Base 960 Grid 
	==================================================*/
	@media all and (min-width: 960px) {
	#header {background-position:17px 30px;}
	/*menu*/
	#menu{position:absolute; right:50px;top:80px;}
	#menu li{}
	#menu ul li a {padding:3px; margin-right:5px; margin-left:7px;}
	.current-menu-item {border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px; }
	.language { position:absolute; right:50px;top:0px;}
	/* #Picture*/
	#picture {border-top-left-radius:10px; border-bottom-left-radius:10px;-moz-border-radius:10px; /* Old Firefox */ min-height:300px}
	#infoText {width: 300px; float:right; padding:50px; padding-top:40px}
	
	/*Services*/
	#services { margin-top:40px; margin-bottom:15px }
	#services h2 {padding-left:30px}
	#services p {text-align:center; font-size:16px}
	
	/*BlueColumn*/
	#blueColumn, #blueColumn2, #indexColumn, #contentColumn {padding-top:40px; padding-bottom:30px;}
	#blueColumn h2, #blueColumn2 h2, #indexColumn h1, #contentColumn h2 {padding-left:30px}
	#blueColumn h3, #blueColumn2 h3, #indexColumn h3 {margin: 0 20px 0px 40px; color:#fff; }
	#contentColumn h3 {margin: 0 20px 0px 40px; color:#515151; }
	#blueColumn p, #blueColumn2 p, #indexColumn p, #contentColumn p {margin: 0 20px 10px 40px}
	#customers {margin-right:20px;}
	.customerName {background-position:30px 0px; padding-left:75px;}
	
	/* Footer*/
	#footer {padding-top:20px; padding-bottom:20px;}
	#footer h3 {padding-left:30px}
	#footer p {margin: 0 20px 10px 30px}
	
	/*Form*/
	.form input[type="text"] {width:260px;}
	.form textarea {width:260px; min-height: 150px;}
	
	}

	/* Tablet Portrait size to standard 960 (devices and browsers) - Design for a width of 768px
	==================================================*/
	@media only screen and (min-width: 768px) and (max-width: 959px) {
	#header {background-position:17px 30px;}
	/*menu*/
	#menu{position:absolute; right:10px;top:80px;}
	#menu li{}
	#menu ul li a { padding:3px; margin-right:3px; margin-left:2px;}
	.current-menu-item {border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px; }
	.language { position:absolute; right:10px;top:0px;}
	/* #Picture*/
	#picture {background-position:-150px 0px; border-radius:5px;-moz-border-radius:5px; /* Old Firefox */ min-height:300px}
	#infoText {width: 300px; float:right; padding-right:10px; padding-top:50px}
	
	/*Services*/
	#services { margin-top:20px; margin-bottom:10px }
	#services h2 {padding-left:30px;}
	#services p {text-align:center;}
	
	/*BlueColumn*/
	#blueColumn, #blueColumn2, #indexColumn, #contentColumn {padding-top:20px; padding-bottom:10px;}
	#blueColumn h2, #blueColumn2 h2, #indexColumn h1, #contentColumn h2 {padding-left:20px; }
	#blueColumn h3, #blueColumn2 h3, #indexColumn h3 {margin: 0 20px 0px 20px; color:#fff }
	#contentColumn h3 {margin: 0 20px 0px 20px; color:#515151; }
	#blueColumn p, #blueColumn2 p, #indexColumn p, #contentColumn p {margin: 0 20px 10px 20px;}
	ol, ul.square, ul.circle, ul.disc { margin-left: 30px; }
	#customers {margin-right:20px;}
	.customerName {background-position:30px 0px; padding-left:75px;}
	
	/* Footer*/
	#footer {padding-top:20px; padding-bottom:10px;}
	#footer h3 {padding-left:20px; }
	#footer p {margin: 0 20px 10px 20px}
	
	/*Form*/
	.form input[type="text"] {width:260px;}
	.form textarea {width:260px; min-height: 150px;}
	form { padding-left:20px;   }
	
	}


	
		/* All Mobile Sizes (devices and browser) - Design for a width of 320px
	==================================================*/
	@media only screen and (max-width: 767px) {
	
	#header {background-image:url('../images/softatohtori-logo_small.png'); background-repeat:no-repeat; background-position:0px 40px;}
		/*menu*/
	#menu{position:absolute; left:0px;top:100px;}
	#menu li{}
	#menu ul li a { padding:3px; margin-right:2px; margin-left:2px; }
	.current-menu-item {border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px; }
	.language { position:absolute; left:170px;top:0px;}
	/* #Picture*/
	#picture {background-position:0px 0px; border-radius:5px;-moz-border-radius:5px; /* Old Firefox */min-height:60px; margin-top:40px}
	#infoText { float:left; padding:30px;}
	#infoText p {display:none}
	#infoText h1 {color:#fff}
	
	/*Services*/
	#services { margin-top:20px; margin-bottom:10px }
	#services h2 {padding-left:20px; }
	#services p {text-align:center;}
	#services img {width:60px;height:58px}
	
	/*BlueColumn*/
	#blueColumn, #blueColumn2, #indexColumn, #contentColumn {padding-top:20px; padding-bottom:10px;}
	#indexColumn {margin-top:40px}
	#blueColumn h2, #blueColumn2 h2, #indexColumn h1, #contentColumn h2 {padding-left:30px; }
	#blueColumn h3, #blueColumn2 h3, #indexColumn h3 {margin: 0 30px 0px 30px; color:#fff }
	#contentColumn h3 {margin: 0 30px 0px 30px; color:#515151}
	#blueColumn p, #blueColumn2 p, #indexColumn p, #contentColumn p {margin: 0 30px 10px 30px;}
	ol, ul.square, ul.circle, ul.disc { margin-left: 45px; margin-top:10px }
	#customers {margin: 0 40px 0 40px;}
	.customerName {background-position:60px 0px; padding-left:95px; margin-right:10px; margin-bottom:10px}
	.center {display:none}
	
	/* Footer*/
	#footer {padding-top:10px; padding-bottom:10px;}
	#footer h3 {padding-left:30px; padding-top:10px}
	#footer p {margin: 0 30px 10px 30px}

	
	/*Form*/
	.form input[type="text"] {width:230px;}
	.form textarea {width:230px; min-height: 80px;}
	form { padding-left:30px;  }
	
	}

	
	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) -Design for a width of 480px
	==================================================*/
	@media only screen and (min-width: 480px) and (max-width: 767px) {
		#header {background-image:url('../images/softatohtori-logo_small.png'); background-repeat:no-repeat; background-position:0px 20px;}
		.language {position:absolute; left:290px;top:0px;}
		/*menu*/
	#menu{position:absolute; left:0px;top:80px;}
	#menu li{}
	#menu ul li a { padding:1px; margin-right:3px; margin-left:2px; }
	.current-menu-item {border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px; }

	/* #Picture*/
	#picture {background-position:0px 0px; border-radius:5px;-moz-border-radius:5px; /* Old Firefox */min-height:100px; margin-top:0px}
	#infoText { float:left; padding:40px;}
	#infoText h1 {color: #fff; }
	#infoText p {display:none}
	
	/*Services*/
	#services { margin-top:20px; margin-bottom:10px }
	#services h2 {padding-left:20px; }
	#services p {text-align:center;}
	#services img {width:60px;height:58px}
	
	/*BlueColumn*/
	#blueColumn, #blueColumn2, #indexColumn, #contentColumn {padding-top:20px; padding-bottom:10px;}
	#indexColumn {margin-top:0px}
	#blueColumn h2, #blueColumn2 h2, #indexColumn h1, #contentColumn h2 {padding-left:30px;}
	#blueColumn h3, #blueColumn2 h3, #indexColumn h3 {margin: 0 30px 0px 30px; color:#fff }
	#contentColumn h3 {color:#515151}
	#blueColumn p, #blueColumn2 p, #indexColumn p, #contentColumn p {margin: 0 30px 10px 30px;}
	ol, ul.square, ul.circle, ul.disc { margin-left: 45px; margin-top:10px }
	#customers {margin: 0 40px 0 40px;}
	.customerName {background-position:60px 0px; padding-left:95px;}
	.center {display:none}
	
	/* Footer*/
	#footer {padding-top:10px; padding-bottom:10px;}
	#footer h3 {padding-left:30px; font-size:20px; padding-top:10px}
	#footer p {margin: 0 30px 10px 30px}
	
	/*Form*/
	.form input[type="text"] {width:340px;}
	.form textarea {width:340px; min-height: 80px;}
	form { padding-left:30px;  }
	
	}

*/#Font-Face
	==================================================*/
@font-face {
    font-family: 'bariol_boldbold';
    src: url('../bariol_bold-webfont.eot');
    src: url('../bariol_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../bariol_bold-webfont.woff') format('woff'),
         url('../bariol_bold-webfont.ttf') format('truetype'),
         url('../bariol_bold-webfont.svg#bariol_boldbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'bariol_regularregular';
    src: url('../bariol_regular-webfont.eot');
    src: url('../bariol_regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../bariol_regular-webfont.woff') format('woff'),
         url('../bariol_regular-webfont.ttf') format('truetype'),
         url('../bariol_regular-webfont.svg#bariol_regularregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {    
    	font-family:'Bariol Regular';
		src: url('../fonts/Bariol_Regular.otf');
		font-weight: normal;
		font-style:normal;
		}
    
@font-face {    font-family:'Bariol Bold';
		src: url('../fonts/Bariol_Bold.otf');
		font-weight: normal;
		font-style:normal;

}
		



/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */