body 
{
    font-size: 13px;
    font-family: Garamond, "Baskerville Old Face", Baskerville, Times, "Times New Roman", serif;
    letter-spacing:0.4px;
    line-height: 1.4em;
}

h1 
{
    font-size: 18px;
}

h2 
{
    font-size: 18px;
}


a
{
    color: black;
}

  
a:hover 
{ 
    text-decoration: underline; 
}


/* header */

#header h1
{
    margin:0 auto;
    width: 300px;
    text-indent: -9999px;
    background: url(../imagens/menu/logo.jpg) no-repeat;
    height:122px;
}


/* navigation */

#navigation
{
    width:100%;
}
	
	#navigation .menu
	{
    	background: url(../imagens/menu/linhas.gif) repeat-x;
    	text-align: center;
    	width: 620px;
    	height: 40px;
    	margin: 0 auto;
    	padding:0 0 20px 0;
    	position: relative;
	}

		#navigation .menu li
		{
		  list-style:none;
		  margin: none;
	      padding:0;
	       display: inline;
		}

			#navigation .menu li a
			{
		  	font-size: 20px;
			 text-decoration: none;
			
			}

			#navigation .menu li a:hover
			{
			 text-decoration: underline;
			}	
			
		        #navigation li.sel li a
            	{
            	   text-decoration: none;
            	}
            	
            	
                #navigation li.sel a,
            	#navigation li.sel li.sel a
            	{
            	   text-decoration: underline;
            	}


/* CONTENT */

#content
{
    margin: 0 auto;
    padding: 0;
    width:  620px;
}
			
/* Sub Menu */			
.submenu
{
	text-align: center;
    display:block;
    width:620px;
    padding: 0 0 20px 0;
    margin:0 auto;
    border-bottom: 1px solid black;
}

	.submenu ul
	{
	   list-style: none;
	   margin: 0 auto;	
	   padding: 0;
	}

		.submenu li
		{
		  list-style:none;
		  margin: none;
	      padding:0;
	      display: inline;
		}
		
			.submenu li a
			{
		  		font-size: 18px;
				text-decoration: none;
			
			}

			.submenu li a:hover
			{
				text-decoration: underline;
			}
			
			.submenu li.sel a
			{
				text-decoration: underline;	
			}


.bloco
{
    width: 400px;
    margin:0 auto;
}


/* catalogue */

#catalogue 
{
	margin-left: 30px;
	margin-top: 30px;
	margin-bottom: 40px;
}

    #catalogue a 
    {
    	float: left;
    	margin: 20px 20px 15px 20px;
    	height: 150px;
    	width: 150px;
    	text-align: center;
    }

    #catalogue img 
    {
    	width: 150px;
    	height: 150px;
    	margin-bottom: 5px;
    	border:none;
    }

ul#productList
{
    list-style: none;
    margin: 0;
    padding: 0;
}

    ul#productList li
    {
        display: block;
    }

        ul#productList li h3
        {
            margin: 15px 0 0;
        }
        
        ul#productList li p
        {
            margin: 0;
        }

        ul#productList li p.price
        {
            color: #666;
        }

ul#productForm
{
    list-style: none;
    margin: 0;
    padding: 0;
}

    ul#productForm li.error
    {
        background: yellow;
    }
    
    ul#productForm li
    {
        display: block;
        margin: 15px 0 0;
        padding: 5px;
    }


        ul#productForm label
        {
            display: block;
        }
        
        ul#productForm input
        {
            line-height: 1.5em;
            width: 200px;
        }
        
        ul#productForm input.submit
        {
            margin: 15px 0 0;
            font-size: 18px;
            width: 90px;
        }

/* custom */

#custom
{
    margin-top: 60px;
}

/* lepetitdinosaure */

#lepetitdinosaure,
#teamdino,
#coolstuff,
#contacts
{
    margin-top: 10px;
}

#coolstuff
{
    position: relative;
}

#coolstuff p
{
    padding-top: 470px;
}

/* teamdino */

#mia
{
    float: left;
}

#ines
{
    float: right;
}

#mia a,
#ines a
{
    text-decoration: none;
}

#mia a:hover,
#ines a:hover
{
    text-decoration: underline;
}


/* Cool Stuff CSS Hell */

#Table_01 {
	position:absolute;
	left:0px;
	top:0px;
	width:620px;
	height:465px;
}

#letterpress {
	position:absolute;
	left:0px;
	top:0px;
	width:81px;
	height:85px;
}

#typewriters {
	position:absolute;
	left:81px;
	top:0px;
	width:117px;
	height:85px;
}

#mixtapes {
	position:absolute;
	left:198px;
	top:0px;
	width:112px;
	height:69px;
}

#pasteldebelem {
	position:absolute;
	left:310px;
	top:0px;
	width:81px;
	height:61px;
}

#gostamos {
	position:absolute;
	left:391px;
	top:0px;
	width:11px;
	height:69px;
}

#photomaton {
	position:absolute;
	left:402px;
	top:0px;
	width:76px;
	height:309px;
}

