/* 	check pending and needed clean of code
	By Hugobel	*/
	
/* Big divs */
*{margin:0; padding:0; font-family:Arial, Helvetica, sans-serif;}
body {background:#1c1b1b url("mainbg.jpg") repeat; text-align:center;}
.wrapper {background:url(light.jpg) top center no-repeat; width:800px; margin:0 auto; text-align:center; margin-bottom:30px;}
#header {padding-top:25px; height:50px; background:url(hr.jpg) bottom no-repeat;}
#panel-escolar, #panel-esqurbano {width:660px; height:195px; background:url(thumb-bg.png) top center repeat; margin:0 auto; border:1px solid #242323; border-top:0px; display:none; padding:12px;}
#panel-esqurbano {width:340px;}
#footer {background:#000; width:100%; height:50px; margin-top:25px; border-top:1px solid #242323;}
.subs {text-align:left; color:#858889; text-transform:uppercase; font-size:15px; line-height:35px; background:url(hr.jpg) bottom left no-repeat; padding-left:50px; margin-top:30px;}
				
/* animated jquery menu (lavalamp) */
ul.lavaLamp {
	position: relative;
    width:550px;
    padding:3px 0px;
    overflow: hidden;
	margin:0 auto;
	float:right;}
                
.lavaLamp li {
    float: right;
    list-style: none;
	margin:0 5px;}
    
.lavaLamp li.back {
	background: url("lava3.gif") no-repeat right -20px;
    width:5px; 
	height:20px;
    z-index:8;
    position:absolute;
	margin:0;}
       
.lavaLamp li.back .left {
    background: url("lava3.gif") no-repeat top left;
    height: 20px;
	margin:0;
    margin-right:3px;}
                    
.lavaLamp li a {
	font:bold 15px/12px Calibri, Helvetica, Arial, sans-serif;
	font-style: normal;
	text-transform:capitalize;
	letter-spacing: normal;
    text-decoration: none;
    color: #f1edec;
    outline: none;
    text-align: center;
    top:4px;
    z-index: 10;
    display: block;
    height: 20px;
    position: relative;
    overflow: hidden;
    margin: 0 10px 0 9px;}
                        
.lavaLamp li a:hover, .lavaLampWithImage li a:active, .lavaLampWithImage li a:visited {border: none; cursor:pointer;}
#menu {margin-top:11px;}
.logocon{width:250px; border:0;}

/* photoindex */
.slide {padding-left:15px; width:165px; height:21px; margin:0 auto; background:url(slidebutton.png) bottom left no-repeat; font:bold 11px/20px Arial, Helvetica, sans-serif; margin-top:-1px;}
.slide a:link, .slide a:hover, .slide a:focus, .slide a:visited {color:#c6d0d6; text-decoration:none;}
a.btn-slide {padding:2px 5px 2px 22px; margin-right:8px; outline:none;}
.thumb {float:left; margin:4px; height:50px; width:50px;}
a:link .thumb, a:visited .thumb {border:4px solid #000;}
a:hover .thumb, a:focus .thumb, a:active .thumb{border-color:#126189;}

/* photo at display */
#bigphoto {margin:15px auto; padding-bottom:15px; overflow:visible;}
.photo-portrait, .photo-landscape, .photo-extra, .photo-extra2 {margin:0 auto; background:url(thumb-bg.png) top left repeat; padding:15px; text-align:left; width:450px;}
.photo-landscape {width:677px;}
.photo-extra {width:700px;}
.photo-extra2 {width:500px;}
.nextbutton {float:right; margin-left:12px;}
.prevbutton {float:left; margin-right:12px;}
h2.phototitle {color:#b2b8bb; font-size:21px; line-height:20px; font-weight:normal; }
p.description, p.alert {color:#c6d0d6; font-size:13px; line-height:16px;}
a:link.image, a:active.image, a:visited.image {outline:none;}
a:focus.image, a:hover.image {cursor:pointer;}

/* commentaries */
.comment {width:650px; padding:15px 15px 5px 15px; margin:0 auto; text-align:right;}
.comment blockquote{text-align:left; font:normal 12px/14px Arial, Helvetica, sans-serif; background:url(thumb-bg.png) top left repeat; width:435px; padding:10px; color:#d6d5d0; float:right;}
.comment p {text-align:left; color:#858889; line-height:17px; font-size:14px; margin-bottom:15px;}
.comment p.id{font-size:13px; color:#2f7697; padding-top:8px; font-weight:bold; line-height:14px;}
.userdata {width:195px; text-align:right; background:url(comm3.jpg) 3px right no-repeat;}
.subs a:link, .subs a:visited, .subs a:active {color:#858889; text-decoration:none;}
.subs a:hover, .subs a:focus {color:#2f7697;}

/* forms */
#addcom {margin:0 auto; width:400px; padding:35px; text-align:right;}
#addcom label {font:bold 16px/20px Arial, Helvetica, sans-serif; color:#d6d5d0; float:left; width:100px; margin-right:20px; padding-top:2px;}
.datarow {height:40px;}
.datatext {height:60px; margin-bottom:10px;}
.datarow input, #addcom textarea {width:250px; float:left; font:bold 17px/19px Calibri, Arial, Helvetica, sans-serif; padding:0px; border:2px solid #111213; background:#c5c5c5 url(inputbg.jpg) top left repeat-x;}
#addcom textarea {height:60px; }
.sub{color:#111213; font-size:15px; font-weight:bold; padding:0 10px; margin-right:25px;}
.alert {margin-top:15px;}