@charset "utf-8";
/* CSS Document */

html {font-size:100%; /**height:100%; min-height:100%;**/}
body {padding: 0; margin: 0; color: rgba(0,0,0,1); font-size: 16px; font-family: Arial, Helvetica, sans-serif; line-height: 18px; text-align: center; font-weight: 400; background:url(images/clouds.jpg) left top repeat-x;}
.container, .header, .page, .underheader, .banner, .underheader, p, h5, h4, h3, h2, .logo, .infos, .tel, .col1, .col3 { margin:0; padding:0;}
.logobottom { margin:0; padding:4px 0 0 0;}
.container {vertical-align: top; max-width: 1150px; margin: 0px auto;}
.header, .page, .underheader, .banner, .underheader, .logobottom {display:block;}
.page  {margin: 26px auto; clear: both;}
.underheader {
	text-align: center;
	background-color: rgba(1,174,18,1);
	display: block;
	padding: 12px 0;
	color: #FFFFFF;
	clear: both;
	width: 100%;
	font-weight: 600;
	text-transform: uppercase;
	-webkit-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.75);
	line-height: 22px;
	font-family: 'Roboto', sans-serif;
}
p, h4, h3, h2 {	text-align: left;}
h3 {color: rgba(12,96,158,1); text-align: center; font-weight: 800; line-height: 26px; font-family: 'Roboto', sans-serif;}
h3 i {font-size:70%!important; vertical-align: middle;}
h4 {color: rgba(255,0,0,1); line-height: 20px; font-family: 'Pacifico', cursive; font-style:italic;}
h5 {color: rgba(2,170,76,1); line-height: 20px; font-family: 'Pacifico', cursive; font-style: italic; text-align: right;}
ul {margin: 0 10px 10px 23px; padding: 0; text-align: left;}
li {padding-left:10px;}
a {	color: #0D609D; text-decoration: none;}
a:hover {color: #000000;}
.tel i { font-size:90%;}
.logo {width: 30%; float: left; text-align: left; padding-left: 5%;}
.logo img {	margin-bottom: 5px; width: auto;}
.infos {width: 60%; float: left; text-align: right; font-size: 130%; padding-right: 5%; clear: right; font-weight: 600;}
.tel {clear: both; display: block; color: rgba(255,51,0,1); font-weight: 600; padding-bottom: 20px;}
.clear {clear:both!important;}
.page i.fa {display:inline; padding-right:8px;}
.page a {	color: #000000; text-decoration: none;}
.page a:hover {color: #0D609D;}
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation:portrait) {
.page  {width: 96%!important;}
.underheader {letter-spacing: 1px!important;}
.infos {padding-top: 5.5%!important;}
.col1 p, .col3 p  { padding:5px 26px 10px 26px!important;}
.col1 h4, .col3 h4 { padding:10px 26px 10px 26px!important; font-size: 150%;}
.col1 h3, .col3 h3 { padding:14px 26px 10px 26px!important;}
h5 {font-size: 110%!important;}
.infos {font-size:100%!important;}
.infos div:first-child {width:136px!important;}
}
@media (min-width:768px) {
html {background:#FFF url(images/bottom.jpg) left bottom repeat-x;}
.page  {width: 92%;}
.logo img {	max-height: 180px;}
.infos {padding-top: 3.4%;}
.underheader {letter-spacing: 3px; font-size: 140%;}
.container {margin-bottom:55px;}
.header {padding-top: 16px;}
.cell {display:none;}
.col1, .col3 {width: 49%; background: rgba(255,255,51,0.8); border-radius: 12px; padding-bottom: 20px; border: dashed rgba(12,96,158,1) 1px; position: relative;}
.col2 { width:2%;}
.col1, .col2, .col3 {display: table-cell; border-collapse: collapse;}
.col1 p, .col3 p  { padding:5px 35px 10px 35px; text-align:justify;}
.col1 h4, .col3 h4 {padding: 10px 35px 10px 35px; font-size: 140%;}
.col1 h3, .col3 h3 {padding: 20px 35px 10px 35px; font-size: 150%;}
.tel a {color: #0D609D!important;}
.tel a:hover { color:rgba(0,0,0,1)!important;}
.desdes {position: absolute; bottom: -48px; left: -103px;}
.infos div {float:right; display:inline-block;}
.infos div:first-child {border-left:dashed #0D609D 1px; padding-left:5%; width:180px;}
.infos div:last-child {padding-right:7%; width:200px;}
h5 {padding: 0px 0px 10px 0px; margin-bottom:15px; font-size: 117%;}
}
@media (max-width:767px) {
span.mobile {display:none;}
html {background:#FFF;}
.col1, .col3 {display: block; width:100%;}
.col2 {display:none;}
.col1 p, .col3 p  { padding:5px 8px 10px 8px; text-align:justify;}
.col1 h4, .col3 h4 { padding:10px 8px 10px 8px; font-size: 110%;}
.col1 h3, .col3 h3 { padding:14px 8px 10px 8px; font-size: 130%;}
.page  {width: 90%;}
.logo img {	max-height: 80px;}
.underheader {letter-spacing: 1px; font-size: 115%;}
.tel {clear:none; display:inline;}
h5 {font-size:69%; font-family:'Roboto', sans-serif;}
.desdes {display:block; margin:15px 0 0 0; padding:0;}
}
@media (max-width:767px) and (orientation:portrait) {
.logo img {	max-height: 90px;}
.infos {padding-top: 2%;}
}
@media (max-width:767px) and (orientation:landscape) {
.infos {padding-top: 1%;}
.logo img {	max-height: 93px;}
.cell {display:none;}
.underheader span.mobile {display:inline!important;}
}
@media (min-width:480px) {
.banner {height: 233px;}
h3 {font-size: 150%;}
}
@media (max-width:480px) and (orientation:landscape) {
.infos {padding-top: 3%;}
.cell {display:inline;}
.underheader span.mobile {display:none!important;}
}
@media (max-width:479px) {
.banner {height: 150px;}
h3 {font-size:150%; margin: 0px 10px 5px 10px; padding-top:15px;}
}
@media (max-width:320px) {
.underheader {font-size: 100%;}
}