@charset "utf-8";
/* CSS Document */

body {
	background-color:#ffffff;
	padding:0;
	font-family:Tahoma, sans-serif;
	font-size:11px;
	margin:0;
	color:#666666;
	text-align:justify;
	line-height:1.5em;
}

.clear {
	clear:both;
	}
	
img {
	border:none;
	}
	
/*** LAYOUT ***/

#contenedor {
	width:900px;
	height:auto;
	margin:auto;
	padding:0px;
}

#cabecera {
	width:900px;
	height:150px;
	float:left;
}

#logo {
	float:left;
	width:260px;
	height:150px;
}

/*** MENU ***/

#cajamenugrande {
	float:right;
	width:640px;
	height:150px;
}

#cajamenu {
	width:545px;
	height:25px;
	margin-left:95px;
	margin-top:63px;
}

ul#menu {
width:545px;
height:25px;
list-style:none;
margin:0;
padding:0;
}

ul#menu li {
float:left;
}

ul#menu li a {
	display:block;
	height:25px;
	position:relative;
	background-attachment: scroll;
	background-image: url(images/botonera.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

ul#menu li a.quienes {
	width:114px;
	background-position:0 0px;
}

ul#menu li a.disenoweb {
	width:113px;
	background-position:-114px 0px;
	text-align: right;
}

ul#menu li a.elearning {
width:113px;
background-position:-227px 0px;
}

ul#menu li a.clientes {
width:93px;
background-position:-340px 0px;
}

ul#menu li a.contacto {
width:112px;
background-position:-433px 0px;
}

ul#menu li a span {
background:url(images/botonera.jpg) no-repeat scroll bottom left;
display:block;
position:absolute;
top:0;
left:0;
height:100%;
width:100%;
z-index:100;
}

ul#menu li a.quienes span {
background-position:0 -25px;
}

ul#menu li a.disenoweb span {
background-position:-114px -25px;
}

ul#menu li a.elearning span {
background-position:-227px -25px;
}

ul#menu li a.clientes span {
background-position:-340px -25px;
}

ul#menu li a.contacto span {
background-position:-433px -25px;
}

ul#menu li a span:hover {
cursor:pointer;
}

/*** Contenido ***/

#contenido {
	width:951px;
	height:auto;
	float:left;
}

#flotante {
	width:8px;
	height:51px;
	background-image:url(images/filosolapa.jpg);
	float:left;
	margin-left:-8px;
	margin-top:36px;
}

#marquesina {
	width:900px;
	height:265px;
	float:left;
	background-image:url(images/marqueestatica.jpg);
}

#marquesinagrande {
	width:900px;
	height:400px;
	float:left;
}

#caption {
	margin-top:30px;
	float:left;
	height:auto;
	width:500px;
}

#caption2 {
	float:left;
	height:auto;
	width:300px;
}

.icono {
		float:left;
		margin:10px 10px 0 0;
}

#cajatextos {
	width:900px;
	height:auto;
	float:left;
	margin-top:20px;
}

.textos {
	width:260px;
	height:auto;
	padding-right:60px;
	padding-top:15px;
	float:left;
	background-image:url(images/desde1995.jpg);
	background-position:top left;
	background-repeat:no-repeat;
}

.textos2 {
	width:260px;
	height:auto;
	padding-right:60px;
	padding-top:15px;
	float:left;
	background-image:url(images/elequipo.jpg);
	background-position:top left;
	background-repeat:no-repeat;
}

.textos3 {
	width:260px;
	height:auto;
	padding-top:15px;
	float:left;
	background-image:url(images/valoranadido.jpg);
	background-position:top left;
	background-repeat:no-repeat;
}

.plan1 {
	width: 260px;
	padding-right: 60px;
	float: left;
	height: 192px;
}
.plan2 {
	width: 260px;
	padding-right: 60px;
	float: left;
	height: 192px;
}
.plan3 {
	width: 260px;
	float: left;
	height: 192px;
}

