body {
	font-family: "Arial";
	background: url(../Images/background.gif) repeat-x top left;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	font-size: 12px;
	color: #4a4a4a;
	text-align: center;
	/*overflow-x:hidden;*/
}

@media screen {
	
	#contenedor {
		float: none;
		margin: 0px auto !important;
		border: 0px;
		width: 1000px;

	}
	
	#fondo {
		text-align: justify;
		float: left;
		width: 100%;
		
	}
	
	#menuSuperior {
		float: left;
		width: 100%;
		margin: 0px;
	}
	
	#menuSuperior .izquierda {
		float: left;
		width: 48%;
		margin: 0px;
	}
	
	#menuSuperior .derecha {
		
		float: left;
		width: 48%;
		text-align: right;
		margin: 0px;
	}
	
	#menuSuperior .izquierda ul {
		float: left;
		list-style: none;
		margin: 7px 0px 0px 0px;
	}
	#menuSuperior .derecha ul {
		float: right;
		list-style: none;
		margin: 7px 0px 0px 0px;
	}
	
	#menuSuperior ul li {
		float: left;
		margin: 0px 0px 10px 0px;
	}
	
	#menuSuperior ul li a {
		text-decoration: none;
		color: #ffffff;
		font-size: 11px;
	}
	
	#menuSuperior ul li a:hover {
		text-decoration: underline;
	}
	
	#contenedorLogo {
		float: left;
		width: 100%;
		margin: 0px;
	}
	
	#contenedorLogo .izquierda {
		float: left;
		width: 38%;
		margin: 15px 0px 0px 15px;
	}
	
	#contenedorLogo .izquierda img {
		border: none;	
	}
	
	#contenedorLogo .derecha {
		float: left;	
		margin: 0px;
	}
	
	#contenedorLogo .derecha h1 {
		display: none;
	}
	
	#contenedorLogo .derecha ul {
		float: left;
		list-style: none;
		margin: 25px 0px 0px -80px;
	}
	
	#contenedorLogo .derecha ul li {
		float: left;
		margin: 0px 7px 0px 0px;
	}
	
	#contenedorLogo .derecha ul li a.naranja {
		float: left;
		padding: 30px 20px 20px 20px;
		background: url(../Images/bgMenu01.gif) repeat-x bottom left;
		font-size: 14px;
		text-decoration: none;
		color: #4a4a4a;
	}
	
	#contenedorLogo .derecha ul li a.naranja:hover {
		background: #ed8322 url(../Images/bgMenu01b.gif) repeat-x bottom left;
		color: #ffffff;
	}
	
	#contenedorLogo .derecha ul li a.verde {
		float: left;
		padding: 30px 20px 20px 20px;
		background: url(../Images/bgMenu02.gif) repeat-x bottom left;
		font-size: 14px;
		text-decoration: none;
		color: #4a4a4a;
	}
	
	#contenedorLogo .derecha ul li a.verde:hover {
		background: #a0ad39 url(../Images/bgMenu02b.gif) repeat-x bottom left;
		color: #ffffff;
	}
	
	#contenedorLogo .derecha ul li a.azul {
		float: left;
		padding: 30px 20px 20px 20px;
		background: url(../Images/bgMenu03.gif) repeat-x bottom left;
		font-size: 14px;
		text-decoration: none;
		color: #4a4a4a;
	}
	
	#contenedorLogo .derecha ul li a.azul:hover {
		background: #0068ad url(../Images/bgMenu03b.gif) repeat-x bottom left;
		color: #ffffff;
	}
	
	#slogan {
		float:  left;
		width: 100%;
		margin: 17px 0px 0px 0px;
		padding: 0px 0px 10px 0px;
		text-align: center;
		background: url(../Images/bgSlogan.gif) repeat-x bottom left;
		font-size: 18px;
	}
	
	#slogan .verde {
		color: #a0ad39;	
	}
	
	#slogan .naranja {
		color: #ffffff;
		background: #ed8322;
	}
	
	#cabecera {
		float: left;
		width: 100%;
		margin: 0px;
	}
	
	#cabecera ul.imagenes {
		float: left;
		list-style: none;
		margin: 0px 0px 0px -35px;
	}
	
	*:first-child+html #cabecera ul.imagenes {
		margin: 0px 0px 0px 0px;	
	}
	
	/* ZONA DE CONTENIDO */
	#contenido {
		float: left;
		width: 97%;
		margin: 3px 0px 0px 0px;
		background: #dae0e6;
		padding: 15px;
		line-height: 16.6px;
	}
	
	/*breadcrumb*/
	#contenido #ruta {
		float: left;
		width: 100%;
		margin: 0px;
		color: #0068ad;
	}
	
	#contenido #ruta a {
		color: #0068ad;
		text-decoration: none;
	}
	
	#contenido #ruta a:hover {
		text-decoration: underline;	
	}
	
	#contenido #ruta .ultimo {
		font-weight: bold;	
	}
	/*fin breadcrumb*/
	
	
	#contenido #banner_texto{
		float: left;
		width: 100%;
		margin: 0px;
	}
	
	/*contenido de la izquierda*/
	#contenido #banner_i{
		float: left;
		width:140px;
		height: 440px;
		margin: 10px auto;
		
	}
	
	#contenido #textos {
		float: left;
		width: 80%;
	}
	
	#contenido #texto_i {
		float: left;
		width: 100%;
		background: #ffffff;
		margin: 10px 0px 10px 10px;
		padding: 26px 15px 26px 15px;
	}
	
	h2 {
		font-size: 24px;	
	}
	
	*:first-child+html h2 {
		font-size: 21px;	
	}
	
	h2.principal {
		text-transform: uppercase !important;
		font-size: 30px;
		width: 100%;
		text-align: center;
		float: left;
	}
	
	*:first-child+html h2.principal {
		font-size: 21px !important;
	}
	
	h3 {
		float: left;
		width: 100%;
		margin: 0px;
		background: url(../Images/pestana.gif) no-repeat left;
		font-size: 15px;
		color: #e87530;
		padding: 0px 0px 0px 12px;
		text-transform: uppercase;
	}
	
	a.enlaceH3 {
			color: #e87530 !important;
			text-decoration: none !important;
	}
	
	#contenido #texto_i h2 {
		float: left;
		width: 100%;
		margin: 0px 0px 15px 0px;
	}
	
	#contenido #texto_i .entrada {
		float: left;
		width: 100%;
		margin: 0px 0px 10px 0px;
		font-style: italic;
	}
	
	#contenido #texto_i a {
		text-decoration: underline;
		color: #4a4a4a;
	}
	
	#contenido #texto_i .mas {
		color: #ED8322;
		font-weight: bold;
	}
	
	/*contenido de la derecha*/
	
	#contenido #banner_d{
		float: right;
		width:140px;
		margin: 10px auto;
	}
	
	#contenido #banner_d img {
		float: left;
		margin: 0px 0px 10px 0px;
	}
	
	#contenido .texto_d {
		float: left;
		width: 100%;
		background: #ffffff;
		margin: 10px 0px 10px 10px;
		padding: 26px 15px 26px 15px;
	}
	
	#contenido .texto_d h2 {
		float: left;
		width: 100%;
		margin: 0px 0px 15px 0px;
	}
	
	#contenido .texto_d .entrada {
		float: left;
		width: 100%;
		margin: 0px 0px 10px 0px;
		font-style: italic;
	}
	
	#contenido .texto_d a {
		text-decoration: underline;
		color: #4a4a4a;
	}
	
	#contenido .texto_d .mas {
		color: #ED8322;
		font-weight: bold;
	}
	
	#contenido .texto_d .texto_donde {
		margin-top: 15px;
		float: left;
		width: 330px;
	}
	 
	
	/*FIN ZONA CONTENIDO*/
	
	#pie {
		float: left;
		width: 100%;
		margin: 15px;
		color: #0068ad;
		text-align: center;
	}
	
	#pie a {
		color: #0068ad;
		text-decoration: none;
	}
	
	#pie a:hover {
		text-decoration: underline;	
	}
	
	/*Logos de validación CSS, XHTML y WCAG*/
	#pie div.validations { float: right; margin: 0; }
	#pie div.validations a { padding-right: 10px; text-decoration:none;}
	#pie div.validations img { border: none;}
	
	
	#tags a:hover {
		text-decoration: underline;	
	}
	
	.tag4 {
		font-size: 18px;
		text-decoration: none;
		color: #000000;
	}
	.tag3 {
		font-size: 14px;
		text-decoration: none;
		color: #282727;
	}
	
	.tag2 {
		font-size: 12px;
		text-decoration: none;
		color: #6c6b6b;
	}
	
	.tag1 {
		font-size: 10px;
		text-decoration: none;
		color: #b5b4b4;
	}
	
	.mapaWeb {
		float: left; 
		width: 100%; 
		margin: 0px 0px 0px 0px; 
		background:#4A4A4A; 
		padding-top: 10px;
		text-align: center;
	}
	
	.mapaWebAux {
		float: none;
		margin: 0px auto !important;
		border: 0px;
		width: 1000px;

	}
	
	.mapaWeb2 {
		float: left;
		width: 17%;
		text-align: left !important;
		margin: 0px 14px 0px 9px;
	}
	
	.mapaWeb2 ul {
		float: left;
		list-style: none;
		margin: 0px 0px 0px -40px;
		width: 100%;
	}
	
	.mapaWeb2 ul li {
		margin: 0px 0px 2px 0px;	
	}
	
	.mapaWeb2 a {
		text-decoration: none;
		color: #ffffff;
		font-size: 11px;
		background: url(../Images/pestanaMapa.png) no-repeat left;
		padding: 0px 0px 0px 12px;
		width: 100%;
		float: left;
		margin: 0px 0px 0px 0px;
	}
	
	.mapaWeb2 a.principal {
		font-weight: bold;
		font-size: 11px;
		color: #a09f9f;
		background: none;
		padding: 0px;
	}
	
	.mapaWeb2 a:hover {
		color: #a09f9f;	
	}
	
	.mensaje {
		position: absolute;
		top:0;
		left:0;
		padding: 5px 0px 5px 0px;
		width: 100%;
		text-align: center;
		background: #fb6e6e;
		border_bottom: 3px solid #ff0000;
		color: #ff0000;
		font-size: 14px;
		font-weight: bold;
		text-decoration:blink;
		opacity:0.7;
		filter:alpha(opacity=70);
	}
	
	.restoTotal {
		float: left;
		width: 100%;
		margin: 0px 0px 0px 0px;
	}
	
	.restoTotal h4, h4 {
		font-size: 12px;
		font-weight: bold;
		margin: 0px 0px 0px 0px;
	}
	
	.restoIzquierda {
		float: left;
		width: 19%;
		margin: 30px 0px 0px 0px;
	}
	.restoIzquierda02 {
		float: left;
		width: 100%;
		margin: -5px 0px 0px 0px;
		text-align: center;
	}
	
	.restoDerecha02 {
		float: left;
		width: 100%;
		margin: 10px 0px 0px 0px;
	}
	
	.restoDerecha02b {
		float: left;
		width: 27%;
		margin: 0px 10px 14px 0px;
		padding: 0px 0px 0px 37px;
		text-align: left;
		
	}
	
	.outsourcing {
		background:url(../Images/outsourcing02.png) no-repeat left;	
	}
	
	.demo {
		background:url(../Images/demo02.png) no-repeat left;	
	}
	
	.distribuidores {
		background:url(../Images/distribuidores02.png) no-repeat left;	
	}
	
	.restoIzquierda img, .restoIzquierda02 img {
		border: none;	
	}
	
	.restoCentro {
		float: left;
		width: 25%;
		margin: 30px 0px 0px 10px;
		
	}
	
	.restoCentro ul {
		float: left;
		margin: 10px 0px 0px -20px;
		list-style: none;
	}
	
	.restoCentro ul li {
		margin: 0px 0px 10px 0px;
		padding: 0px 0px 0px 30px;
		background:url(../oferta/Images/bgLi.png) no-repeat left;
	}
	
	.restoCentro ul li a, .restoDerecha a {
		text-decoration: none !important;	
	}
	
	.restoCentro ul li a:hover, .restoDerecha a:hover {
		text-decoration: underline !important;	
	}
	
	
	.restoDerecha {
		float: left;
		width: 43%;
		margin: 0px 0px 0px -20px;
		padding: 0px 0px 0px 30px;
		border-left: 2px solid #DAE0E6;
	}
	
	.restoDerecha img {
		border: none;	
	}
	
	.contenido02b {
		float: left;
		width: 100%;
		margin: 7px 0px 12px 0px;
		padding: 10px 0px 10px 70px;
	}
	
	
	.imagenH2 {
		float: left;
		margin: -30px 0px 0px 460px;
	}
}

@media print {
    h1, h2, h3 {
            font-weight: bold;
            page-break-after: avoid; 
            page-break-inside: avoid;
    }
}

@media aural {
    h1, h2, h3 { 
            voice-family: paul, male; 
            stress: 20; 
            richness: 90;
    }
    h1 { 
            pitch: x-low;
            stress: 90; 
            pitch-range: 90;
    }
    h2 { 
            pitch: x-low;
            pitch-range: 80;
    }
    h3 { 
            pitch: low; 
            pitch-range: 70;
    }
    li { 
            pitch: medium;
            richness: 60;
    }
    .u { 
            pitch: medium;
            pitch-range: 60;
            richness: 60;
    }
    a:link { 
            voice-family: harry, male; 
    }
    a:visited { 
            voice-family: betty, female; 
    }
    a:active { 
            voice-family: betty, female; 
            pitch-range: 80; 
            pitch: x-high;
    }
}