* { margin: 0; padding: 0; }

body {
  text-align: center;
  background-color: #868C97;
  color: #434343;
}

body,td {
   font-family: Tahoma, Verdana, sans-seriff;
  font-size: 11px;
}
img { border: ; }

p { text-align: justify; }

ul,ol {
  margin: 10px 10px 10px 20px;
}

a  {
  color: #306090;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
  background-color: #f7f7f7;
  
}

a.info {
  background: url(img/ico2.gif) no-repeat center left;
  padding: 2px 0 2px 23px;
  color: #A5B54A;
  margin-left: 20px;
}
a.web {
  background: url(img/www.gif) no-repeat center left;
  padding: 2px 0 2px 20px;
  color: #A5B54A;
  margin-left: 20px;
}

h3 {
  margin-top: 10px;
}
h4 {
  margin-top: 7px;
}


p {
  margin: 5px;
}

div#container {
  margin: auto;
  text-align: left;
  background-color: #fefff2;
  border: 1px solid #666666;
  width: 750px;

}


#left { 
   width: 24%;
   float: left;
}


div.col1 {
  float: left;
  display: inline;
  width: 50%;
}

div.col2 {
  float: right;
  display: inline;
  width: 50%;
}

/************
/* Menu
*************/

div.menu h4 {
  margin: 10px 0 5px 5px;
  border: 0;
  color: #666666;
  background: transparent url(img/ico.png) no-repeat center left;
  padding-left: 20px;
}

ul.menu {  
 border-top: 1px solid #DEDEDE;
 list-style-type: none;
 margin: 0 5px;
 width: 80%;
 background-color: #f7f7f7;
 border: 1px solid #dedede;
}

ul.menu li {
  display: block;
  border-bottom: 1px dotted #DEDEDE;
}


ul.menu a {
  padding: 3px 0 3px 10px;
  display: block;
}

ul.menu a:hover {
  text-decoration: none;
  background: #6B8AC3 url(img/fondo2.gif) repeat-y center right;
  color: #fff
}

ul.menu ul.sub {
  font-size: 10px;
  margin: 0px 10px 5px 20px;
}





html>body  div#content {
   min-height: 420px;
   height: auto;
}

div#content {
  width: 71%;
  float: right;
  /*background: #FFF url(img/fondo.gif) no-repeat top left;*/
  padding: 15px 10px 10px 15px;
  height: 420px;
  border-bottom: 2px solid #DEDEDE;
}

#pie {
  margin: auto;
  text-align: left;
  border: 2px solid #666666;
  width: 740px;
  margin-top: 3px;
  background-color: #F7F7F7;
  clear: both;
  font-size: 12px;
} 
#pie p {
  padding: 3px 10px 3px 10px;
}

#pie2 {
  margin: auto;
  text-align: left;
  border: 2px solid #fefff2;
  width: 740px;
  margin-top: 3px;
  background-color: #fefff2;
  clear: both;
  font-size: 5px;
} 
#pie2 p {
  padding: 3px 10px 3px 10px;
}

/**** menu dalt -****/

#menudalt{
	font-family: arial;
	text-decoration: underline;
	font-size: 15px;
	padding-left: 14px;
	color:#FFFFFF;
}

#veinticuatro{
	position: absolute;
	right: 135px;
	top: 20px;
	z-index: 1000;
}


/******  situacion.php  ************/


#caja{
	background-image: url(img/caja.gif);
	background-repeat: no-repeat;
	position: absolute;
	top: 100px;
	right: 150px;
	width: 200px;
	height: 440px;
}

#caja2{
	background-repeat: no-repeat;
	position: absolute;
	top: 80px;
	left: 370px;
	width: 200px;
	height: 440px;
}

/**********/

#info{
/*	position: absolute; */
	text-decoration: underline;
	top: 100px;
	left: 310px;
	font-family: arial;
	font-size: 12px;
	color: #CC0000;
	padding-left: 20px;
}

#info2{
/*	position: absolute; */
	text-decoration: underline;
	top: 100px;
	left: 310px;
	font-family: arial;
	font-size: 12px;
	color: #CC0000;
	padding-left: 5px;
}

#imagenPortada{
	position: absolute;
	top: 159px;
	left: 330px;
	z-index: 50;
}

#numerosTrabajos
{
	font-family: arial;
	font-size: 12px;
	color: #CC0000;

}

#gruas{
	position: absolute;
	top: 130px;
	left: 300px;
	color: #CC0000;
	z-index: 500;		
}

#gondolas{
	position: absolute;
	top: 130px;
	left: 600px;
	z-index: 500;
}

#gondolas2{
	position: absolute;
	top: 150px;
	left: 600px;
	z-index: 500;
}

#plataformas{
	position: absolute;
	top: 380px;
	left: 300px;
	color: White;
	z-index: 500;	
}
#auxilio{
	position: absolute;
	top: 380px;
	left: 640px;
	color: #666666;
	z-index: 500;		
}
#maintext{
        position: absolute;
	top: 425px;
	left: 300px;
	color: #666666;
	z-index: 500;
        width: 540px;		
}


#navcontainer ul
{
padding-left: 0;
margin-left: 0;
background-color: #036;
color: White;
float: left;
width: 100%;
font-family: arial, helvetica, sans-serif;
}

#navcontainer ul li { display: inline; }

#navcontainer ul li a
{
padding: 0.2em 1em;
background-color: #036;
color: White;
text-decoration: none;
float: left;
border-right: 1px solid #fff;
}

#navcontainer ul li a:hover
{
background-color: #369;
color: #fff;
}

.advert {
padding:2px 2px 2px 9px;color:navy;
color: #434343;

}

.advert a, .advert a:link, .advert a:visited {
text-decoration: none;
text-align: center;
color: #434343;

}

.advert a:hover {
text-decoration: underline;

}

.vert {
position: relative;
padding-bottom: 2px;
margin-right: 3px;
float: left;
color: #434343;
}