@charset "utf-8";
body {
	background-color: #dce1e4;
}
#wrapper {
	width: 950px;
	margin: 0 auto;
	overflow: auto;
}
/* Log Me In*/
	#log_headerLogo {
		float: left;
		margin: 20px 0 0 50px;
		width: 15%;
		height: 170px;
	}
	#log_codigo {
		font: 14px Verdana, Geneva, sans-serif;
		color: #ff9b00;
		float: left;
		margin: 70px 0 0 50px;
		width: 30%;
		height: 170px;
	}
#adornoSuperior {
	height: 15px;
	background-color: #474747;
}
#adornoSuperiorP {
	height: 1px;
	background-color: #FFF;
}
/* Impide cambiar cuando se cambia de visualización en Internet Explorer*/
.seccion {
	float: left;
	width: 100%;
	display: block;
	position: relative;
}
.item {
	position: relative;
	float: left;
	overflow: hidden;
	left: 100%;
}
.contenido {
	overflow: hidden;
}
	.contenido.header {
		position: relative;
		font-family: Helvetica;
		font-size: 45px;
		font-weight: bold;
		color: #FFF;
		margin: 40px auto;
		padding: 1px 1px 5px 1px;
	}
	span.header {
		color: #365c6c;
		position: absolute;
		top: -1px; left: -1px;
		padding: 1px 1px 1px 1px;
	}
img {
	display: block;
}
	img.logo {
		margin: 15px auto;
	}
/* Header AlfaEgo */
#seccion1 {
	/* Puedo colocar color o imagen */
	background-image: url(../images/header.jpg);
}
#headerLogo {
	margin-left: -100%;
	width: 15%;
	height: 170px;
}
#headerCaracteristicas {
	margin-left: -80%;
	width: 550px;
	height: 170px;
	background-image: url(../images/headerCarac.png);
}
#soporte_remoto {
	margin-left: -15%;
	margin-top: 10px;
	height: 20px;
}
	#soporte_remoto a {
		font: 14px Verdana, Geneva, sans-serif;
		color: #ff9b00;
		text-decoration: none;
	}
	p.header {
		font-family: Helvetica;
		font-size: 45px;
		font-weight: bold;
		color: #365c6c;
		text-shadow: 1px 1px 1px #FFF;
		margin: 40px auto;
	}
	em.header {
		color: #ff9b00;
	}
/* Menu alfaego*/	
#seccion2 {
	/* Puedo colocar color o imagen */
}
.menu {
	margin-left: -100%;
	width: 100%;
	height: 64px;
	position: relative;
	overflow: hidden;
}
	.menu ul {
		margin: 0;
		padding: 0;
		list-style: none;
		height: 64px; /* Medida de la altura */
		display: block;
		position: relative;
	}
		.menu ul li {
			width: 135px;
			float: left;
			display: block;
			overflow: hidden;
		}
			.menu ul li a {
				text-indent: -1000px; /*Me oculto lo que escribo orale*/
				height: 64px; /**/
				background: #e9e9e9 repeat scroll 0%;
				border-right: 1px solid #e4e4e4;
				display: block;
				overflow: hidden;
				cursor: pointer;
			}
			.menu ul li#inicio a {
				background: url(../images/mInicio.jpg) repeat scroll 0%;
			}
			.menu ul li#inicio a.active {
				background: url(../images/mInicioActive.jpg) repeat scroll 0%;
			}
			.menu ul li#soporte a {
				background: url(../images/mSoporte.jpg) repeat scroll 0%;
			}
			.menu ul li#soporte a.active {
				background: url(../images/mSoporteActive.jpg) repeat scroll 0%;
			}
			.menu ul li#asesoria a {
				background: url(../images/mAsesoria.jpg) repeat scroll 0%;
			}
			.menu ul li#asesoria a.active {
				background: url(../images/mAsesoriaActive.jpg) repeat scroll 0%;
			}
			.menu ul li#software a {
				background: url(../images/mSoftware.jpg) repeat scroll 0%;
			}
			.menu ul li#diseno a {
				background: url(../images/mDiseno.jpg) repeat scroll 0%;
			}
			.menu ul li#diseno a.active {
				background: url(../images/mDisenoActive.jpg) repeat scroll 0%;
			}
			.menu ul li#blog a {
				background: url(../images/mBlog.jpg) repeat scroll 0%;
			}
			.menu ul li#blog a.active {
				background: url(../images/mBlogActive.jpg) repeat scroll 0%;
			}
			.menu ul li#contacto a {
				background: url(../images/mContacto.jpg) repeat scroll 0%;
				min-width:210px; /* Para que no salga la ultima linea */
			}
			.menu ul li#contacto a.active {
				background: url(../images/mContactoActive.jpg) repeat scroll 0%;
				min-width:210px; /* Para que no salga la ultima linea */
			}
