@charset "utf-8";
/* CSS Document */



/****************************************************/
/*************   FONTES   ********************/
/****************************************************/

h1,h2,h3,h4,h5,h6{ font-weight:200;}
.font1{
	font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	color:#2755B3;
	font-weight:100; text-align:left;
}

.font1 a{ 
	text-decoration:none; 
	color:#2755B3;
	padding:2px;
}

.font1 a:hover{ color:#144BBB; background:#C6D2E9;
}

.font1 p{ margin-bottom: 0.5px;
}

.font1_just{
	font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	color:#2755B3;
	font-weight:100;
	text-align-last:justify;	
}
	
.font1_a{
	font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	font-size:12px;
	color:#2755B3;
	font-weight:100;
}
	
	
.font2{
	font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	color:#2755B3;
	font-weight:100;
	text-align:center;
}

.font3{
	font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	color:#0061A5;
	font-weight:100;
	text-align:center;
	font-size:22px;
	background:rgba(200,232,255,1.00);
	padding:2px;
}
.font4{ font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif; color:#BF0003; font-weight:100;}
	
/****************************************************/

/****************************************************/
/*************   IMAGENS   ********************/
/****************************************************/



.imagem_op:hover {	
    opacity: 0.8;
    filter: alpha(opacity=80);   
}
  
 




/****************************************************/



body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

#linha_superior{
	background:#2755B3;
	margin:0 auto;
	width:100%;
}

#main{	
	width:100%;
	background:#FFFFFF;
	margin:0 auto;	
}

#content{	
	width:80%;
	background:#fff;
	margin:0 auto;
	margin-bottom:10px;	
}

#palco{	
	width:78%;
	background:#FFFFFF;
	float:left;	

}

#sidebar{	
	width:18%;
	padding:1%;
	background:#FFFFFF;
	float:right;
	background:#C8EBFF;	
}

#logo{
	width:350px;
	float:left;
	margin-left:25px;
	margin-top:15px;
	margin-bottom:15px;
	background:#FFFFFF;
}

#contato{
	width:300px;
	float:right;
	text-align:right;
	margin-right:15px;
}
	
#div_menu{	
	width:85%;
	background:#9470AF;
	margin:0 auto;	
}

#bloco_1{
	background:#FFFFFF;	
	width:99%;	
	margin-left:0.8%;
	margin-left:0.8%;
	margin-top:5PX;
	float:left;
}

#bloco_2{	
	width:46%;	
	margin-left:0.8%;
	margin-left:0.8%;
	margin-top:5PX;
	float:left;
	margin:0 auto;
	padding:5px;	
}

#bloco_3{	
	width:30%;	
	margin-left:0.8%;
	margin-left:0.8%;
	margin-top:5PX;
	float:left;
	padding:8px;	
}


	
	#bloco_4{	
	width:22%;	
	margin-left:0.8%;
	margin-left:0.8%;
	margin-top:5PX;
	float:left;
	padding:0.8%;		
}

#topo_convite{	
	width:99%;
	background:#F5F5F5;
	margin-left:0.8%;
	margin-left:0.8%;
	margin-top:5PX;
	float:left;
	
}

#convites{
	width: 21.5%;	
	margin-left: 0.8%;
	margin-right:0.8%;
	margin-top: 2px;
	margin-bottom: 2px;
	float: left;
	padding: 0.8%;
	border: solid 1px #99BDD1;
	border-radius: 9px;	
	text-align:center;
	
}

#foto_convite{
	width:98%;
	min-height:170px;
	
	margin: 0 auto;
	
	
}



/****************************************************/
/*************   MENU1   ********************/
/****************************************************/


#menu1{
	width:100%;
	margin:0 auto;
	text-align:center;
}

#menu1 ul {
	padding:0px;
	margin:0px;
	background-color:#E5EDFD;
	list-style:none;
}

#menu1 ul li { display: inline; }

#menu1 ul li a {
	padding: 2px 10px;
	display: inline-block;
 
	/* visual do link */
	background-color:#E5EDFD;
	color: #2755B3;
	text-decoration: none;
	border-bottom:3px solid #E5EDFD;
}

#menu1 ul li a:hover {
	background-color:#A9C2F4;
	color: #2755B3;
	border-bottom:3px solid #2755B3;
}

/****************************************************/





#cabecalho{	
	width:100%;
	background:#fff;
	margin:0 auto; border-bottom:#007CD4 solid 6px;
}
	
#footer{
	width:100%;
	background:#42A8F1;border-top:solid #0653AF 4px; margin-top:30px;}
	
