@font-face {
    font-family: 'calibriReg';
	src: local('calibriReg'), url('fonts/calibri/Calibri.eot') format('embedded-opentype'), url('fonts/calibri/Calibri.woff') format('woff'), url('fonts/calibri/Calibri.ttf') format('truetype'), url('fonts/calibri/Calibri.svg') format('svg');	
}

@font-face {
    font-family: 'calibriItalic';
	src: local('calibriItalic'), url('fonts/calibri/Calibri-Italic.eot') format('embedded-opentype'), url('fonts/calibri/Calibri-Italic.woff') format('woff'), url('fonts/calibri/Calibri Italic.ttf') format('truetype'), url('fonts/calibri/Calibri-Italic.svg') format('svg');	
	font-style : italic;
}

@font-face {
    font-family: 'calibriBold';
	src: local('calibriBold'), url('fonts/calibri/Calibri-Bold.eot') format('embedded-opentype'), url('fonts/calibri/Calibri-Bold.woff') format('woff'), url('fonts/calibri/Calibri Bold.ttf') format('truetype'), url('fonts/calibri/Calibri-Bold.svg') format('svg');	
	font-weight : bold;
}

@font-face {
    font-family: 'calibriBoldIt';
	src: local('calibriBoldIt'), url('fonts/calibri/Calibri-BoldItalic.eot') format('embedded-opentype'), url('fonts/calibri/Calibri-BoldItalic.woff') format('woff'), url('fonts/calibri/Calibri Bold Italic.ttf') format('truetype'), url('fonts/calibri/Calibri-Bold-Italic.svg') format('svg');	
	font-weight : bold;
	font-style : italic;
}

@font-face {
    font-family: 'calistoReg';
    src: url('fonts/calisto/CALIST.TTF');
}

@font-face {
    font-family: 'calistoItalic';
    src: url('fonts/calisto/CALISTI.TTF');
	font-style : italic;
}

@font-face {
    font-family: 'calistoBold';
    src: url('fonts/calisto/CALISTB.TTF');
	font-weight : bold;
}

@font-face {
    font-family: 'calistoBoldIt';
    src: url('fonts/calisto/CALISTBI.TTF');
	font-weight : bold;
	font-style : italic;
}

html, body {
  overflow-x: hidden;
}

.content{
	font-size : 12pt;
	font-family : "Calibri", "calibriReg" !important;
	color : #000;
	min-height : 400px;
	padding-left : 20px;
	padding-right : 20px;
	margin-right: auto;
	margin-left: auto;
}

footer{
	background: url('img/bg-footer.jpg') center repeat-x;
    background-size: auto 100%;
	min-height : 50px;
	width : 100%;
	color : #fff !important;
}

img{
	max-width : 100%;
}

.icon{
	margin : 10px;
}

.telp{
	padding : 10px;
	padding-top : 15px;
	font-size : 17px;
	font-family : "Calibri", "calibriBold" !important;
	font-weight : bold;
	
}

.container {
	padding-right : 0px;
	padding-left : 0px;
}
	

header{
	background: url('img/bg-header.jpg') center repeat-x;
    background-size: auto 100%;
	min-height : 50px;
	width : 100%;
	color : #fff;
}

.water-drop{
	float : right;
	width : 80%;
}

.title{
	color : #37419A;
	font-size : 28pt;
	font-family : "calistoBold" !important;
	padding : 0px;
}

.subtitle{
	color : #FFF;
	font-size : 18pt;
	font-family : "calistoBoldIt" !important;
	padding : 0px;
}


/* MENU */

.select-menu {
	width : 95%;
	height	: 34px;
	padding : 6px 12px;
	font-size	: 14px;
	line-height	: 1.42857143;
	color	: #fff;
	background-color : #77A2CE;
	border : 1px solid #ccc;
	border-radius : 4px;
	margin-top	: 10px;
	font-family : "Calibri", "calibriReg" !important;
	font-size : 12pt;
}

.select-menu option{
	background-color : #77A2CE;
}

@media (min-width: 769px) {
	.select-menu{ 
		 display	: none; 
	} 
}

@media (max-width: 768px) {
	.menu{
		display	: none !important;
	}
	.main-menu{
		background-color : transparent !important;
	}
	
}

.navbar-nav > li > a{
	font-family : "Calibri", "calibriReg" !important;
	font-size : 12pt;
	color : #fff;
	text-transform : uppercase;	
}

.navbar-nav > li > a:hover{
	color : #000;
}

.navbar-nav{
	float : none;
	display : inline-block;
	vertical-align: bottom;
}

.nav > li > a{
	padding : 10px 20px;

}

ul.nav li.dropdown:hover > ul.dropdown-menu {
    display: block;    
	background-color : #77A2CE;
}

.main-menu{
	background-color : #77A2CE;
}

.sub-menu{
	background-color : #77A2CE;
}

.dropdown-menu > li > a{
	font-family : "Calibri", "calibriReg" !important;
	font-size : 12pt;
	color : #fff;
	text-transform : capitalize;	
}

