﻿/* hide from MacIE \*/
* html #letterbox { height: 1%;}
/* end hide */



<!--[if IE]>
#letterbox {height: 1%;}
<![endif]--> 



div#Header
{
	/* Centramos la imgen de cabecera */
	text-align: center;
	
	margin: 0;
	padding: 0;
	
	/* Establecemos un fondo diferente del resto de la pagina, linea naranja */
	width: 100%;
	background: #fff;
}








div#Languages
{
	/* Centramos el contenido en la página con la anchura de la imagen de cabecera */
text-align:right;
width: 800px;
margin-top:0px;
# margin-top:-22px !important;
margin-right: auto;
# margin-bottom:-20px !important;
margin-bottom: 0px;
margin-left: auto;
background-image: url(images/accesobg.png);
# background-image: url(images/accesobg-ie.png) !important;
background-repeat: no-repeat;





 }
 
div#Languages a {
color: white;
font-size: 65%;
text-decoration:none;
padding-right: 40px;
text-align: right;
 }
 
 
.Banderas {
margin:0 725px;

 }
 
div#Languages a:hover {
color: white;
font-size: 65%;
text-decoration:underline;
 }
 
/* End */


div#Content
{
	/* Centramos el contenido en la página con la anchura de la imagen de cabecera */
	width: 800px;
	# margin:20px auto  !important;
	margin:auto;
	
	/* Fondo blanco para el contenido */
		background-image: url('images/bg-content.png');
	background-repeat:no-repeat;
	text-align:left;
	min-height:390px;
	
	
}

div#LeftColumn
{
	/* El menú en una columna de 200px ajustada a la izquierda */
	float: left;
	width:200px;
	# margin-left:30px !important;
	margin-left: 10px;
	
}

div#RightColumn
{
	/* El contenido en una columna sin que solape al menú. */
	width: 520px;
	min-height:330px;
	# padding-top:20px !important;
	float:right;
	padding: 0px;
	margin-right:30px;
}

div#RightColumn p {
	text-align: justify;
	margin-right: 20px;}
	
div#RightColumn ul {
	list-style-position: outside;
	text-align: justify;
	width: 452px;
	
}

.pCertificaciones {
	
	text-align: justify;
	width: 250px;
	
}

div#Footer
{
	/* El pie de página tras ambas columnas */
	clear: both;
	
	/* Ajustamos el tamaño al tamaño de la imagen de fondo */
	width: 750px;
	height:80px;
	/* Centramos el pié de página */
	# margin-top:-22 !important;
	margin:0px auto;
	background-color: #fff;

	/* Ponemos la imagen del pié de página */
	background: Transparent url('images/adminFooter.png') repeat-x scroll center left;
}


div#Footer .logos-home {
text-align:center;
margin:0 auto;
}

/*div#Footer .logos-home img {
height:50px;
width:80px;
}*/

div#Footer .supporters {
float:left;
margin-right:90px;
margin-left:60px;
}


div#Footer .quality {
float:left;
}


.clearleft {
clear:left;
}


/************
 * Listado de noticias
 *****/

ul.NewsList
{
	/* Mostramos como bloques normales */
	display: block;
	
	/* Centrado en la página */
	width :  80%;
	margin: auto;
	
	/* Primera línea de separación */
	border-top: solid 1px #cccccc
}

ul.NewsList .NewsDate
{
	float: left;
	width: 25%;
}

ul.NewsList .NewsTitle
{
	float: right;
	width: 70%;
}
ul.NewsList li
{
	/* Mostramos como bloques normales */
	display: block;
	
	/* Separación entre entradas de noticias */
	padding: 10px 0px;
	border-bottom: solid 1px #cccccc
}


ul {
	
	color: #474747;
}

li {
	font-size:0.75em;
	color: #474747;
}

/*logotipos en seccion mi empresa*/
div#logoemp {
	text-align: center;
}

div#logoemp img {
	padding-right: 4px;}

/*lista de clientes*/
div#lista-clientes {
	width: 500px;
}



.lista-izq {
	width: 300px;
	float:left;
}



.lista-der {
	width:200px;
	float: right;
}


.bg-lista {
	background-color: #fff8dc;
}

.bg-lista2 {
	background-color: #484848;
	color: #fff;
}

div#sectoractividad {
text-align:center; margin:20px 0 10px 0;}

div#sectoractividad img {
margin:0 10px;}

#id certificaciones {
	width: 500px;
	height: auto;
}

#id rowCertificaciones {
	width: 450px;
	height: auto;
	padding:10px 0 10px 0;
	} 

.logoCertificaciones {
	float:left;
	text-align: center;
	width: 140px;
	}

.textoCertificaciones {
	float:right;
	text-align: justify;
	margin-left: 10px;
	width: 250px;
	}

.clear {
	both;
}
div#Developer
{
	margin:40px auto;
	padding: 20px 0 0 0;
	font-size: 10px;
	text-align: center;
	color: #aaaaaa;
	border-top:dotted #dadada;
	border-top-width: 1px;
	
	# position:relative !important;

	width: 750px;
	height:50px;
	}
	
	div#Developer a {
	font-size:10px;
	text-decoration:none;
	color:#aaa;}
