body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	text-align:center;
	background: url(../imagenes/fondo_body.jpg) repeat-x #999;}

h3 {
	border-left: 4px solid #99CC33;
	border-bottom:1px solid  #666;
	padding-left:10px;}

a {	color: #333 ;text-decoration: none;}
a:hover {color: #666; padding-right:3px;}

caption {text-transform:uppercase;text-align: center; padding:10px; font-weight:bold;}
td {border:1px solid #CCCCCC;}
th {background: #8bac37; border:1px solid #666666; text-align:center;}

.limpiar { clear:both;}

/* Estructura basica */
#contenedor {
	width: 770px;
	text-align: center;
	margin:30px auto;
	background: #FFF;
	padding:10px;
	border:1px solid #CCCCCC;}

#logoassi {
	width:400px;
	float:left;
	text-align: left;
	margin: 0px 0px 5px 5px;}

#idioma {float:right;}
#idioma a {color:#339900;}	

/*Menu de los departamentos*/	
#menudeptos {
	width:346px;
	height:209px;
	margin:0px;
	padding:0px;
	border:0px;
	float:left;
	text-align: left;}

#menudeptos ul {
	margin: 0px;
	padding:0px;}
#menudeptos li {
	width:320px;
	display: block;
	float:left;
	list-style-type:none;
	margin:0px;
	background:url(../imagenes/fondo_menu_dpto.jpg) repeat-x;}
#menudeptos a {
	width:320px;
	float:left;
	padding:13px 0px 14px 26px;
	margin:0px;
	color: #fff;
	border-bottom:1px solid #fff;
	background:url(../imagenes/fondo_menu_dpto.jpg) repeat-x;}
#menudeptos a:hover {background:#8AAC34;color:#fff;}

/*Imagen central*/
#imagencentral {
	float:left;
	width:424px;
	height:219px;
	border-bottom:1px solid #FFFFFF;
	margin:0px;}

/*Menu de la Home*/
#menu {
	font-weight:bold;
	width:770px;
	height:30px;
	text-align:left;
	background: url(../imagenes/fondo_menu_2.jpg) #2D2E32;
	margin:0px;
	padding:0px;}
#menu ul {
	margin: 0px;
	padding: 0px;}
#menu li {display:inline;}
#menu a {
	background:url(../imagenes/fondo_menu_2.jpg) #2D2E32;
	border-right:1px solid #999;
	color: #eee;
	float: left;	
	margin-left: 1px;
	padding: 8px;
	text-decoration: none;}
#menu a:hover {
	color: #CCFF00;
	background: #444;}


/*Contenido y las dos columnas para la home*/
#contenido {
	width:770px;
	padding-top:5px;
	margin:0px;
	text-align:left;
	color:#333;
	background: #fff;}
#izquierda {
	color: #CCC;
	background:url(../imagenes/fondo_menu_2.jpg) #2D2E32 repeat-x;
	float:left;
	width:403px;
	padding:10px;}
#izquierda h2{
	font-size:1.6em;
	color: #fff;
	width:390;}
#slogan {
	width:380px;
	margin-top:5px;
	padding:10px;
	text-align:center;
	color:#CCFF66;
	font-weight:bold;}
#fotosrrhh {
	width:380px;
	margin-top: 10px;
	padding:10px;
	text-align:center;}
#fotosrrhh img {
	margin:5px;
	padding:3px;
	border:3px solid #FFFFFF;}

#derecha {
	float: right;
	width:330px;
	padding-left:10px;
	background: #FFF;}
#derecha img {
	float:left;
	border:1px solid #999;
	margin:2px;
	padding:2px;}
#derecha a {color: #99CC00;text-decoration: none;}
#derecha a:hover {color: #339900;}
#derecha h2 {
	width:323px;
	padding: 0px 0px 5px 10px;
	text-align:left;
	font-size: 1.0em;
	color: #4E4E27;
	border-bottom: 1px solid #99CC00;}

.txtdptos {
	color: #666;
	font-size:11px;
	width: 225px;
	padding: 0px 5px 10px 0px;
	float: right;}
	
/*Pie de pagina*/
#pie {
	width:750px;
	margin:3px 0px 0px 0px;
	padding:10px;
	font-size:11px;
	text-align:left;
	background: url(../imagenes/fondo_pie.jpg) no-repeat;}
#pieizq {
	float:left;
	width:380px;
	padding-left:10px;}
#pieder {
	float:left;
	width:360px;}
#pie a {
	text-decoration:none;
	color:#000000;}
#pie a:hover {color: #333; padding-left:3px;}	


/*Formulario de contacto*/
form {
	float: left;
	width: 360px;
	margin-left:20px;
	padding:0px;
	background:#2D2E32;
}
input, select, textarea {
	border: 1px solid #666;
	margin-bottom: 3px;
	color:#F8F8F8;
	background:#555;
	}
form span {
	float: left;
	width: 100px;
	text-align: right;
	color: #FFF;
}


/*Vista de imagenes en cada pagina de los Departamentos */
#fotos_dptos img {
	border:5px solid #F0F0F0;
	margin:10px 0px 5px 6px;
	padding:2px;} 
	

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px solid gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */

}