#footer1{
	width:85%;
	text-align:center;
	margin:0 auto;
	padding:5px;
	background:#F6F9FF;
	
	}

	
#clear{
	clear:both;}	

#formcont{
	width:47%;
	margin-left:1%;
	margin-right:1%;
	float:left;	
}

.fixed { text-align: center; background:#fff; padding:10px; position: fixed; top:40%; left:3px;  border: 2px #C8CCD0 solid; border-radius: 8px; z-index: 500;
-webkit-box-shadow: 5px 7px 5px rgba(50, 50, 50, 0.33);
-moz-box-shadow:    5px 7px 5px rgba(50, 50, 50, 0.33);
box-shadow:         5px 7px 5px rgba(50, 50, 50, 0.33);
}

.fixed img{ width: 40px; padding-right: 2px; padding-bottom: 2px; padding-top: 2px; margin: 1px 0px;}
.fixed .img1:hover{ opacity: 0.8;}



/****************************************************/
/*************   MÉDIA QUERIES   ********************/
/****************************************************/

@media (min-width:1px) and (max-width:320px){
	#content{ width:100%; text-align:center;}
	#logo{ width: 95%; margin:0 auto; text-align:center; float:none;}
	#contato{width: 95%; margin:0 auto; text-align:center; float:none;}
	#bloco_4{width: 94%;border: #2978A4 solid 1px;border-radius:8px;float:none;border-radius: 8px; margin-top:6px; text-align:center; }
	.font1{ text-align: center;}
	#convites{ width:95%; float:none; margin:0 auto; margin-top:3px; margin-left:0px;}
	#footer1{width:100%; }
	#bloco_3{ width:90%; float:none; margin:0 auto; border: #2978A4 solid 1px; border-radius:8px; margin-top:8px; margin-left:15px; }
	#formcont{ width:97%; border: #2978A4 solid 1px; border-radius:8px;}
	#sidebar{ float:none; margin:0 auto; width:95%;}
	#bloco_1{ width: 100%; margin: 0 auto;}
	#palco{ width:100%;}
	#foto_convite{max-height:600px;}
}


@media (min-width:321px) and (max-width:480px){
	#content{ width:100%; text-align:center;}
	#logo{ width: 95%; margin:0 auto; text-align:center; float:none; }
	#contato{width: 95%; margin:0 auto; text-align:center; float:none;  }
	#bloco_4{width: 94%;border: #56A0C9 solid 1px;border-radius:8px;float: none;border-radius: 8px; margin-top:6px;}
	#convites{ width:95%; float:none; margin:0 auto; margin-top:3px;}
	#footer1{width:100%; margin:0 auto; margin-left:0px;}
	#bloco_3{ width:88%; float:none; margin:0 auto; border: #2978A4 solid 1px; border-radius:8px; margin-top:8px; margin-left:15px; }
	#formcont{ width:97%; border: #2978A4 solid 1px; border-radius:8px;}
	#sidebar{ float:none; margin:0 auto; width:95%;}
	#bloco_1{ width: 100%; margin: 0 auto; }
	#palco{ width:100%;}
	#foto_convite{min-height:280px;}
}


@media (min-width:481px) and (max-width:780px){
	#content{ width:100%; text-align:center; }
	#logo{ width: 40%;	}
	#contato{ width: 40%; }	
	#bloco_4{width: 46%;border: #2978A4 solid 1px;border-radius:8px; float:left; border-radius: 8px; margin:2px;}
	#convites{ width:46%; float:left; margin-top:3px;}
	#footer1{width:100%;}
	#bloco_3{ width:90%; float:none; margin:0 auto; border: #2978A4 solid 1px; border-radius:8px; margin-top:8px; margin-left:15px; }
	#formcont{ width:97%;}
	#sidebar{ float:none; margin:0 auto; width:95%;}
	#bloco_1{ width: 100%; margin: 0 auto; }
	#palco{ width:100%;}
	#foto_convite{max-height:800px;}
}

@media (min-width:781px) and (max-width:980px){
	#content{ width:100%; text-align:center;}
	#footer1{width:100%;}
	#convites{ width:29%; float:left; margin-top:3px;}
	#bloco_1{ width: 100%; margin: 0 auto;  }
	#palco{ width:100%; background:#541E12;}
	
	
}

@media (min-width:981px) and (max-width:1080px){
	#content{ width:100%; text-align:center;}
	#footer1{width:100%;}
	#convites{ width:29%; float:left; margin-top:3px; }
	#bloco_1{ width: 100%; margin: 0 auto;  }
	#palco{ width:78%; }
	
	
}