#moustache {
	position:absolute;
	left:478px;
	top:0px;
	width:122px;
	height:51px;
}

#gostamos008 {
	position:absolute;
	left:600px;
	top:0px;
	width:20px;
	height:61px;
}

#gostamos009 {
	position:absolute;
	left:478px;
	top:51px;
	width:122px;
	height:10px;
}

#gostamos010 {
	position:absolute;
	left:310px;
	top:61px;
	width:81px;
	height:8px;
}

#audrey {
	position:absolute;
	left:478px;
	top:61px;
	width:131px;
	height:156px;
}

#gostamos012 {
	position:absolute;
	left:609px;
	top:61px;
	width:11px;
	height:248px;
}

#chocolate {
	position:absolute;
	left:198px;
	top:69px;
	width:78px;
	height:72px;
}

#nirvana {
	position:absolute;
	left:276px;
	top:69px;
	width:126px;
	height:110px;
}

#goonies {
	position:absolute;
	left:0px;
	top:85px;
	width:89px;
	height:132px;
}

#typewriters016 {
	position:absolute;
	left:89px;
	top:85px;
	width:109px;
	height:27px;
}

#gostamos017 {
	position:absolute;
	left:89px;
	top:112px;
	width:109px;
	height:29px;
}

#sonicyouth {
	position:absolute;
	left:89px;
	top:141px;
	width:170px;
	height:168px;
}

#gostamos019 {
	position:absolute;
	left:259px;
	top:141px;
	width:17px;
	height:38px;
}

#tea {
	position:absolute;
	left:259px;
	top:179px;
	width:111px;
	height:91px;
}

#gostamos021 {
	position:absolute;
	left:370px;
	top:179px;
	width:32px;
	height:91px;
}

#darthvader {
	position:absolute;
	left:0px;
	top:217px;
	width:89px;
	height:92px;
}

#gostamos023 {
	position:absolute;
	left:478px;
	top:217px;
	width:12px;
	height:92px;
}

#gunsnroses {
	position:absolute;
	left:490px;
	top:217px;
	width:119px;
	height:83px;
}

#gostamos025 {
	position:absolute;
	left:259px;
	top:270px;
	width:65px;
	height:49px;
}

#bjork {
	position:absolute;
	left:324px;
	top:270px;
	width:78px;
	height:59px;
}

#gostamos027 {
	position:absolute;
	left:490px;
	top:300px;
	width:119px;
	height:9px;
}

#coppola {
	position:absolute;
	left:0px;
	top:309px;
	width:109px;
	height:147px;
}

#gostamos029 {
	position:absolute;
	left:109px;
	top:309px;
	width:150px;
	height:10px;
}

#gostamos030 {
	position:absolute;
	left:402px;
	top:309px;
	width:66px;
	height:20px;
}

#david-bowie {
	position:absolute;
	left:468px;
	top:309px;
	width:152px;
	height:156px;
}

#gostamos032 {
	position:absolute;
	left:109px;
	top:319px;
	width:13px;
	height:146px;
}

#dinosaurs {
	position:absolute;
	left:122px;
	top:319px;
	width:76px;
	height:64px;
}

#gostamos034 {
	position:absolute;
	left:198px;
	top:319px;
	width:14px;
	height:64px;
}

#ghostworld {
	position:absolute;
	left:212px;
	top:319px;
	width:84px;
	height:114px;
}

#gostamos036 {
	position:absolute;
	left:296px;
	top:316px;
	width:28px;
	height:10px;
}

#shoes {
	position:absolute;
	left:296px;
	top:329px;
	width:83px;
	height:75px;
}

#lolita {
	position:absolute;
	left:379px;
	top:329px;
	width:89px;
	height:136px;
}

#gostamos039 {
	position:absolute;
	left:122px;
	top:383px;
	width:67px;
	height:21px;
}

#moleskine {
	position:absolute;
	left:189px;
	top:383px;
	width:23px;
	height:21px;
}

#gostamos041 {
	position:absolute;
	left:122px;
	top:404px;
	width:25px;
	height:61px;
}

#denmark {
	position:absolute;
	left:147px;
	top:404px;
	width:51px;
	height:44px;
}

#gostamos043 {
	position:absolute;
	left:198px;
	top:404px;
	width:14px;
	height:61px;
}

#helvetica {
	position:absolute;
	left:296px;
	top:404px;
	width:74px;
	height:52px;
}

#gostamos045 {
	position:absolute;
	left:370px;
	top:404px;
	width:9px;
	height:61px;
}

#gostamos046 {
	position:absolute;
	left:212px;
	top:433px;
	width:84px;
	height:32px;
}

#gostamos047 {
	position:absolute;
	left:147px;
	top:448px;
	width:51px;
	height:17px;
}

#gostamos048 {
	position:absolute;
	left:0px;
	top:456px;
	width:109px;
	height:9px;
}

#gostamos049 {
	position:absolute;
	left:296px;
	top:456px;
	width:74px;
	height:9px;
}

