/*1. Estilos Generales
2. Cabecera
3. Contenedor
4. Rastro de migas
5. Cuerpo
6. Menu
7. Contenido
8. Pie

1. estilos generales*/
*{margin:0;padding:0;border:0;vertical-align:baseline;background:transparent}
body{ font-family:helvetica,sans-serif;font-size:.85em;text-align:center}
.fr{float:right;}
.fl{ float:left;}
.fecha{ font-weight:normal;}
.boton{color:#fff; font-family:helvetica,sans-serif;}
h1{ color:#003366;}
h2{ font-size:.9em; color:#333;}
h3{ color:#008A42; font-size:.95em;}
h4{ color:#333; font-size:.85em;}
a{ text-decoration:underline; color:#666;}
a:hover{ color:#333; text-decoration:none;}
ul{ list-style-type:none;}
textarea{border: 1px solid #ccc; font-family:helvetica,sans-serif;background:whitesmoke;}
input{border: 1px solid #ccc; font-family: Helvetica, sans-serif; font-size:0.8em; margin-left:3px;background:whitesmoke;}

.vAlignTop{ vertical-align:top;}
.vAlignMiddle{ vertical-align:middle;}
.vAlignBottom{ vertical-align:bottom;}
.error{ text-align:center; color:red;}
object{width:900px; height:600px;}
/*contenedor general*/
#generalContent{
 background: url(../img/bg/cornerLT.jpg) no-repeat left top;
	margin:1em auto;
	width:900px;
	}
#generalContent #cornerRT{background: url(../img/bg/cornerRT.jpg) no-repeat right top;}	
#generalContent #cornerLB{ background: url(../img/bg/cornerLB.jpg) no-repeat left bottom;}	
#generalContent #cornerRB{background: url(../img/bg/cornerRB.jpg) no-repeat right bottom;}	
#header{padding:2.5em 0 0 2em;text-align:left;}
#generalContent .contenidos{margin:1em 0 0 0; padding:4em 1em 7em 1em; overflow:hidden;  position:relative;} 
#generalContent.contactar .contenidos{ height:600px;} 
#generalContent .contenidos p{margin:1.5em auto; text-align:left; width:52%;font-weight:normal;color:#333333}

#generalContent  #menu{ font-weight:normal; position:absolute; bottom:6.6em; left:5.5em;text-align:center;font-weight:bold;}
#generalContent  #menu li{ padding:0.17em;}

#generalContent  #menuAdmin{ font-weight:normal; position:absolute; bottom:6.6em; left:2.5em;text-align:center;font-weight:bold;}

#generalContent.contactar #menu{top:25.3em;}
#generalContent.visorFotos #menu{bottom:9.25em;}
#generalContent.contactar  #menu li{ padding:0.17em;}
#generalContent.visorFotos  #menu li{ padding:0.17em;}

#generalContent .contenidos #menu  a{ font-size:1.2em; text-decoration:none;color:#999999}
#generalContent .contenidos #menu  a:hover{ color:#333333}
#generalContent .contenidos .galeria{float:right; margin:4.2em 0 0 3em; width:45%;}
#generalContent.nosotros .contenidos .galeria{margin:2.2em 0 0 3em;}

#generalContent .contenidos .galeria li{
	background-image:none;
	float:left;
	margin:0px 2px 5px 3px;
	padding-bottom:20px;
	/*position:relative;*/
	vertical-align:top;
	width:71px;
	}
#generalContent .contenidos .galeria li img{ float:right; margin:8px 0;}
#generalContent .contenidos .galeria li span{ display:block; /*position:absolute; bottom:12px; left:8px;*/ text-align:center; width:8.8em;}

#generalContent .contenidos .mosaico {
float:right;
height:390px;
overflow-y:auto;
width:65%;
margin-right:5em;
margin-top:-2.3em
}

#generalContent .contenidos .mosaico div{ margin:0;}
#generalContent .contenidos .mosaico div a{ margin:0;float:left;}
#generalContent .contenidos .mosaico div img.thumbSelect {
border:2px solid red;
}

#generalContent.visorFotos{  background: url(../img/bg/FondoBlanco2.jpg) no-repeat center top; height:600px;}
#generalContent .contenidos .visor{ margin:-2.6em 0 0 16.45em;}
#generalContent .contenidos .visor p{ text-align:center;margin: 0 0 10px 160px;}
#generalContent .contenidos .visor a{
	
 	font-family:"Arial Narrow",tahoma,helvetica,sans-serif;
 	font-size:.8em;
 	font-weight:normal;
 	color:#060606;
 	text-decoration:none;
	margin:0 0.8em;}
#generalContent .contenidos .visor a{ outline:none; }
	.visor a.left{background: url(../img/bg/bulletEnlacesLeft.jpg) no-repeat 0 4px; padding-left:12px;top:5px;}
	#generalContent .contenidos .visor a.right{background: url(../img/bg/bulletEnlacesRight.jpg) no-repeat right 2px; padding-right:12px;}

	#generalContent.contactar{  background: url(../img/bg/FondoContactar.jpg) no-repeat center top; height:600px;}
	#generalContent.galeria{  background: url(../img/bg/FondoBlanco2.jpg) no-repeat center top; height:800px;}
#generalContent.contactar .contenidos .galeria{float:right;
margin-bottom:0;
margin-right:-6em;
margin-top:-14.3em;
width:45%;}
#generalContent.contactar .contenidos .galeria li{
	background-image:none;
	float:left;
	margin:0px 2px 5px 3px;
	padding-bottom:20px;
	/*position:relative;*/
	vertical-align:top;
	width:71px;
	}
#generalContent.contactar .contenidos .galeria li img{ float:right; margin:8px 0;}
#generalContent.contactar .contenidos .galeria li span{ display:block; /*position:absolute; bottom:12px; left:8px;*/ text-align:center; width:8.8em;}
	#generalContent.contactar address {
color:#333333;
font-style:normal;
font-weight:normal;
margin-bottom:20px;
margin-right:220px;
margin-top:0;
text-align:center;
}

	#generalContent.contactar .nombre{display:block;}
	#generalContent.contactar .telef{padding-top:24px;display:block}
	#generalContent.contactar span{}

	#generalContent.nosotros{  background: url(../img/bg/FondoPuerta02.jpg) no-repeat center top; height:600px;}
#generalContent.nosotros #menu{bottom:8.95em;}
#generalContent.nosotros .contenidos p{margin:.8em auto; text-align:left; width:52%;font-weight:normal;color:#333333;padding-right:9.7em;}

/* Administracion*/
/*#generalContent table{margin:1.5em auto;font-weight:normal;color:#3D3C41} 
#generalContent table tr{background:gainsboro;} 
#generalContent table tr th{background:CadetBlue;font-weight:bold} 
#generalContent table tr.filaVerde{background:PaleGreen;}*/
#generalContent table { margin-top:1em;margin-left:15em;;background:#D3E4E5;
 border:1px solid gray;
 border-collapse:collapse;
 color:#fff;
 font:normal 12px helvetica, sans-serif;
}
#generalContent caption { border:1px solid #5C443A;
 color:#5C443A;
 font-weight:bold;
 letter-spacing:20px;
 padding:6px 4px 8px 0px;
 text-align:center;
 text-transform:uppercase;
}
#generalContent td, th { color:#363636;
  padding:.4em;
 text-align:center;
}
#generalContent tr { border:1px dotted gray;
}
#generalContent thead th, tfoot th { background:#5C443A;
 color:#FFFFFF;
 padding:3px 10px 3px 10px;
 text-align:center;
 text-transform:uppercase;
}
#generalContent tbody td a { color:#363636;
 text-decoration:none;
 text-align:center;
}

