html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, menu, nav, section, menu, time, mark, audio, video, source {margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; }
bod {line-height:1;}
article, aside, dialog, figure, footer, header, hgroup, menu, nav, section, menu { display:block;}
nav ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:'';content:none;}
ins {background-color:#ff9;text-decoration:none;}
mark {background-color:#ff9;font-style:italic;font-weight:bold;}
del {text-decoration: line-through;}
abbr[title], dfn[title] {border-bottom:1px dotted #000;cursor:help;}
table {border-collapse:collapse; border-spacing:0;}/* tables still need 'cellspacing="0"' in the markup */
hr {display:block;height:1px; border:0;margin:1em 0; padding:0; background:url(../gfx/hr.png) repeat-x}
input, select {vertical-align:middle;}

/* _____FIM DO RESET____ */


html {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif
	}
	
	
body {  
    scrollbar-face-color: #999;  
    scrollbar-shadow-color: #eaeaea;  
    scrollbar-highlight-color:#7D7E94;  
    scrollbar-3dlight-color: #7D7E94;  
    scrollbar-darkshadow-color: #2D2C4D;  
    scrollbar-track-color: #eaeaea;  
    scrollbar-arrow-color: #999;
	overflow:hidden;
	}

::-webkit-scrollbar {  
    width: 10px;  
}  
::-webkit-scrollbar-track {  
    background-color: #eaeaea;
}  
::-webkit-scrollbar-thumb {  
    background-color: #AAA;  
}  
::-webkit-scrollbar-thumb:hover {  
    background-color: #aaa;  
}

h1 {
	color:#444;
	font-size:18px;
	text-transform:uppercase;
	line-height:35px;
	background:url(../gfx/ico_h1.png) no-repeat center left #c6e826;
	padding-left:45px;
	margin-bottom:20px;
	font-family: 'Open Sans', sans-serif;
	font-weight:700
	}

h2 {
	font-size:18px;
	color:#333;
	font-family: 'Open Sans', sans-serif;
	font-weight:300
	}

h3 {
	color:#00bad3;
	font-size:18px;
	font-family: 'Open Sans', sans-serif;
	font-weight:300
	}
	
h4 {
	color:#00bad3;
	font-size:12px;
	font-family: 'Open Sans', sans-serif;
	font-weight:300
	}
	
h5 {
	color:#000;
	font-size:14px;
	font-family: 'Open Sans', sans-serif;
	font-weight:700
	}	
	
p {
	font-size:12px;
	color:#333;
	}

a {
	text-decoration:none;
	color:#00bad3;
	}

a:hover {
	color:#007d8e;
	}

span {
	color:#00bad3;
	}

strong {
	color:#000;
	font-size:12px;
	font-weight:bold;
	}


.clear {
	clear:both
	}

.left {
	float:left;
	}
	
#slide_bg {
	z-index:0;
	height:100%;
	min-height:400px;
	overflow:hidden
	}
	
#lateral {
	/*overflow-y: auto;*/
	position: absolute;
	float:left;
	height:100%;
	min-height:400px;
	width:270px;
	background: url(../gfx/bg_lateral.png) repeat-y;
	z-index:1;
	}
	
#conteudo {
	position:absolute;
	float:left;
	background-color:#333;/**/
	width:100%;
	height:100%;
	z-index:0;
	}

.bg {
	min-height: 100%;
	min-width: 1024px;	
	width: 100%;
	height: auto;
 	position: fixed;
	top: 0;
	left: 0;
	}
	
#logo {
	margin:20px;
	background:url(../gfx/logo.png) no-repeat;
	text-indent:-9999px;
	display:block;
	width:225px;
	height:168px;
	}


#anime {
	/*border:solid 1px #F00;*/
	left:290px;
	top:50px;
	bottom:30px;
	right:30px;
	position:absolute;
	overflow:hidden;
	width:640px;
	}

#anime h1 {
	color:#FFFFFF
	}


#conteudo_bg {
	width:600px; 
	height:90%; 
	display:block; 
	overflow-y:auto; 
	padding-right:10px;
	}
	
	
a#menu_mobile {
	display:none
		}
		
	
		
/*__________________________MENU___*/

ul#menu {
	width:200px;
	margin:0 auto;
	margin-top:20px;
	border-top:dotted 1px #666;
	list-style:none;
	font-family: 'Open Sans', sans-serif;
	font-weight:300;
	letter-spacing:0.8px
	}

ul#menu li {
	height:40px;
	line-height:40px;
	text-align:center;
	list-style:none;
	border-bottom:dotted 1px #666
	}
	
ul#menu li a {
	color:#CCC;
	text-decoration:none;
	text-transform:uppercase;
	font-size:12px;
	
	}

ul#menu li a:hover {
	color:#666;
	}


ul#submenu {
	background-color:#333;
	width:150px;
	margin-left:235px;
	margin-top:-40px;
	padding:5px;
	}

ul#submenu li{
	/*background-color:#333;*/
	border-bottom:dotted 1px #666;
	height: auto;
	line-height:25px;
	
	}

ul#submenu li a{
	font-size:11px;
	color:#00bad3
	}