.clear {
	clear: both;
}
/* Fin de menu alfaego*/	
/* Sliders */
#seccion3 {
	/* Puedo colocar color o imagen */
	background-image: url(../images/slideBackground.jpg);
}
.coda-slider-no-js .coda-slider { 
	height: 295px; 
	overflow: auto !important;
	/*padding-right: 20px;*/
	padding-top: 20px;
}
.coda-slider-wrapper { 
	padding: 0; 
	margin-left: -91%;
	width: 84%;
	height: 295px;
	position: relative;
	overflow: hidden;
}
.coda-slider { 
	/*background: #ebebeb;*/
}
.coda-slider, .coda-slider .panel { 
	width: 700px;
} 
.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel {
	width: 700px;
	padding-top: 20px;
}
.coda-slider-wrapper.arrows .coda-slider { 
	margin: 0 10px 
}
/* Don't change anything below here unless you know what you're doing */
/* Miscellaneous */
.coda-slider-wrapper { 
	clear: both; 
	overflow: auto 
}
.coda-slider { 
	float: left; 
	overflow: hidden; 
	position: relative 
}
.coda-slider .panel { 
	display: block; 
	float: left 
}
.coda-slider .panel-container { 
	position: relative 
}
/* Tabbed nav Navegacion de numeros */
.coda-nav ul { 
	clear: both; 
	display: block; 
	margin: auto; 
	overflow: hidden 
}
.coda-nav ul li { 
	display: inline 
}
.coda-nav ul li a { 
	background: #000; 
	color: #fff; 
	display: block; 
	float: left; 
	margin-right: 1px; 
	padding: 10px 6px;		/*Posicion del nav de numeros*/
	text-decoration: none 
}
/* Arrow styling */
.coda-nav-left, .coda-nav-right { 
	float: left;
}
.coda-nav-left a, .coda-nav-right a { 
	display: block; 
	text-align: center; 
	text-decoration: none;
}
.coda-nav-left a { 
	background-image: url(../images/slider/prev.png);
	margin-top: 145px;
	width: 25px;
	height: 36px;
}
.coda-nav-right a { 
	background-image: url(../images/slider/next.png);
	margin-top: 145px;
	width: 25px;
	height: 36px;
}
	/* Tab nav */
.coda-nav ul li a.current { 
	background: #39c;
}
	/* Panel padding */
.coda-slider .panel-wrapper { 
	/*padding: 20px; */
	padding: 0;
}
	/* Preloader */
.coda-slider p.loading { 
	padding: 20px; 
	text-align: center 
}
/* Fin de Sliders AlfaEgo */

