﻿h1 { font-size: 11pt; font-weight: normal; }
body { margin: 0px; background-image: url(images/background.png); background-repeat: repeat-x; font-size: 12px; font-family: 'Trebuchet MS' , Verdana; }

.a { background-image: url(images/menuOut.png); float: left; height: 17px; width: 179px; font-family: Tahoma, "Trebuchet MS" , Verdana; font-size: 11px; font-weight: bold; color: #0d609e; text-decoration: none; text-indent: 40px; padding-top: 5px; }
.a:hover { background-image: url(images/menuOver.png); height: 17px; width: 179px; color: #000000; }

input, select, textarea { color: #0d609e; font-size: 12px; font-family: 'Trebuchet MS' , Verdana; }

a { color: #0d609e; text-decoration: none; }
a:hover { color: red; }

.img { padding-bottom: 8px; padding-left: 8px; padding-right: 8px; padding-top: 8px; }

#fundo { background-image: url('images/JRSeguranca_10.png' ); background-repeat: no-repeat; background-position: top; width: 730px; height: 52px; }

#areasite { height: auto; width: 750px; padding: 0px 10px 10px 10px; margin: auto; }
#areasite #topo { width: 730px; height: 150px; }

#areasite #topo #monitor { float: left; height: 150px; width: 411px; clear: none; background-image: url(images/site_03.png); background-repeat: no-repeat; background-color: #FFFFFF; }

#areasite #topo #camera { float: left; height: 150px; width: 319px; background-color: #FFFFFF; }
#areasite #topo #camera #log { float: left; height: 110px; width: 134px; background-image: url(images/site_01.png); background-repeat: no-repeat; }
#areasite #topo #camera #logo { float: left; height: 110px; width: 185px; background-image: url(images/site_02.png); background-repeat: no-repeat; }
#areasite #topo #camera #rod { float: left; height: 40px; width: 179px; display: table; background-image: url(images/site_05.png); background-repeat: no-repeat; padding-bottom: -10px; background-position: top; }
#areasite #topo #camera #out { float: left; height: 40px; width: 140px; clear: right; display: table; background-image: url(images/site_06.png); background-repeat: no-repeat; background-position: top; }

html #areasite #outras { height: 100%; width: 730px; background-color: #FFFFFF; float: left;  }

#areasite #outras #menu { height: 100%; width: 179px; float: left; }

#areasite #outras #navega { height: auto; margin: 0 5px 0 182px; }

#areasite #outras #antrod { height: 5px; width: 730px; text-align: center; background-color: #f5f5f5; float: left;  }

#areasite #outras #rodape { height: auto; width: 730px; background-image: url(images/site_10.png); background-repeat: no-repeat; background-position: bottom; float: left; display: table; margin-bottom: 5px; }
#areasite #outras #rodape .esq { width: 485px; float: left; padding-top: 15px;  }
#areasite #outras #rodape .dir { width: 180px; float: right; text-align: right; padding-top: 5px; }