/* TIPS */

p#vtip { 
	display: none; 
	position: absolute;
	padding: 10px;
	left: 5px;
	font-size: 11px;
	background-color:#e3edc4;
	border: 1px solid #97bf0d;
	-moz-border-radius: 5px;
 	-webkit-border-radius: 5px;
  	z-index: 9999;
}

p#vtip #vtipArrow {
	position: absolute;
	top: -10px;
	left: 5px
}

/* FIN DE TIPS */

#franja {
	width:900px;
	height:1px;
	background-image:url(images/franja.jpg);
	float:left;
	margin-top:30px;
}

/*.texto_plan1 {
	float: right;
	margin-top: 110px;
	margin-right: 15px;
	font-size: 10px;
	margin-left: 60px;
}
*/

/* SLIDE BOXES */

h3 {
	margin:10px 10px 5px 10px;
	color:#97bf0d;
	font:18pt Tahoma, sans-serif;
	letter-spacing:-1px;
	font-weight: bold;
}

.subtitulo {
	margin-top:10px;
	padding:0 10px; 
	color:#666666;
	font:12px Tahoma, sans-serif;
	font-weight:bold;
}

.boxgrid {
	width:278px;
	height:150px;
	float:left;
	margin:0 10px 0 10px;
	border:solid 1px #dddddd;
	overflow:hidden;
	position: relative;
	background-image:url(images/fondobox.jpg);
	background-repeat:no-repeat;
}

.boxgrid img { 
	position:absolute; 
	top:0; 
	left: 0; 
	border: 0; 
}

.boxgrid p { 
	padding:0 10px; 
	color:#666666;  
	font:11px Tahoma, sans-serif;
}

/* FIN DE SLIDE BOXES */

#contenido_bajo {
	width:900px;
	height:auto;
	float:left;
	margin-top:20px;
}

#pie {
	width:900px;
	height:auto;
	margin-top:20px;
	float:left;
}

#asenmac {
	width:300px;
	height:auto;
	float:left;
}

#soporte {
	width:300px;
	height:auto;
	float:right;
	text-align:right;
}

/*** MARQUESINA DISEÑO WEB ***/

.images {
	position:relative;	
	height:345px;
	width:900px;
	float:left;
	margin-bottom:15px;
	cursor:pointer;
}

/* single slide */
.images div {
	display:none;
	position:absolute;
	top:0;
	left:0;
	height:256px;
	font-size:12px;
	text-align:justify;
}

/* tabs (those little circles below slides) */
.tabs {
	clear:both;
	margin-left:430px;
}

/* single tab */
.tabs a {
	width:8px;
	height:8px;
	float:left;
	margin:3px;
	background:url(images/navigator.png) 0 0 no-repeat;
	display:block;
	font-size:1px;		
}

/* mouseover state */
.tabs a:hover {
	background-position:0 -8px; 
	background:url(images/navigatorover.png) 0 0 no-repeat;
}

/* active state (current page state) */
.tabs a.current {
	background-position:0 -16px;
	background:url(images/navigatorcur.png) 0 0 no-repeat;
}

/* disabled navigational button. is not needed when tabs are configured with rotate: true */
.disabled {
	visibility:hidden !important;		
}

/*** ESTILOS ***/

a {
	font-family:Tahoma, sans-serif;
	font-size:11px;
	color:#97bf0d;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

#verde {
	color:#ffffcc;
}

#verde a {
	margin-top:0;
	color:#ffffcc;
}

#verde a:hover {
	margin-top:0;
	color:#ffffcc;
}

h2 {
	font-size:13px;
}

input:focus {
	background:#e3edc4;
	}
	
textarea:focus {
	background:#e3edc4;
	}
	
input {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:11px;
	border:1px solid #999999;
}
	
textarea {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:11px;
	border:1px solid #999999;
}

.enviar {
	width:53px;
	height:21px;
	background:url(images/enviar.jpg) no-repeat;
	border:0;
	padding:0;
	}