@import url(http://fonts.googleapis.com/css?family=Droid+Serif);

@import url(http://fonts.googleapis.com/css?family=Droid+Sans);

body {

    font-family: 'Droid Sans', Helvetica, Arial, sans-serif;

    color: #444444;

    line-height: 20px;

    font-size: 1.5em;

    background-color: #eee;

    /*



	background-image: 

		linear-gradient(to bottom, transparent 50px, white 50px, #d6d6d6)		,		

		repeating-linear-gradient(#303030, #303030 12px, #2a2a2a 12px, #2a2a2a 24px);

	padding-top: 21px;



    background-image: linear-gradient(to bottom, black 25px, white, transparent 12px);

    padding-top: 12px;*/

}



h1 {

    font-family: 'Droid Serif', Georgia, Times, serif;

    line-height: normal;

    font-weight: normal;

    margin: 0;

    text-align: center;

    margin-bottom: 10px;

    color: #4285A0;

    font-size: 50px;

    text-shadow: -1px -1px 0 black, 1px 1px 0 white;

}



p {

    margin: 20px 0;

}



#logo {

    text-align: center;

    margin: 0;

}



body>header {

    color: #9b9b9b;

    background-color: #222222;

}



body>footer {

    /* 

	padding-bottom: 20px; 

	*/

    color: #9b9b9b;

    background-color: #222222;

}



#content {

    margin: 40px 0;

}





/* In�cio - Menu especial */



li li a:hover {

    text-decoration: none;

}



li {

    width: 100%;

    margin: auto;

    /* background-color:#f2f2f2; */

    border-radius: 16px;

    text-decoration: none;

    font-size: xx-large;

    padding-bottom: 1%;

    padding-top: 1%;

    padding-left: 1%;

    margin-bottom: 5px;

    list-style: none;

}





/*li

:hover {

		color: #000;

		background-color: #d9d9d9;

	}

	*/





/* Responsivo */



.row {

    margin: 0 auto;

    padding: 0 20px;

    width: auto;

    margin-top: 1%;

}



.row::after {

    content: "";

    display: table;

    clear: both;

}



.column {

    float: left;

    width: 100%;

}



.full {

    max-width: 100%;

}



.only-mobile {

    display: block

}



.no-mobile {

    display: none

}



@media (min-width: 768px) {

    .row {

        width: 710px;

    }

    .column {

        margin-left: 6%;

    }

    .column.ocuppies_2_of_2 {

        width: 100%;

    }

    .column.ocuppies_1_of_2 {

        width: 47%;

    }

    .row>.column:first-child {

        margin-left: 0;

    }

    .only-mobile {

        display: none;

    }

    .no-mobile {

        display: block;

    }

    h1 {

        font-size: 60px;

    }

    h3 {

        font-size: 32px;

    }

    h1#logo img {

        margin-top: 12px;

        width: 230px;

    }

    ul.image-list {

        padding: 0;

    }

    ul.image-list li {

        text-align: center;

        list-style: none;

    }

    ul.image-list img {

        width: 50%;

        margin: 20px;

    }

}



@media (min-width: 992px) {

    .row {

        width: 942px;

    }

    h1#logo img {

        margin-top: 0;

        width: auto;

    }

}



.PeAbox {

    /* margin: 10px 10px 10px 10px; */

    padding: 5px;

    width: 100%;

    text-align: center;

    border: solid;

    border-radius: 25px;

    font-size: 20px;

    font-weight: bolder;

    background-color: #ffc;

}



#rodape {

    width: 100%;

    height: 34px;

    background-color: black;

    /* float: left;*/

    text-align: center;

    padding-top: 10px;

    margin: auto;

}



#rodape ul {

    padding: 0;

    margin: auto;

}



#rodape li {

    display: inline;

    list-style-type: none;

    padding-left: 10px;

    padding-right: 10px;

    font-size: 1em;

    /* background-color: #d9d9d9; */

    padding-top: 0;

    padding-bottom: 0;

}



#rodape a {

    color: #0fa2ff;

}



a,

a:link,

a:visited,

a:focus,

a:active {

    color: black;

    text-decoration: none;

    cursor: pointer

}



a:hover {

    color: green;

    font-weight: bold;

}