ul#subsubmenu {
	background-color:#000;
	padding:3px
	}

ul#subsubmenu li{
	background-color:#000;
	}

ul#subsubmenu li:last-child{
	border-bottom:none;
	}

ul#subsubmenu li a{
	font-size:10px;
	color:#FFF
	}


/*____________________________________UL SOCIAIS*/

ul#icones_sociais{
	list-style:none;
	height:30px;
	margin-left:75px;
	margin-top:20px;
	}
	
ul#icones_sociais li{
	float:left;
	margin:0px 5px;
	}

ul#icones_sociais li a.facebook{
	background:url(../gfx/ico_facebook.png) no-repeat top;
	width:28px;
	height:29px;
	text-indent:-9999px;
	display:block;
	}

ul#icones_sociais li a.facebook:hover{
	background-position:0px -29px ;
	}

ul#icones_sociais li a.twiter{
	background:url(../gfx/ico_twiter.png) no-repeat top;
	width:28px;
	height:29px;
	text-indent:-9999px;
	display:block;
	}

ul#icones_sociais li a.twiter:hover{
	background-position:0px -29px ;
	}
	
ul#icones_sociais li a.instagram{
	background:url(../gfx/ico_instagram.png) no-repeat top;
	width:28px;
	height:29px;
	text-indent:-9999px;
	display:block;
	}

ul#icones_sociais li a.instagram:hover{
	background-position:0px -29px ;
	}
	
	
ul#icones_sociais li a.youtube{
	background:url(../gfx/ico_youtube.png) no-repeat top;
	width:28px;
	height:29px;
	text-indent:-9999px;
	display:block;
	}

ul#icones_sociais li a.youtube:hover{
	background-position:0px -29px ;
	}
	
ul#icones_sociais li a.google{
	background:url(../gfx/ico_google.png) no-repeat top;
	width:28px;
	height:29px;
	text-indent:-9999px;
	display:block;
	}

ul#icones_sociais li a.google:hover{
	background-position:0px -29px ;
	}
/*____________________________________UL SOCIAIS____fim__*/
	

#rodape {
	/*position: absolute;
	bottom:20px;
	left:10px;*/
	margin-left:20px;
	margin-top:20px;
	width:210px;
	z-index:2;
	}
	
#rodape p{
	color:#FFF;
	}
	
input {
	background-color:#191919;
	color:#474747;
	padding:2px 5px;
	font-size:11px;
	border:1px solid #2e2e2e;
	height:20px;
	}
	
#login_nome {
	width:200px;
	float:left;
	margin-bottom:3px;
	}
	
#login_password {
	width:147px;
	float:left;
	margin-right:3px;
	}

#bt_login {
	background:url(../gfx/bt_login.png) no-repeat;
	display:block;
	width:48px;
	height:25px;
	padding:0px;
	cursor:pointer;
	float:left
	}
	
	
#bt_login:hover {
	background-position:0px -25px
	}	

#bt_logout {
	display:block;
	cursor:pointer;
	background:none;
	border:none;
	color:#000;
	padding:0px;
	margin:0px;
	}
	
	
#bt_logout:hover {
	color:#FFF;
	}	

ul#galeria {
	list-style:none;
	height:90%;
	overflow:auto;
	}
	
ul#galeria li{
	float: left;
	width:200px;
	height:150px;
	margin:3px;
	border:1px solid #FFF;
	box-shadow: 3px 3px 3px #333;
	}


#background {
	background-color:#FFF; 
	padding:10px; 
	height:100%;
	opacity:0.9;
  	filter:alpha(opacity=90);
	}
	
#background ul{
	font-size:11px;
	list-style: circle;
	margin-left:30px;
	margin-top:5px
	}
	
/*____________________________FORM CONTACTOS_______*/

#contactos_nome, #contactos_email{
	background-color:#f7f7f7;
	border:solid 1px #eaeaea;
	margin-bottom:5px;
	margin-right:5px;
	width:280px;
	color:#AAA;
	}
	
#contactos_assunto{
	background-color:#f7f7f7;
	border:solid 1px #eaeaea;
	width:580px;
	margin-bottom:5px;
	color:#AAA;
	}
	
#contactos_mensagem {
	background-color:#f7f7f7;
	border:solid 1px #eaeaea;
	width:586px;
	height:70px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#AAA;
	}	
	
	
	
	
	
#encomendas_nome, #encomendas_email, #encomendas_noivos, #encomendas_telefone{
	background-color:#f7f7f7;
	border:solid 1px #eaeaea;
	margin-bottom:5px;
	margin-right:5px;
	width:270px;
	color:#AAA;
	}
	

	
#encomendas_mensagem {
	background-color:#f7f7f7;
	border:solid 1px #eaeaea;
	width:278px;
	height:83px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#AAA;
	}

#encomendas_foto  {
	background-color:#f7f7f7;
	border:solid 1px #eaeaea;
	width:50px;
	/*height:70px;*/
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#AAA;
	}

#enc_tamanho {
	background-color:#f7f7f7;
	border:solid 1px #eaeaea;
	width:70px;
	height:25px;
	margin:0px 6px 0px 0px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#AAA;
	}
		
