/*CSS Datasur Inner*/

div.columnaDerecha div.columnaDerechaContenedor{
	width: 513px;
	position: relative;
}

div.columnaDerecha div.columnaDerechaContenedor div.columnaDerechaEncabezado{
	background-image: url(../img/columnaderecha_encabezado_color.png);
	background-position: top left;
	background-repeat: no-repeat;
	height: 20px;
	margin-top: 5px; 
}

div.columnaDerecha div.columnaDerechaContenedor div.columnaDerechaFondo{
	background-image: url(../img/columnaderecha_fondo_color.png);
	background-position: top left;
	background-repeat: repeat-y;
	padding: 2.4em 22px 2.8em 0;
	min-height: 375px;
}

div.columnaDerecha div.columnaDerechaContenedor div.columnaDerechaPie{
	background-image: url(../img/columnaderecha_pie_color.png);
	background-position: top left;
	background-repeat: no-repeat;
	height: 30px;
	padding: 6px 20px 0 20px; 
}

div.columnaDerecha div.columnaDerechaContenedor p{
	font-size: 1.1em;
	line-height: 1.4em;
	margin-bottom: 1.1em;
	margin-left: 28px;
}

div.columnaDerecha h2.datasur{
	display: block;
	background-image: url(../img/datasur.png);
	background-position: top left;
	background-repeat: no-repeat;
	width: 513px;
	height: 271px;
}

div.columnaDerecha h2.tecnologiaCorsario{
	display: block;
	background-image: url(../img/tecnologia_corsario.png);
	background-position: top left;
	background-repeat: no-repeat;
	width: 513px;
	height: 271px;
}

div.columnaDerecha h2.solucionesMoviles{
	display: block;
	background-image: url(../img/soluciones_moviles.png);
	background-position: top left;
	background-repeat: no-repeat;
	width: 513px;
	height: 271px;
}

div.columnaDerecha h2.solucionesERP{
	display: block;
	background-image: url(../img/soluciones_erp.png);
	background-position: top left;
	background-repeat: no-repeat;
	width: 513px;
	height: 271px;
}

div.columnaDerecha h2.soporte{
	display: block;
	background-image: url(../img/soporte.png);
	background-position: top left;
	background-repeat: no-repeat;
	width: 513px;
	height: 271px;
}

div.columnaDerecha h2.experiencias{
	display: block;
	background-image: url(../img/experiencias.png);
	background-position: top left;
	background-repeat: no-repeat;
	width: 513px;
	height: 271px;
}

div.columnaDerecha h2.preguntasFrecuentes{
	display: block;
	background-image: url(../img/preguntas_frecuentes.png);
	background-position: top left;
	background-repeat: no-repeat;
	width: 513px;
	height: 271px;
}

div.columnaDerecha h2.contacto{
	display: block;
	background-image: url(../img/contacto.png);
	background-position: top left;
	background-repeat: no-repeat;
	width: 513px;
	height: 271px;
}

div.columnaDerecha h2.mapa{
	display: block;
	background-image: url(../img/mapa.png);
	background-position: top left;
	background-repeat: no-repeat;
	width: 513px;
	height: 271px;
}

div.columnaDerecha h2.datasur span, div.columnaDerecha h2.tecnologiaCorsario span, div.columnaDerecha h2.solucionesMoviles span, div.columnaDerecha h2.solucionesERP span{
	display: none;
}

div.columnaDerecha h2.soporte span, div.columnaDerecha h2.experiencias span, div.columnaDerecha h2.preguntasFrecuentes span, div.columnaDerecha h2.contacto span, div.columnaDerecha h2.mapa span{
	display: none;
}

div.columnaDerecha img{
	float:left;
	margin: 0.5em 0.5em 0.5em 0;
}

div.columnaDerecha h3{
	font-size:1.7em;
	font-weight: normal;
	color: #00599C;
	margin: 0.5em 0 1em 28px;
}

