/* CSS Document */
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}

#contenedora {
	position:absolute;
	height:525px;
	width:960px;
	top:50%;
	left:50%;
	margin-top:-262.5px;
	margin-left:-480px;
}

#cabecera {
	background:url(../img/fondo_cabecera.gif) left bottom repeat-x #FF9966;
	width:inherit;
	height:100px;
}
#logotipo {
	width:220px;
	height:85px;
	float:left;	
}

#menu {
	width:231px;
	height:75px;
	float:right;
	padding-top:12px;
}

	.home a {
		display:block;
		background:url(../img/btn_homeOFF.gif) no-repeat;
		width:75px;
		height:75px;
		}
		
	.home a:hover {
		background:url(../img/btn_homeON.gif) no-repeat;
	}
	
	.proyectos a {
		display:block;
		background:url(../img/btn_proyectosOFF.gif) no-repeat;
		width:75px;
		height:75px;
		}
		
	.proyectos a:hover {
		background:url(../img/btn_proyectosON.gif) no-repeat;
	}
	
	.contacto a {
		display:block;
		background:url(../img/btn_contactoOFF.gif) no-repeat;
		width:75px;
		height:75px;
		}
		
	.contacto a:hover {
		background:url(../img/btn_contactoON.gif) no-repeat;
	}
	
#datos_contacto {
	padding-top:0px;
	*padding-top:10px;
	height:90px;
	width:280px;
	text-align:center;
	color:#FFF;
	float:right;
	
}	

#cuerpo {
	width:inherit;
	height:405px;
	background:url(../img/fondo_cuerpo.gif) top left no-repeat #EBEBEB;
}
#columna_texto {
	float:left;
	width:490px;
	height:405px;
	padding:0 15px 0 15px;
	*height:390px;
	*padding-top:15px;	
}
	.fondo_inicio {background:url(../img/plano.jpg) left bottom no-repeat;}
	.tarjeta_contacto div{
		width:290px;
		height:189px;
		margin:40px 0 0 100px;		
		background-image:url(../img/tarjeta.png);
		background-repeat:no-repeat;
		background-position:center center;
		/*Hack del ie para que quite la imagen de fondo anterior y poder poner la imagen aplicada con el filtro DX. 																				        Recordar que en este src cambian las rutas.*/
		_background-image:none;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='scale', src=	'img/tarjeta.png');}

#columna_imagen {
	float:right;
	width:410px;
	height:405px;	
}

	.fondo_corporativo 	{background:url(../img/corporativaShoppingApotheka.jpg) right bottom no-repeat;}

#pie{
	width:940px;
	height:18px;
	background-color:#F44800;
	color:#FFF;
	padding: 2px 10px 0 10px;
	/*background:url(../img/fondo_cuerpo.gif) top left repeat-x #F44800;*/
} 

#pie a, #datos_contacto a {color:#FFF;text-decoration:none;padding:0 5px 0 5px;}
#pie a:hover, #datos_contacto a:hover {text-decoration:underline;}

#pie_izda {float:left;}
#pie_dcha {float:right;}

/*=Proyectos
-------------------------------------------------------------------*/
.imagenes_proyectos {
	margin:20px 0 0px 20px;
}

.imagenes_proyectos td {
	width:180px;
	height:120px;
	background:url(../img/optica/sombra_foto.png) no-repeat;
	text-align:center;
	vertical-align:middle;}
	
	
.lista_proyectos li {	
	padding:0 0 5px 20px;
	background:url(../img/bullet.gif) no-repeat 2% 20%; 
	float:none;
}

/*=Contacto
-------------------------------------------------------------------*/
.formulario_contacto {
	width:350px;}
	
.width1 {width:130px;}	
.width2 {width:300px;}

input, textarea, select {
	border:1px solid #FF9966;
	padding:2px;
	margin-bottom:4px;	
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;}
	
.btn_enviar {
	padding-left:80px;
	padding-left:75px;
	border:0;}






h2 {font-size:16px;color:#F44800}
h3 {font-size:12px;color:#F44800}
h4 {display:none;}
li{
	list-style-type:none;
	float:left;
	padding-right:2px;

}
ul{padding:0;margin:0;}
img {border:0;}

table, td, tr, thead, tbody, table tr td table, table tr td table td,table tr td table tbody, table tr td table thead, table tr td table tr
{	border-collapse: collapse;
	border-width:0;
	padding:0px;
	margin:0px;
	border:0px;
}