@media (min-width: 768px) {
	.content {
		width: 699px;
	}
}

@media (min-width: 992px) {
	.content {
		width: 925px;
	}

}

@media (min-width: 1200px) {
	.content {
		width: 1170px;
	}
}

/* HEADER */

@media (min-width: 2500px) {
	.title {
		font-size : 40pt;
		margin : 0px;
		margin-top : 10px;
	}
	.subtitle{ 
		font-size : 30pt;
		margin : 0px;
		margin-top : 5px;
		margin-bottom : 15px;
	}
	.water-drop{
		width : 60%;
		margin-top : 3px;
	}
	.col-left-header{
		width : 90%;
		padding-right : 0px;
	}
	.col-right-header{
		width : 10%;
	}			
}


@media (max-width: 2500px) {
	.title {
		font-size : 30pt;
		margin : 0px;
		margin-top : 10px;
	}
	.subtitle{ 
		font-size : 20pt;
		margin : 0px;
		margin-top : 5px;
		margin-bottom : 15px;
	}
	.water-drop{
		width : 70%;
		margin-top : 3px;
	}
	.col-left-header{
		width : 90%;
		padding-right : 0px;
	}
	.col-right-header{
		width : 10%;
	}			
}

@media (max-width: 1400px) {
	.title {
		font-size : 28pt;
		margin : 0px;
		margin-top : 3px;
	}
	.subtitle{ 
		font-size : 18pt;
		margin : 0px;
		margin-top : 5px;
		margin-bottom : 15px;
	}
	.water-drop{
		width : 70%;
		margin-top : 3px;
	}
	.col-left-header{
		width : 90%;
		padding-right : 0px;
	}
	.col-right-header{
		width : 10%;
	}			
}


@media (max-width: 1000px) {
	.title {
		font-size : 28pt;
		margin : 0px;
		margin-top : 3px;
	}
	.subtitle{ 
		font-size : 18pt;
		margin : 0px;
		margin-top : 5px;
		margin-bottom : 15px;
	}
	.water-drop{
		width : 70%;
		margin-top : 3px;
	}
	.col-left-header{
		width : 87%;
		padding-right : 0px;
	}
	.col-right-header{
		width : 13%;
	}			
}

@media (max-width: 800px) {
	.title {
		font-size : 28px;
		margin : 0px;
		margin-top : 3px;
	}
	.subtitle{ 
		font-size : 17px;
		margin : 0px;
		margin-top : 5px;
		margin-bottom : 15px;
	}
	.water-drop{
		width : 70%;
		margin-top : 3px;
	}
	.col-left-header{
		width : 87%;
		padding-right : 0px;
	}
	.col-right-header{
		width : 13%;
	}			
}


@media (max-width: 600px) {
	.title {
		font-size : 25px;
		margin : 0px;
		margin-top : 3px;
	}
	.subtitle{ 
		font-size : 16px;
		margin : 0px;
		margin-top : 5px;
		margin-bottom : 5px;
	}
	.water-drop{
		width : 80%;
		margin-top : 3px;
	}
	.col-left-header{
		width : 87%;
		padding-right : 0px;
	}
	.col-right-header{
		width : 13%;
	}			
}

@media (max-width: 500px) {
	.title {
		font-size : 20px;
		margin : 0px;
		margin-top : 3px;
	}
	.subtitle{ 
		font-size : 13px;
		margin : 0px;
		margin-top : 5px;
	}
	.water-drop{
		width : 70%;
		margin-top : 5px;
		margin-bottom : 5px;
	}
	.col-left-header{
		width : 85%;
		padding-right : 0px;
	}
	.col-right-header{
		width : 15%;
	}			
}

@media (max-width: 400px) {
	.title {
		font-size : 20px;
		margin : 0px;
		margin-top : 3px;
	}
	.subtitle{ 
		font-size : 13px;
		margin : 0px;
		margin-top : 5px;
		margin-bottom : 5px;
	}
	.water-drop{
		width : 100%;
		margin-top : 5px;
	}
	.col-left-header{
		width : 85%;
		padding-right : 0px;
	}
	.col-right-header{
		width : 15%;
	}		
}

@media (max-width: 350px) {
	.title {
		font-size : 18px;
		margin : 0px;
		margin-top : 3px;
	}
	.subtitle{ 
		font-size : 12px;
		margin : 0px;
		margin-top : 5px;
	}
	.water-drop{
		width : 100%;
		margin-top : 5px;
	}
	.col-left-header{
		width : 85%;
		padding-right : 0px;
	}
	.col-right-header{
		width : 15%;
	}		
}

@media (max-width: 300px) {
	.title {
		font-size : 18px;
		margin : 0px;
		margin-top : 3px;
	}
	.subtitle{ 
		font-size : 12px;
		margin : 0px;
		margin-top : 5px;
	}
	.water-drop{
		width : 100%;
		margin-top : 10px;
	}
	.col-left-header{
		width : 85%;
		padding-right : 0px;
	}
	.col-right-header{
		width : 15%;
	}	
}

.space {
	height : 20px;
}