div.columnaDerecha h4{
	font-size: 1.4em;
	font-weight: normal;
	color: #0099CC;
	margin-left: 28px;
	margin-bottom: 0.3em;
}

div.columnaDerecha h5.display{
	background-image: url(../img/flecha_lista.png);
	background-position: top left;
	background-repeat: no-repeat;
	margin-left: 28px;
	margin-bottom: 0.3em;
	cursor: pointer;
	font-size: 1.3em;
	color: #6699CC;
	padding-left: 23px;
	display: block;
	height: 1.5em;
}

div.columnaDerecha h5.display:hover{
	color: #00599C; 
	background-image: url(../img/flecha_lista_on.png);
}

div.oculto div{
	display:none;	
}
div.visible div{
	display:block;
	margin-top:0.5em;
}

div.oculto h5.display{
	color: #6699CC;
	background-image: url(../img/flecha_lista.png);
}
div.visible h5.display{
	color: #00599C; 
	background-image: url(../img/flecha_lista_on.png);
}

div.columnaDerecha div#dealer3{
	margin-bottom:2em;
}

div.columnaDerecha  p span{
	font-weight: bold;
}

div.columnaDerecha div p.parrafo2{
	font-size: 1.2em;
	position: relative;
}

div.columnaDerecha div.contenedorImagenes{
	width: 160px;	
	float: right;	
	margin-left: 20px;
}

div.columnaDerecha div.contenedorImagenes h2 span{
	display: none;
}

div.columnaDerecha div.contenedorImagenes h2{
	display: block;
	background-image: url(../img/corsario_tecnologia.png);
	background-position: top left;
	background-repeat: no-repeat;
	width: 160px;
	height: 159px;
}

div.columnaDerecha div.contenedorImagenes a span{
	display: none;
}

div.columnaDerecha a.top{
	display: block;
	background-image: url(../img/arow_top2.png);
	background-position: top left;
	background-repeat: no-repeat;
	width: 15px;
	height: 22px;
	margin-left: 473px;
}

div.columnaDerecha a.top span{
	display: none;
}

div.columnaDerecha .columnaDerechaContenedor ul{
	margin: 0 0 1em 28px;
}

div.columnaDerecha ul.beneficios li, div.columnaDerecha ul.oportunidades li, div.columnaDerecha ul.lista li{
	background-image: url(../img/lista.png);
	background-position: 2.5em 0.3em;
	background-repeat: no-repeat;
	padding-left: 3.9em;
	margin-top: 0.5em;
	position: relative;
	font-size: 1.1em;
}

div.columnaDerecha ul.lista{
	margin-bottom: 1.6em;
}

div.columnaDerecha ul.lista li ul li{
	background-image: url(../img/sublista.png);
	margin-left: -55px;
	margin-top: 0.5em;
	font-size: 1em;
}

div.columnaDerecha ul.map{
	font-size: 1.1em;
	line-height: 1.4em;
}

div.columnaDerecha ul.map li{
	background-image: url(../img/flecha_lista.png);
	background-position: 0 0.1em;
	background-repeat: no-repeat;
	padding-left: 23px;
	margin-top: 7px;
}

div.columnaDerecha ul.map ul.submap li{
	background-image: url(../img/lista.png);
	background-position: 0 0.4em;
	background-repeat: no-repeat;
	padding-left: 13px;
}

div.columnaDerecha ul.map ul.submap li a{
	color: #696969;
}

div.columnaDerecha ul.map ul.submap li a:hover{
	color: #00599C;
}

div.columnaDerecha a.represente span{
	display: none;
}

div.columnaDerecha a.subir{
	float: right;
	display: block;
	background-image: url(../img/arrow_top.png);
	background-position: top left;
	background-repeat: no-repeat;
	width: 16px;
	height: 23px;
}

div.columnaDerecha a.subir span{
	display: none;
}