/* Empresa, nosotros, clientes AlfaEgo */
#sesion4 {
	/* Puedo colocar color o imagen */
}
#page-wrap { 
	width: 790px;	
	margin: 40px auto; 
	padding: 0; 
	margin-left: -92%;
	position: relative;
	overflow: hidden;
}
#organic-tabs {
	background-image: url(../images/backEmpresa.jpg);
	background-repeat: no-repeat;
	width: 630px;
	margin-left: 80px;
	/*height: 200px;*/
}
ul { 
	list-style: none;
}
ul li a { 
	display: block;
	height: 110px;
	padding: 4px; 
}
ul li a:hover {
		  
}
ul li:last-child a { 
	border: none; 
}
#explore-nav { 
	overflow: hidden; 
	margin: 0 0 10px 0; 
}
#explore-nav li { 
	width: 210px;
	height: 110px;
	float: left; 
	margin: 0; 
}
#explore-nav li.last { 
	margin-right: 0; 
}
#explore-nav li a { 
	display: block; 
	padding: 5px; 
	font-size: 10px; 
	text-align: center; 
	border: 0; 
}
#explore-nav li a:hover { 
	
}
#nosotros, #clientes { 
	display: none; 
}
#explore-nav li#ex-empresa a {
	background-image: url(../images/emplogo.png);
}
#explore-nav li#ex-empresa a.current, ul#empresa li a:hover {
	background-image: url(../images/emplogoCurrent.png);
}
#explore-nav li#ex-nosotros a {
	background-image: url(../images/empnosotros.png);
}
#explore-nav li#ex-nosotros a.current, ul#nosotros li a:hover {
	background-image: url(../images/empnosotrosCurrent.png);
}
#explore-nav li#ex-clientes a {
	background-image: url(../images/empclientes.png);
}
#explore-nav li#ex-clientes a.current, ul#clientes li a:hover {
	background-image: url(../images/empclientesCurrent.png);
}
#empresaDiv {
	width: 93%;
	margin: 0 auto;
}
	#empresaDiv img {
		float: left;
		padding-right: 10px;
		padding-bottom: 10px;	
	}
	#empresaDiv p {
		font-family: Trebuchet MS;
		font-size: 16px;
		text-align:justify;
		color: #365c6c;
		line-height: 18px;
		/*sombra para los texto*/
		text-shadow: 0px 1px 1px #FFF;
		-ms-filter: "progid:DXImageTransform.Microsoft.DropShadow(offx=1, offy=1, color='#ffffff', positive='true')"; /* IE8+ */
		filter: progid:DXImageTransform.Microsoft.DropShadow(offx=1, offy=1, color='#ffffff', positive='true') /* IE and lower */
	}
	#empresaDiv h1 {
		font-family: Century Gothic;
		font-size: 20px;
		color: #086096;
		margin: 0;
		padding-top: 8px;
		padding-bottom: 4px;
		text-shadow: 0px 1px 1px #FFF;
		-ms-filter: "progid:DXImageTransform.Microsoft.DropShadow(offx=1, offy=1, color='#ffffff', positive='true')"; /* IE8+ */
		filter: progid:DXImageTransform.Microsoft.DropShadow(offx=1, offy=1, color='#ffffff', positive='true') /* IE and lower */
	}
/* Fin de empresa, nosotros y clientes Alfaego*/

/* Soporte, Asesoria, Software, Diseño */
#department {
	/* Alguna imagen etc etc etc */
}
#preSlideShow {
	width: 400px;
	height: 250px;
	margin-left: -100%;
}
#slideShow {
	width: 550px;
	margin-left: -59%;
}
#gallery {
	position: relative;
	margin: 15px 25px;
	width: 500px;
	height: 220px;
}
	#gallery a {
		float: left;
		position: absolute;
		cursor: default;
	}
	
	#gallery a img {
		border: none;
	}
	
	#gallery a.show {
		z-index: 500;
	}

	#gallery .caption {
		z-index: 600; 
		background-color: #000; 
		color: #ffffff; 
		height: 60px; /* altura de la informacion */
		width: 100%; 
		position: absolute;
		bottom: 0;
	}

	#gallery .caption .content {
		margin: 5px
	}
	
	#gallery .caption .content h3 {
		margin: 0;
		padding: 0;
		color: #1DCCEF;
	}
/* Fin de Soporte, Asesoria, Software, Diseño Alfaego*/
/* borders*/
#doubleBorder {
	
}
#border1 {
	width: 100%;
	margin-left: -100%;
	border-bottom: #FFF solid 1px;
}
#border2 {
	border-bottom: #72acc4 solid 1px;
}
/* fin de borders*/
/* Contenido de Soporte, Asesoria, Software, Diseño Alfaego*/
#contentDepartment {
	padding-bottom: 40px;
}
#titulos {
	width: 34%;
	margin-left: -100%;
}
	#titulos h1 {
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size: 20px;
		color: #365c6c;
		padding: 20px 0 0 20px;
		max-width: 200px;
	}
