/*	-------------------------------------------------------------
	Website GV Soluciones
	eMotive dsign
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Descripcion:	Estilos generales del sitio
	Operario:		Abraham / am180@em360.com
	Fecha:			Junio 2006
	-------------------------------------------------------------	*/


/*	-------------------------------------------------------------
	Estilos basicos
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	body {
		font: normal 0.75em/1.4em "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
		color: #FFF;
		padding: 0;
		margin: 0;
		background: #59162C url(../imx/maqueta/bgCabecera.gif) repeat-x;
	}
	h2 {
		font-family: "Futura", "Trebuchet MS", Arial, sans-serif;
		font-size: 1.5em;
		font-weight: bold;
		font-style: italic;
		text-transform: uppercase;
		margin: 0 0 0.33em 0;
	}
	h3 {
		font-family: "Futura", "Trebuchet MS", Arial, sans-serif;
		font-size: 1.25em;
		font-style: italic;
		font-weight: normal;
		text-transform: uppercase;
		color: #D9366C;
		margin: 1.33em 0 0.33em 0;
	}
	p {
		margin: 0 0 1.33em 0;
	}
	ul {
		margin: 0 0 1.33em 3em;
	}
	h2 span, h3 span {
		display: none;
	}
	a {
		color: #D9366C;
	}
	a:hover {
		color: #D3ABAF;
	}
	.clearfloats {
		clear: both;
	}

/*	-------------------------------------------------------------
	Maqueta
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	#contenedor {
		margin: 0 auto 20px auto;
		width: 710px;
/*		max-width: 868px;
		min-width: 700px;*/
	}
	#cabecera {
		height: 150px;
		width: 100%;
	}
	#logo {
		width: 130px;
		float:right;
		/*background: url(../imx/maqueta/solucionsMedioambientais.gif) no-repeat 0 50px;*/
		margin:-20px 0 0 0;
		text-align: right;
	}
	
	#logo a img{
		border-style:none;
		outline:none;
		margin:0 0 0 5px;
		}
	

	
	#cuerpo {
		padding: 30px 0 40px 0;
	}
	.maqueta1 #primaria {
		width: 100%;
		float: right;
		margin-left: -260px;
	}
	.maqueta1 #contenido {
		margin: 0 0 0 260px;
	}
	.maqueta1 #secundaria {
		float: left;
		width: 260px;
	}
	.maqueta2 #primaria {
		width: 100%;
		float: right;
		margin-left: -180px;
	}
	.maqueta2 #contenido {
		margin: 0 0 0 180px;
	}
	.maqueta2 #secundaria {
		float: left;
		width: 180px;
	}
	#pie {
		clear: both;
		border-top: 1px solid #802040;
		font-size: 0.8em;
		padding: 0 0 10px 0;
	}
	
	#pie a img{
		border-style:none;
		outline-style:none;
		}


