/* RESET - http://cssreset.com */
html,body,div,p,a,img,ul,li,article,aside,footer,header{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}
article,aside,footer,header{display:block} 
figure{margin: 0}
h1,h2,h3,h4{margin:0;font-weight: normal;}
ul {list-style: none;}

.group:after {visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0}
img{width: 100%; height: auto}
body a{color:black;}
.green {color: #3DBA42;}
.wrapper {
	max-width: 960px;
    width: 100%;
	margin: 0 auto;
}
/*Header==============================*/
.logo{max-width: 240px;width: 90%; margin: 15px auto;}
nav{font-family: 'Lato', sans-serif;font-size:13px;}
nav ul{text-align: center;}
nav li{display: inline-block;text-align: center;vertical-align: middle;}
nav ul li a {text-decoration:none;color: #000;cursor: pointer;}
nav ul li a:hover {color:#3dba42;}

.verticalhr {
	width:20px;
	transform:rotate(90deg);
	-ms-transform:rotate(90deg);	
	-webkit-transform:rotate(90deg);
	-moz-transform:rotate(90deg);
	-o-transform:rotate(90deg;)
}
#hrbottomheader{margin: 10px 0;}

/*Content==============================*/
figure{max-width: 796px;margin: 10px auto}
.content {margin: 0 auto;max-width: 790px;text-align: justify;line-height: 20px}
h1, h2{font-family: 'Lato', sans-serif;font-size: 24px;color: #3dba42;margin: 0 10px;}
h2{font-size: 18px;padding-top: 20px}
.indent {text-indent: 50px;}
p {font-family: Arial, Helvetica, sans-serif;font-size: 13px;margin: 10px;}
.content img {float: right;margin: 12px 12px 0;max-width: 17%;}
.content ul {  
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    margin: 10px 50px;
    list-style: circle;
}
.psychoterapia-session {
    border: 1px #3dba42;
    padding: 15px;   
    border-radius: 8px;
    border-left-style: double;
    border-right-style: double;
    font-size: 14px;
    margin: 0 5px;
}
.contact{       
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    margin: 10px;
}
.contact-small{       
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    margin: 15px 10px;
}
.contact-small span{font-weight: bold}
/*Footer==============================*/
footer{margin-bottom: 10px}
#footer{max-width: 790px;margin: 0 auto;text-align: right;font-size: 10px;font-family: Arial, Helvetica, sans-serif;padding-right: 10px}

@media only screen and (min-width:720px){      
    .psychoterapia-list ul{float: left;}
    .psychoterapia-session {float: right;}
}

@media only screen and (min-width:960px){
    .logo{max-width: 352px;}
    nav{font-size: 18px;padding: 4px;}  
    nav ul li a {margin: 35px;}
    .verticalhr {width: 30px}      
}