* { margin: 0; padding: 0; outline: 0; }

body {  font-family: trebuc, Arial, sans-serif; -webkit-background-size: cover;-moz-background-size: cover; -o-background-size: cover; background-size: cover;}

strong {  font-family: trebucbold, Arial, sans-serif;}

#contentcontainer {width:100%; margin: 0 auto; position:relative; float:none; padding-top:0px;}

::selection { background-color: rgba(153,153,153,0.5); }

::-moz-selection { background-color: rgba(153,153,153,0.5); }

a {text-decoration: none;}

section { margin-bottom: 0px; float: left; }

#headercontainer2{ width:100%; padding:0; background:#1a4548;
-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75);
box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75); z-index:1000;}

#headercontainer2 div.logo{ width:18%; padding:5px 1%; float:left; text-align:center;}

#headercontainer2 div.logo img{ width:auto; height:100px; }

#Agrem { width:90%; padding:30px 10%;}

#Agrem div.txtC{width:29%; padding:1% 2%; float:left; text-align:left;}

#Agrem div.txtM{width:46%; padding:1% 2%; float:left; text-align:left;}

#Agrem div.txtD{width:96%; padding:1% 2%; float:left; text-align:left;}

#Agrem h2{ font-size:40px; text-align:center; width:98%; padding:1% 1%; margin:2% 0; color:#fff; background:#1a4548; float:left;}

#Agrem div.txtM p, div.txtD p, div.txtC p{ font-size: 24px; text-align:justify; width:96%; padding:0 2%; color:#000; float:left;}

#Agrem div.txtM span, div.txtD span, div.txtC span{ font-size: 18px; color:#f00;}

#Agrem input[type=text], input[type=password], input[type=file], textarea, select{ background:#fff; border: 5px solid #d49f3e; padding: 10px; color: #000; font-size: 20px; -webkit-border-radius: 5px; margin: 10px 0;  }

#Agrem textarea {  height: 100px; font-size: 20px;font-family: trebuc, Arial, sans-serif;}

#Agrem input[type=text]:hover, input[type=password]:hover, input[type=file]:hover, textarea:hover, select:hover { border: 5px solid #f90; }

#Agrem input[type=text]:focus, input[type=password]:focus, input[type=file]:focus, textarea:focus, select:focus { border: 5px solid #1a4548; }

#Agrem input[type="radio"] { display:none;}

#Agrem input[type="radio"] + label span {
    display:inline-block;
    width:20px;
    height:20px;
    margin:0 4px 2px 0;
    vertical-align:middle;
    background:url(../images/radiocss.png) left top no-repeat;
    cursor:pointer;
}

#Agrem input[type="radio"]:checked + label span {background:url(../images/radiocss.png) right top no-repeat;}

#Agrem .tl{ width:90%;}

#Agrem .tl2{ width:100%;}

#Agrem .tc{ width:25%; margin-right:5%; float:left;}

#Agrem .tc2{ width:55%; float:right; margin:0;}

#Agrem textarea {  height: 100px; }

#Agrem input[type="submit"] {  width: 20%; padding:1%; margin:0 35%; font-size: 24px; border:0; background:#1a4548; text-align:center; color:#fff; float:left; }

#Agrem input[type="submit"]:hover { background:#d49f3e;}

#Agrem input[type="submit"]:active { background:#fc0;}

@media all and (max-width: 1024px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
	#Agrem .tc{ width:25%; margin-right:2%; float:left;}
	#Agrem .tc2{ width:50%; float:right; margin:0;}
}

@media all and (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 768px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 768px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 768px), only screen and (min-device-pixel-ratio: 2) and (max-width: 768px), only screen and (min-resolution: 192dpi) and (max-width: 768px), only screen and (min-resolution: 2dppx) and (max-width: 768px) {
	#Agrem { width:90%; padding:20px 5%;}
	#Agrem div.txtC{width:46%; padding: 1% 2%; float:left; height:110px;}
	
	#Agrem h2{ font-size:20px;}
	#Agrem div.txtM p, div.txtD p, div.txtC p{ font-size: 16px; text-align:left;}
	#Agrem .tc{ width:20%; }
	#Agrem .tc2{ width:50%;}
}

@media all and (max-width: 479px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 479px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 479px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 479px), only screen and (min-device-pixel-ratio: 2) and (max-width: 479px), only screen and (min-resolution: 192dpi) and (max-width: 479px), only screen and (min-resolution: 2dppx) and (max-width: 479px) {
	#Agrem div.txtC{width:96%; padding:2%; float:left; text-align:left; height:auto;}
	#Agrem div.txtM{width:96%; padding:2%; float:left; text-align:left;}
	#Agrem div.txtD{width:96%; padding:2%; float:left; text-align:left;}
	
	#Agrem h2{ font-size:30px;}
	#Agrem div.txtM p, div.txtD p, div.txtC p{ font-size: 20px; text-align:left;}
	#Agrem div.txtD textarea{width:90%;}
	#Agrem input[type="submit"] {  width: 90%; padding:3% 2%; margin:0 5%; 
}