/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1.2;
    background-color: white;
    color: #757474;
    }
    
html,body,h1,h2,h3,h4,h5,h6, {font-family: "Roboto", sans-serif}
    
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
	
table {
	border-collapse: collapse;
	border-spacing: 0;	
}

.clearfix:after {
  content: "";
  clear:both;
  display:table;
}

/** end **/

img {
	max-width: 100%;
}

/* ------------- LOGO ---------------- */
#textform p {	
	margin-top:10px;
	margin-bottom:20px;    	
	}
    
.form-marg {margin-left:20%; margin-right:20%}   
 

/* -------- ADVERT -------------*/

#advert {
	margin:10px auto;
	width: 90%;	
	height:auto;
	border-style: dotted ;
    border-bottom: thin dotted #999;
    letter-spacing:0.06em;	
}

#advert p {
	padding:5px;	
	color: #757474;	
	line-height:20px;
	font-size:15px;
    }
    
#advert a {
	text-decoration: none;
	color: #8c0000;
	font-size:17px;
	font-weight:500;
	letter-spacing:0.04em;
    font-family: "Roboto", sans-serif
	}

#advert h4 {
text-align:left;
color:#154f85;
letter-spacing:1.2px;
margin-bottom:-5px;
font-size:18px;
} 
    
#advert ul{	
	width: 100%;	
	margin: 0px auto;
}

#advert li{
	text-align: left;	
	color: #154f85;		
	display:inline;	
	padding-left: 0px;	
	padding-right: 20px;	
	line-height:10px;
    font-family: "Roboto", sans-serif	
	}    
    
.photo {			
	float: left;
	max-width:150px;		
	margin-bottom:-5px;
	text-align:center;
	 }

/*------ ADVERT END ------*/

/*------ LISING ------*/

 #adf {
	margin:20px auto;
	width: 100%;	
	height:auto;  
	color:#757474;	
	}
	
#adf h4 {
	color:#8c0000;	
    height:50px;}   
    
/* -----------TEXT LISTING ------*/
#listext {
	margin: 0px auto;
	width: 100%;
	height:auto;
	border-style: dotted ;
    border-bottom: thin dotted #999;
	letter-spacing:0.04em;
	font-family: 'Quicksand', sans-serif;
}
#listext h2 {
	font-size:15px;
    letter-spacing:0.07em;    
	color: #757474;
    }

#listext p {
	padding: 0px 5px 5px 0px;
	color: #757474;
	font-size:14px;
}

#listext a {
	text-decoration: none;
    font-size:15px;
	color: #660000;
    font-weight: bold;
	}
/* Responsive layout - when the screen is less than 600px wide, make the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
   .form-marg {margin-left:5px; margin-right:5px} 
 }

@media screen and (max-width: 900px) and (min-width:601px){ 
  .form-marg {margin-left:15px; margin-right:15px} 
 } 
 
/*-- FOOTER --*/

footer{
	box-shadow: 5px 5px 25px #708090;
	background-color: #154f85;
	font-size:12px;
	padding:25px 0px 25px 0px;	 	
	width: 100%;
	text-align:center;
	margin-top:50px;
	}	
	
footer p {		
		text-align:center;
		color:white;
	}
	

@media (max-width: 480px) {
.photo {			
	float: none;	
	text-align:center;
}

#advert h2 {text-align:center; }
}

ul{	
	
	text-align:center;
}
li {
	padding-right:0px;
	}
}