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

/*page height auto*/
html{
	height:100%;
}
/*index main intro in flash and choose your language*/

/*div intro with flash animation*/
#gif_intro{
	width:900px;
	height:470px;
	float:left;
	background-color:#000;
	
}
/*main div all in one*/
#main{	
	width:950px;
	min-height:100%;
	height:1300px;
	margin:auto;	
}
/*main for links */
#main_li{	
	width:950px;
	min-height:100%;
	height:1500px;
	margin:auto;	
}
body{
	background-color:#000;
	height:100%;
}

#head{
	background-image:url(images/colemontshead.jpg);
	position:relative;
	height:250px;
	width:950px;
	top:30px;	
}
#head_portu{
	background-image:url(images/colemontshead_portu.jpg);
	position:relative;
	height:250px;
	width:950px;
	top:30px;	
}
#head_frans{
	background-image:url(images/colemontshead_frans.jpg);
	position:relative;
	height:250px;
	width:950px;
	top:30px;	
}
/*div menu index*/
#indexmain{
	margin:0 auto;
	width:900px;
	height:1200px;
		
}
#fla_intro{
	width:900px;
	height:470px;
	float:left;
	background-color:#000;
	color:#000;
}
#menu_index{
	padding-top:40px;
	width:900px;
	height:60px;
	float:left;
	
}
#menu_index_english{
	
	float:left;
	border:none;
	width:300px;
	height:60px;		
}
#menu_index_francais{
	
	float:left;
	border:none;
	width:300px;
	height:60px;	
}
#menu_index_portugues{
	border:none;
	float:left;
	width:300px;
	height:60px;
	
}
#description_index{
	width:900px;
	height:230px;
	float:left;
	font-style:oblique;
	text-align:left;
	font-size:1.2em;
	padding-top:40px;
}
#fli_ind{
	width:900px;
	height:190px;
	float:left;
	padding-left:370px;
	
}

	
	
/*flags for each language*/
#flag_bra{
	
	z-index:2;
	position:absolute;
	width:30px;
	height:18px;
	left:915px;
	top:230px;
	border:none;
}
#flag_gb{
	z-index:2;
	position:absolute;
	width:30px;
	height:18px;
	left:860px;
	top:230px;
	border:none;
}
#flag_fr{
	z-index:2;
	position:absolute;
	width:30px;
	height:18px;
	left:800px;
	top:230px;
	border:none;
}
/*gif artist just for the artist page */
#headartist{
	position:absolute;
	z-index:1;
	background-image:url(images/cole.gif);
	width:100px;
	height:100px;
	top:150px;
	left:440px;
	z-index:2;
	
}

#menu {		
	font-style:oblique;
	text-align:center;
	font-size:1.5em;
	position:relative;
	width:240px;
	height:700px;
	top:60px;
	left:0px;
	color:#ffffff;
	line-height: 50px;
	float:left;
}
#menu_flickr{
	width:117px;
	height:297px;
	position:absolute;
	top:305px;
	left:82px;

}

#menu li{
	list-style-type: none;
	
}
	

#content{	
	font-style:oblique;
	text-align:center;
	font-size:2em;
	position:relative;
	width:690px;
	height:500px;
	top:90px;
	left:100px;
	color:#ffffff;
	line-height: 50px;
	float:left;

}
#content_two{	
	font-style:oblique;	
	font-size:2em;
	position:relative;
	width:690px;
	height:600px;
	top:90px;
	left:20px;
	color:#ffffff;
	line-height: 50px;
	float:left;

}
#content_form{	
	font-style:oblique;
	position:relative;
	width:690px;
	height:600px;
	top:90px;
	left:20px;
	float:left;
	

}
/*********** style log in and forms fields - no table for forms  *****************************************/

form{
	width:450px;
	margin:auto;
	margin-top:50px;
	background-color:#CCC;
		
}
form fieldset{
	border:0;
	padding:0px 15px 10px 15px;
}
form fieldset legend{
	font-size:0.8 em;
	padding-bottom:10px;
	padding-top:15px;
	padding-left:8px;
	font-weight:bold;
	color:#000;
}
	
form label{
	display:block;
	padding:3px 0px;
}
form label span{
	display:block;
	font-size:1.4em;
	font-weight:bold;
	color:#000;
	padding-top:3px;
	padding-bottom:10px;
}
form label input{
	font-weight:bold;
	padding:3px;
	width:400px;
	color:#003;
	
}
form label textarea{
	font-weight:bold;
	color:#003;
	padding:3px;
	width:400px;
	height:200px;
	
}

form input.btn{
	display:block;
	width:120px;
	padding:5px 0px;
	margin:10px auto 0px;
	margin-bottom:20px;
	border:0px;
	background-color:#000;
	cursor:pointer;
	color:#FFF;
}


#content li {
	list-style-type: none;
	text-decoration:none;	
}
#content  a:link
{
	color: #FFF;
	text-decoration: none;
}
#content li a:visited { 
text-decoration: line-through;
}

