@import url(http://fonts.googleapis.com/css?family=Electrolize|Courgette|Open+Sans);

#wrap
{
    padding:0px;
    margin:0 auto;
    width:989px;
    border:0px solid blue;
    background-color: #EFEFEF;
}
#gallery
{
    padding:0px;
    margin:0;    
    width: 100%;
    float: left;
    border:0px solid blue;
}

#gallery h1
{
    font-family: 'Electrolize', sans-serif;
    font-family: 'Courgette', cursive;
    font-style: normal;
    font-size:25px;
    color:#666;
    text-align: center;
    padding:6px;
    padding-bottom: 0px;
    padding-top:15px;
    width: 99%;
    border:0px solid blue;
}

#gallery .back img
{
    margin-top: -3px;
    opacity:0.7;
    -moz-opacity:0.7;
}
#gallery .back
{
    font-family: 'Courgette', cursive;
    font-size:18px;
    color:#333;
    text-align: left;
    width: 500px;
    display: block;
    border:0px solid blue;
    padding:0px;
    margin:0px;
    padding-left:8px;
    line-height: 25px;
    height: 25px;
    text-decoration: none;
}

#top
{
    padding:0px;
    margin:0;      
    width: 100%;
    border:0px solid red;
    margin:  0 auto;
    height: 115px; 
    float: left;
    background:url(../images/logocam.png) no-repeat left 20px; 
}

#top h1
{
    font-family: 'Courgette', cursive;
    font-family: 'Electrolize', sans-serif;
    font-style: normal;
    font-size:40px;
    color:#666;
    padding:10px;    
    padding-left:150px;    
    padding-top:40px;   
}
#top h1 span
{
    color:#999;
}

#footer
{
    padding:0px;
    margin:0;      
    float: left;
    width: 100%;
    border:0px solid red;
    margin:  0 auto;
    height:54px;
    background:url(../images/footer_bg.png) no-repeat center -25px; 
    color:#7c7c7c;
    padding:0 0 0 10px;    
}

#switch
{
    font-family: 'Electrolize', sans-serif; 
    font-size: 13px;
    color:#ccc;
    width: 122px;
    padding:0px;
    padding-left:5px;
    height: 26px;
    line-height: 26px;
    margin:0;      
    margin-top: 30px;
    margin-right:8px;      
    float: right;
    background:url(../images/switch.gif) no-repeat left bottom; 
}

#switch:hover
{
    background:url(../images/switch.gif) no-repeat left top; 
}

#switch a
{
    text-decoration: none;
    color:#ccc;
}
#switch a:hover
{
    text-decoration: none;
    color:#eee;    
}

.grided
{
    background:url(../images/switch.gif) no-repeat left top !important; 
}

.grided:hover
{
    background:url(../images/switch.gif) no-repeat left bottom !important; 
}


#nav{
	list-style:none;
	font-weight:bold;
	margin-bottom:30px;
	float:left;
	width:100%;
	margin-left:157px;
	position:relative;
	z-index:100;
}
#nav li{
	float:left;
	margin-right:1px;
	position:relative;
	min-width:70px;
}
#nav a{
	display:block;
	padding:10px;
	color:#fff;
	background:#9A9A9A;
	text-decoration:none;
	text-align:center;
}
#nav a:hover{
	color:#fff;
	background:#333;
	text-decoration:none;
}
#nav a.current{
	color:#fff;
	background:#666;
	text-decoration:none;
}

/*--- DROPDOWN ---*/
#nav ul{
	background:#fff; 
	background:rgba(255,255,255,0); 
	list-style:none;
	position:absolute;
	left:-9999px; 
}
#nav ul li{
	padding-top:1px; 
	float:none;
}
#nav ul a{
	white-space:nowrap; 
	text-align:left;
}
#nav li:hover ul{
	left:0; 
}
#nav li:hover a{ 
	background:#666;
	text-decoration:none;
}
#nav li:hover ul a{ 
	text-decoration:none;
}
#nav li:hover ul li a:hover{ 
	background:#999;
}

#categoria
{
    width: 100%;
    padding:0px;
    margin:0;      
    float: left;
    margin:  0 auto;  	
}

#categoria h1
{
    width:96%;	
    border-radius:5px; 
    text-align: left;
    font-size:20px;
    margin: 0px;
    margin-left: 10px;
    margin-top:10px;
    padding: 10px;
    background: #f0f0f0;
    font-family: 'Electrolize', sans-serif;
    font-family: 'Courgette', cursive; 
}

#footer h1
{
    font-family: 'Courgette', cursive;
    font-family: 'Electrolize', sans-serif;
    font-style: normal;
    font-size:13px;
    color:#ccc;
    padding:10px;    
    text-align: right;
    padding-right: 23px;
}