#generalContent tbody td a:hover { text-decoration:underline;
}
#generalContent tbody th a { color:#363636;
 font-weight:bold;
 text-align:center;
 text-decoration:none;
}
#generalContent tbody th a:hover { color:#363636;
}
#generalContent tbody td+td+td+td a { background-image:url('bullet_blue.png');
 background-position:left center;
 background-repeat:no-repeat;
 color:#03476F;
 padding-left:15px;
 text-align:center;
 font-weight:bold
}
#generalContent tbody td+td+td+td a:visited { background-image:url('bullet_white.png');
 background-position:left center;
 background-repeat:no-repeat;
 text-align:center;
 font-weight:bold
}
#generalContent tbody th, tbody td { text-align:left;
 vertical-align:top;
 text-align:center;
}
#generalContent tfoot td { background:#5C443A;
 color:#FFFFFF;
 padding-top:3px;
 text-align:right;
}
#generalContent .odd { background:#fff;
}
#generalContent tbody tr:hover { background:#99BCBF;
 border:1px solid #03476F;
 color:#000000;
}
#generalContent table tr.filaVerde td.celdaVerde{background: url(../img/bg/IconoManoOK.gif) no-repeat center; height:30px;}

.mycontrolboxclass{
	position: absolute;
	right: 35px;
	top: 386px;
	width:700px;
	height:392px;
}

.next-button{
position:absolute;
		top:4px;
		left:660px;
}
.back-button{
position:absolute;
		left:55px;
		margin-bottom:5px;
}
.pause-button{
position:absolute;
		top:-388px;
		left:610px;
}
#imagenesObra{
 left:-77px;
 top:-15px; 
}

#imagenesObra img{
 margin-left:79px;
 margin-top:15px;
 
}