#content a:hover {
	color:#CCFFFF;
	text-decoration:none;
	font-size:115%;
}

#menu  a:link, a:active, a:visited
{
	color: #FFF;
	text-decoration: none;
}
#menu a:hover {
	color:#CCFFFF;
	text-decoration:none;
}
/*css gallery*/
.bigphoto {
	
	width:500px;
	height:380px;								
	margin-left:70px;
	margin-bottom:20px;
	padding:5px;		
}

.galeria {
	list-style:none;
	width:630px;	
	height:180px;
	margin-left:10px;
	cursor:pointer;
	margin-bottom:20px;	
	}
	
.galeria img {
	padding:5px;
	border:1px solid gray;
}
#foto{
	width:500px;
	height:380px;
	position:relative;
	top:20px;
}

/*foot for copyrights*/
#foot{
	width:650px;
	height:80px;
	position:relative;
	font-style:oblique;
	font-size:0.7em;
	color:#ffffff;
	text-align:left;
	
}
/*space for css validator label */
#vali{
	position:relative;
	width:88px;
	height:31px;
	top:520px;
	left:110px;
	background-image:url(images/css.gif);
}

#valid{
	position:relative;
	width:88px;
	height:31px;
	top:530px;
	left:110px;
	background-image:url(images/valid.png);
}

/*css for links*/
#li_one{	
	font-size:0.8em;
	position:relative;
	width:620px;
	height:260px;
	top:90px;
	left:20px;
	padding:5px;
	border:1px solid white;	
}
#li_two{	
	font-size:0.8em;
	position:relative;
	width:620px;
	height:220px;
	top:100px;
	left:20px;
	padding:5px;
	border:1px solid white;	
}
#li_three{	
	font-size:0.8em;
	position:relative;
	width:620px;
	height:220px;
	top:110px;
	left:20px;
	padding:5px;
	border:1px solid white;	
}
#li_four{	
	font-size:0.8em;
	position:relative;
	width:620px;
	height:280px;
	top:130px;
	left:20px;
	padding:5px;
	border:1px solid white;	
}
/*css for photo gallery page*/
#thumb_my_favo{
	
	width:80px;
	height:114px;	
	float:left;
	
}
#thumb_people{
	
	width:80px;
	height:114px;		
	float:left;
	
}
#thumb_people2{
	
	width:80px;
	height:114px;		
	float:left;
	
}
#thumb_car{
	
	width:80px;
	height:114px;		
	float:left;
	
}
#thumb_natu{
	
	width:80px;
	height:114px;		
	float:left;
	
}
#thumb_natu2{
	
	width:80px;
	height:114px;		
	float:left;
	
}
#thumb_blawhite{
	
	width:80px;
	height:114px;		
	float:left;
	
}
#thumb_clown{
	
	width:80px;
	height:114px;		
	float:left;
	
}
#thumb_parana{
	
	width:80px;
	height:114px;		
	float:left;
	
}
#thumb_culture{
	
	width:80px;
	height:114px;		
	float:left;
	
}
#thumb_culture2{
	
	width:80px;
	height:114px;		
	float:left;
	
}
#thumb_curitiba{
	
	width:80px;
	height:114px;		
	float:left;
	
}
#thumb_curitiba_park{
	
	width:80px;
	height:114px;		
	float:left;
	
}
#space{
	
	width:40px;
	height:114px;		
	float:left;
	
}

#arqui_curitiba{
	
	width:80px;
	height:114px;		
	float:left;
	
}
#guarapuava{
	
	width:80px;
	height:114px;		
	float:left;
	
}
#monuments{
	
	width:80px;
	height:114px;		
	float:left;
	
}
#machines{
	
	width:80px;
	height:114px;		
	float:left;
	
}
.bor{
	border:none;
	float:left;
	width:80px;
	height:60px;
	
	
}
.pa{
	padding-top:50px;
	font-size:14px;
	text-align:center;
	
	
}
#allthumbsgale{
	position:absolute;
	width:480px;
	height:347px;
	left:454px;
	top:417px;
	
	
}
#footgale{
	position:absolute;
	width:600px;
	height:50px;
	top:903px;
	left:150px;
	border:none;
	font-size:0.9em;
}
/************************** JQUERY ***************************/
/********************** jquery effects ***********************/
* {  font-size: 96%; }
label { display: block; margin-top: 10px; }
label.error { float: none; color: red; margin: 0 .5em 0 0; vertical-align: top; font-size: 15px }
.submit { margin-top: 1em; }
em { font-weight: bold; padding-right: 1em; vertical-align: top; }

/********************************links sites*********************/
#lin_sites{
	width:231px;
	height:427px;
	position:absolute;
	top:699px;
	left:-299px;
	margin-top:30px;
	
}
#lin_sites a:link {
	color:#000;
}
#lin_sites a:visited {
	color:#000;
}
#lin_sites a:hover{
	color:#000;
}