#envio  {
	background-color:#f7f7f7;
	border:solid 1px #eaeaea;
	width:283px;/**/
	height:25px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#AAA;
	margin-bottom:5px;
	}
	
#envio_label {
	color: #999;
	line-height:30px;
	}

.campo #enc_tamanho {
	margin-left:4px;
	}	
	
a#addrow {
	font-size:12px;
	}
/*	
.btnRemove {
	background-color:#f7f7f7;
	border:solid 1px #eaeaea;
	width:70px;
	height:25px;
	color:#CC0000;
	margin-left:2px;
	}*/

#enviar_contactos, #enviar_encomendas {
	height:25px;
	width:75px;
	background-color:#34d7e6;
	border:solid 1px #2cc2d0;
	cursor:pointer;
	margin-top:5px;
	}

#enviar_encomendas {
	background-color:#c6e826;
	border:solid 1px #9cbb09;
	}

.enviar_contactos:hover {
	color:#c6e826;
	background-color:#FFF;
	}

a.bt_enc, a.bt_form {
	color:#333; 
	box-shadow: 1px 1px 2px #333; 
	-moz-border-radius:5px; 
	border-radius: 5px; 
	text-align:center;  
	text-decoration:none; 
	padding:5px 15px; 
	font-size:14px; 
	margin-right:55px; 
	background-color:#34d7e6; 
	display:block;
	width:180px;
	}
	
a.bt_form {
	background-color:#c6e826;
	}	
	
	
	
a.bt_enc:hover, a.bt_form:hover{
	box-shadow: none;
	color:#FFF;
	}
	
a.bt_enc span, a.bt_form span {
	font-size:10px; 
	text-align:center; 
	color:#FFF;
	}
	
	
a.bt_ver_fotos {
	background-color:#00bad3;
	width:100%;
	display:block;
	text-align:center;
	line-height:30px;
	box-shadow: 1px 1px 2px #000; 
	-moz-border-radius:5px; 
	border-radius: 5px;
	color:#333;
	}
	
a.bt_ver_fotos:hover {
	color:#FFF;
	box-shadow: none;
	}
		
	
/* Live Validation */
.LV_validation_message {
	color:#C00 !important;
	display:none;
}

.LV_valid_field,
input.LV_valid_field:hover, 
input.LV_valid_field:active,
textarea.LV_valid_field:hover, 
textarea.LV_valid_field:active {
	border: 1px solid #090 !important;
}

.LV_invalid_field,
input.LV_invalid_field:hover, 
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active {
	border: 1px solid #C00 !important;
	color:#C00 !important;
}



@media only screen and (max-width : 960px) {
	 #lateral {
		   display:none;
		   }
	
	   
	#anime {
		left:5px;
		top:5px;
		right:5px;
		/*bottom:30px;*/
		width: auto;
		height:100%;
		
		}
		
	#conteudo_bg {
		width:100%
		}
		
		
		
		
		
		
ul#galeria li{
	width:48%;
	float: left;
	height: auto;
	}

/**/
ul#galeria li img{
	width:100%;
	}
	
	
	
	
	
		
	a#menu_mobile {
		display:block;
		width:43px;
		height:31px;
		background:url(../gfx/bt_m_menu.png) no-repeat;
		position:absolute;
		right:7px;
		left:7px;
		top:7px;
		z-index:5;
		text-indent:-9999px;

		}
		
	a#menu_mobile:hover {
		background-position:0px -31px;
		}
	
	/*#rodape {
		display:none
		}*/


}




@media only screen and (min-width : 300px) and (max-width : 691px) {
		
	#contactos_assunto{
	width:280px;
	}
	
	#contactos_mensagem, #encomendas_mensagem, #encomendas_foto  {
	width:285px;
	}

}




@media only screen and (max-height : 530px) {

	#logo {
	margin:7px 5px 5px 60px;
	background: url(../gfx/m_logo.png ) no-repeat;
	text-indent:-9999px;
	display:block;
	width:190px;
	height:47px;
	}
	

	
	
/*	ul#submenu {
		margin-top:-150px;
		}
		
	a#menu_mobile {
		right:2%;
		}*/
		
	/*#rodape {
		display:none
		}*/
	
}




@media only screen and (max-width : 420px)  {
	
	
	h1 {
	color:#444;
	font-size:12px;
	text-transform:uppercase;
	line-height:35px;
	background:url(../gfx/ico_h1.png) no-repeat center left #c6e826;
	padding-left:45px;
	margin-bottom:20px;
	font-family: 'Open Sans', sans-serif;
	font-weight:700
	}
		
	/**/ul#submenu {
		margin-left:20px;
		background-color:#666;
		position:relative;
		left:-20px;
		top:-140px;
		width:190px;
		margin-top:0px;
	}
	
	ul#submenu li{
	background-color: #333;
	
	}
	
	
	ul#subsubmenu li{
	background-color: #555;
	}
	
	ul#galeria {
	
	height:90%;
	
	}
	
ul#galeria li{
	width:95%;
	height: auto;
	margin:3px;
	}


ul#galeria li img{
	width:100%;
	height: auto;
	}
	
	
}