#descripcionDep {
	width: 66%;
	margin-left: -66%;
}
	#descripcionDep p {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 16px;
		text-align: justify;
		color: #365c6c;
		line-height: 22px;
		padding : 20px 0;
		max-width: 560px;
		text-shadow: 0px 1px 1px #FFF;
		-ms-filter: "progid:DXImageTransform.Microsoft.DropShadow(offx=1, offy=1, color='#ffffff', positive='true')"; /* IE8+ */
		filter: progid:DXImageTransform.Microsoft.DropShadow(offx=1, offy=1, color='#ffffff', positive='true') /* IE and lower */
	}
	#descripcionDep ul {
		list-style: circle;
		padding-top: 20px;
		padding-left: 20px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
		line-height: 24px;
		color: #365c6c;
		text-shadow: 0px 1px 1px #FFF;
		-ms-filter: "progid:DXImageTransform.Microsoft.DropShadow(offx=1, offy=1, color='#ffffff', positive='true')"; /* IE8+ */
		filter: progid:DXImageTransform.Microsoft.DropShadow(offx=1, offy=1, color='#ffffff', positive='true') /* IE and lower */
	} 
/* Fin de Soporte, Asesoria, Software, Diseño Alfaego*/
/* Form de contacto */
#contactop {
	width: 66%;
	margin-left: -66%;
}
	#contactop p {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 16px;
		text-align: justify;
		color: #365c6c;
		line-height: 15px;
		padding : 20px 0 0 0;
		max-width: 560px;
		text-shadow: 0px 1px 1px #FFF;
		-ms-filter: "progid:DXImageTransform.Microsoft.DropShadow(offx=1, offy=1, color='#ffffff', positive='true')"; /* IE8+ */
		filter: progid:DXImageTransform.Microsoft.DropShadow(offx=1, offy=1, color='#ffffff', positive='true') /* IE and lower */
	}
.myForm { 
  width: 400px;
  margin-left: 10%;
}
.myForm p { 
  margin: 0;
  padding: 0;
}
.myForm fieldset {
	margin: 0;
	padding: 0;
}
.myForm label {
	display: block;
	/*float: left;*/
	padding: 0;
	margin-left: 9px;
	color: #314051;
}
.myForm input, .myForm textarea {
	margin-left: 2%;
	width: 75%;
	border: #72acc4 solid 1px;
	/*height: 24px;*/
	color: #365c6c;
	padding: 8px;
}
.myForm fieldset label:first-letter {
    /*color:#999;*/
}
.myForm input.submit {
    width:15%;
    background-color: #CADADD;
    border:1px solid #AAB8D2;
    padding:3px;
    color: #E29200;
} 
textarea {
    height:100px;
	overflow: hidden;
} 
.myForm small {
	font-size: 9px;
    color:#E29200;
}
#myForm .errorMessage {
	color: red;
	margin-left: 2px;
	font-size: 0.8em;
}
#myForm .red {
	border: 1px solid red;
}

#myForm label.red {
	border: none;
	color: red;
}

#myForm .customRed {
	border: none;
	color: red;
}
/* fin de Form de Contacto*/
/* Contenido del Pie de Página de Grupo AlfaEgo */
#footer1 {
	/* Puedo colocar color o imagen */
}
#footer {
	width: 100%;
	height: 115px;
	background-image: url(../images/footer.jpg);
	background-repeat: repeat-x;
	position: relative;
}
	#footer #content {
		width: 950px;
		height: 115px;
		margin: 0 auto;
		overflow: auto;
		background-image: url(../images/footerCenter.jpg);
		background-position: center;
	}
#direccionFooter {
	margin-left: -80%;
	width: 30%;
}
	.direccion {
		position: relative;
		font-family: Century Gothic;
		font-size: 13px;
		text-align: center;
		color: #484848;
		padding-top: 20px;
		line-height: 18px; /*Interlineado*/
	}
		span.direccion {
			width: 100%;
			color: #FFF;
			position: absolute;
			text-align: center;
			top: -1px; left: -1px;
		}
#copyrigthFooter {
	margin-left: -50%;
	width: 30%;
}
	.copyright {
		position: relative;
		font-family: Century Gothic;
		font-size: 13px;
		text-align: center;
		color: #484848;
		padding-top: 20px;
		line-height: 18px;
	}
		span.copyright {
			width: 100%;
			color: #FFF;
			position: absolute;
			text-align: center;
			top: -1px; left: -1px;
		}
/* Final del contenido de Pie de Pagina de Grupo Alfaego */