@charset "UTF-8";

@import 'css/reset.css';
@import 'css/grid.css';


/*
 * #-------------------- Basic HTML --------------------#
 */
body,
input,
textarea,
select,
label { font:normal normal normal 100%/1.2 'Ubuntu', Arial, Helvetica, sans-serif; color:#333 } /* declaração única font: style variant weight size/line-height font-family */

body { background: #00aad2 url(img/background.jpg) no-repeat center top fixed; background-size:cover; }


/*
 * #-------------------- General --------------------#
 */
.opacity { filter:alpha(opacity=70); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; opacity:0.7; -moz-opacity:0.7; -webkit-opacity:0.7 }
.shadow { box-shadow:1px 2px 5px 1px #EEE; -moz-box-shadow:1px 2px 5px 1px #EEE; -webkit-box-shadow:1px 2px 5px 1px #EEE }
.radius { border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px }
.transition{transition:all linear 0.2s; -webkit-transition:all linear 0.2s; -moz-transition:all linear 0.2s; -o-transition:all linear 0.2s;}


/*
 * #-------------------- Content --------------------#
 */
.content {}
	/* Margin */
	.content p,
	.content h1,
	.content h2,
	.content h3,
	.content h4,
	.content h5,
	.content h6,
	.content ol,
	.content ul,
	.content li,
	.content table,
	.content fieldset,
	.content article { margin:5px 0 15px 0; }
	/* Elements */
	.content h1 {}
	.content h2 {}
	.content h3 {}
	.content h4,
	.content h5,
	.content h6 {}
	.content p { text-align:left; }
	.content small { font-size:80%; }
	/* Links */
	.content a {}
	.content a:hover {}



/*
 * #-------------------- Header --------------------#
 */
header { position:relative; z-index:999; padding: 30px 0 0; }
header .logo { overflow:hidden; max-width: 140px;
	-webkit-box-shadow: 0 0px 10px rgba(0,0,0,0.4); box-shadow: 0 0px 10px rgba(0,0,0,0.4);
	-webkit-border-radius: 50%; border-radius: 50%;
}
header .logo h1 { display: none; }

/*
 * #-------------------- Middle --------------------#
 */
section.main_content { width:100%; height:auto; position:relative; }
section.main_content .myLinks { position:relative; margin: 75px 0; }
section.main_content .myLinks ul { }
section.main_content .myLinks ul li { width: 100%; height:auto; position:relative; margin: 1.5% 0; display:inline-block; *display:inline; *zoom: 1; vertical-align:middle; text-align: center; }
section.main_content .myLinks ul li a small { font-size: 75%; }
section.main_content .myLinks ul li a img { margin-right: 5px; }
/** mylinks2 **/
section.main_content .myLinks2 {  }
section.main_content .myLinks2 ul { height: auto;position: relative; margin: 20px auto; text-align: center;}
section.main_content .myLinks2 ul li { height: auto;position: relative;padding: 5px; display: inline-block; *display: inline; *zoom: 1;vertical-align: top;text-align: center;margin-left: -4px;}
section.main_content .myLinks2 ul li a img { clear: both; display: inline-block; *display: inline; *zoom: 1; position: relative; margin-bottom: 5px; }
section.main_content .myLinks2 ul li a {color: #fff;font-size: 16px;font-size: 0.875em;font-weight: 600;text-align: center;text-shadow: 0 1px 2px rgba(0,0,0,0.5);text-align: center;display: block;padding: 1em;-webkit-border-radius:5px;border-radius:5px;-webkit-transition: all linear 0.25s;transition: all linear 0.25s;background-color: rgba(0,0,0,0.3); }
section.main_content .myLinks2 ul li a:hover { background-color: rgba(245,30,40,0.85); }

@media screen and (min-width: 860px){
	section.main_content .myLinks2 ul { max-width: 600px; }
	section.main_content .myLinks2 ul li { width: 33%; }
	section.main_content .myLinks2 ul li a { min-height: 95px;  }
}
@media screen and (max-width: 600px){
	section.main_content .myLinks2 { padding: 0 2em;  }
	section.main_content .myLinks2 ul li { width: 50%; }
	section.main_content .myLinks2 ul li a { min-height: 110px; }
}

@media screen and (max-width: 480px){
	section.main_content .myLinks2 ul li { width: 100%; }
	section.main_content .myLinks2 ul li a { min-height: auto; }
}

/** buttons **/
*[class*="btn-"] { max-width: 380px; width: 100%; padding: 20px 15px; text-align: left; font-size: 1.2em; line-height: 1; color:#fff; text-shadow: 0 1px 1px rgba(0,0,0,0.3); border: 1px solid transparent; border-bottom-width: 3px;
	-webkit-border-radius:5px; border-radius:7px;
	-webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.45); box-shadow: 0 1px 4px rgba(0,0,0,0.45);
}

.btn-yellow { border-color: #c28d09; background-image: linear-gradient(to bottom, #f3c10a, #eca500); }
.btn-green { border-color: #256E00; background-image: linear-gradient(to bottom, #8ccf05, #339701); }
.btn-blue { border-color: #003568; background-image: linear-gradient(to bottom, #0079c4, #0054a4); }
.btn-red { border-color: #960006; background-image: linear-gradient(to bottom, #ff262e, #b30007); }


/*
 * #-------------------- Footer --------------------#
 */
footer { position:relative; left: 0; right: 0; bottom: 0; }
footer .copyright { padding:20px; position:relative; }
footer .copyright  p { color:#fff; font-size: 1em; text-shadow: 0 2px 7px rgba(0,0,0,1);  }

@media screen and (min-width: 860px){
	footer { position: absolute; }
}

/*
 * #-------------------- Print --------------------#
 */
@media print {
	header,
	footer { display:none }
}