/*	Menu Servicios Pestanhas
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	ul#menuServicios {
		margin: 0;
		height: 35px;
		list-style: none;
		padding: 9px 0 0 0;
	}
	ul#menuServicios li {
		padding: 0;
		margin: 0 3px 0 0;
		float: left;
	}
	ul#menuServicios a {
		display: block;
		width: 198px;
		height: 35px;
		background-position: 0 0;
	}
	ul#menuServicios a span {
		display: none;
	}
	ul#menuServicios a:hover {
		background-position: 0 -35px;
	}
	#navCon {
		background-image: url(../imx/maqueta/pestanhaConsultoria.gif);
	}
	#navIng {
		background-image: url(../imx/maqueta/pestanhaGamaProdutos.gif);
	}
	#consultoria a#navCon, #ingenieria a#navIng {
		background-position: 0 -70px;
	}

/*	Estilos en div contenido
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#contenido div.bloque {
		background: url(../imx/iconos/bulletGrande.gif) no-repeat left top;
		padding: 0 0 0 40px;
	}
	div#servicios {
		margin: 3em 0 0 0;
	}
	div#servicios div.columna {
		float: left;
		width: 45%;
		padding-right: 4%;
	}
	div#servicios h2 {
		background: url(../imx/titulos/servicios.gif) no-repeat left top;
		height: 24px;
	}
	div#contacto {
		background: url(../imx/maqueta/bgContacto.jpg) no-repeat 31px 0;
		color: #59162C;
		height: 160px;
		overflow: hidden;
	}
	div#contacto h2 {
		background: url(../imx/iconos/contacto.gif) no-repeat left top;
		padding: 5px 0 0 40px;
		margin-bottom: 0.33em;
	}
	div#contacto h2 a {
		background: url(../imx/titulos/contacto.gif) no-repeat left top;
		display: block;
		width: 120px;
		height: 24px;
	}
	div#contacto h2 a:hover {
		background-position: left bottom;
	}
	div#contacto address, div#contacto p {
		padding: 0 0 0 40px;
		margin: 0;
		font-style: normal;
		font-size: 0.9em;
	}
	div#contacto p a, div#contacto p a:visited {
		color: #802040;
		text-decoration: none;
	}
	div#contacto p a:hover {
		color: #59162C;
		text-decoration: underline;
	}
	h2#enlaces {
		background: url(../imx/iconos/enlaces.gif) no-repeat left top;
		padding: 0 0 0 35px;
	}
	body#enlaces #contenido h2, h2#enlaces a, h2#enlaces:visited {
		background: url(../imx/titulos/enlaces.gif) no-repeat left top;
		display: block;
		height: 24px;
		width: 100px;
	}
	h2#enlaces a:hover {
		background-position: left bottom;
	}
	h2#home {
		background: url(../imx/iconos/home.gif) no-repeat left top;
		padding: 0 0 0 35px;
	}
	h2#home a {
		background: url(../imx/titulos/home.gif) no-repeat left top;
		display: block;
		height: 24px;
		width: 80px;
	}
	h2#home a:hover {
		background-position: left bottom;
	}
	
	/*servicio*/
	h2#home2 {
		background: url(../imx/iconos/home.gif) no-repeat 0 22px;
		padding: 0 0 0 35px;
	}
	h2#home2 a {
		background: url(../imx/titulos/home.gif) no-repeat left top;
		display: block;
		height: 24px;
		width: 80px;
	}
	h2#home2 a:hover {
		background-position: left bottom;
	}
	/**/
	
	
	h2#contacto {
		background: url(../imx/iconos/contacto.gif) no-repeat left top;
		padding: 0 0 0 35px;
	}
	h2#contacto a {
		background: url(../imx/titulos/contacto2.gif) no-repeat left top;
		display: block;
		height: 24px;
		width: 120px;
	}
	h2#contacto a:hover {
		background-position: left bottom;
	}
	p.fotos img {
		background:url(../imx/maqueta/bgFotos.jpg) no-repeat left top;
		padding: 7px 9px 16px 9px;
	}
	p.fotos2 img {
		background:url(../imx/maqueta/bgFotos.jpg) no-repeat left top;
		padding: 7px 9px 16px 9px;
	}
	
	p.cat img {
		/*background:url(../imx/maqueta/bgFotos.jpg) no-repeat left top;*/
		width: 50px;
		padding: 25px 2px 0 6px;
		border: none;
	}
	p.catalogos {
		float: left;
		width: 51px;
		margin: 0 0 10px 8px;
		font-size: 9px;
		line-height: 12px;
	}
	p.catalogos img {
		margin: 0 0 8px 0;
		border: none;
	}
	p.catalogos a {
		text-decoration: none; 
	}
	p.fotos {
		float: left;
		width: 80px;
	}
	/*servicios*/
	p.fotos2 {
		float: left;
		width: 150px;
	}
	p.descatalog {
		width: 80px;
		height: 70px;
		margin: 20px 0 0 7px;
		font-size: 9px;
		line-height: 12px;
		overflow: auto;
	}
	p.descatalog a{
		color: #FFFFFF;
		text-decoration: none;
	}
	.maqueta2 p.fotos {
		margin: 0 0 0.33em;
	}
	.maqueta2 p.fotos2{margin:0 0 0.33em;}
	
	#home p.fotos2{
		text-align: center;
		margin-top: 2em;
	}
	#home p.fotos {
		text-align: center;
		margin-top: 2em;
	}
	#primaria ul {
		list-style-image: url(../imx/iconos/bulletPeque.gif);
		list-style-position: outside;
	}
	#primaria ul ul {
		list-style-image: none;
		list-style-type: square;
		margin-bottom: 0.33em;
		margin-left: 1.66em;
		padding-left: 0;
	}
	ul.linkList {
		margin: 0 0 1.5em 1.25em;
		padding: 0;
	}
	ul.linkList li {
		margin: 0 0 1em 0;
		padding: 0 0 1em 0.25em;
	}
	ul.linkList strong {
		font-family: "Futura", "Trebuchet MS", Arial, sans-serif;
		font-size: 1.15em;
		font-style: italic;
		font-weight: normal;
		text-transform: uppercase;		
	}
	a.topLink {
		float:right;
	}
		
/*	Descargas
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	p.descarga {
		border-top: 1px solid #802040;
		border-bottom: 1px solid #802040;
		padding: 2px 0;
		background: url(../imx/iconos/download.gif) no-repeat right center;
		clear: both;
	}
	p.descarga a {
		text-decoration: none;
		color: #A6A6A6;
		text-transform: uppercase;
		margin: 0 30px 0 0;
	}
	p.descarga a:hover {
		color: #D3ABAF;
	}
	p.descarga img {
		border: none;
		vertical-align: middle;
	}
	
	/*variante descargas*/
	
	p.descarga2 {
		border-top: 1px solid #802040;
		border-bottom: 1px solid #802040;
		padding: 2px 0;
		background: url(../imx/iconos/download.gif) no-repeat right center;
		clear: both;
	}
	p.descarga2 a {
		text-decoration: none;
		color: #A6A6A6;
		text-transform: uppercase;
		margin: 0 29px 0 0;
	}
	p.descarga2 a:hover {
		color: #D3ABAF;
	}
	p.descarga2 img {
		border: none;
		vertical-align: middle;
	}
	
	
/*	Formulario
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#contacto form p {
		padding: 0 0 10px 0;
		clear: left;
	}
	#contacto form label {
		width: 120px;
		display: block;
		margin-right: 10px;
		float: left;
		overflow: hidden;
		text-transform: uppercase;
		font-size: 0.9em;
		color: #D3ABAF;
	}
	#contacto form input, #contacto form textarea {
		float: left;
		clear: right;
	}
	#contacto form p span {
		clear: both;
	}