/*  
Theme Name: Estilos
Theme URI: http://www.ada-systems.net/
Description: Designed by www.ada-systems.net
Version: 1.0
Author: Ada-Systems.
*/

/***********************
*	     Basicos       *
***********************/
body {
	margin: 0px;
	padding: 0px;
	background: #ffffff;
	font-size: 12px;;
	font-family: optima, helvetica, Verdana, Arial, Sans-Serif;
	color: #eeeeee;
	text-align: left;
}

ul, ol {
	line-height: 21px;
	color:#808080;
}

h1, h2, h3, h4, h5, h6 {
	margin: 20px 0;
	padding: 0;
   font-family: optima, helvetica, Verdana, Arial, Sans-Serif;
	color: #808080;
}

img{
	border:0px;
}

h1 {font-size: 160%;}
h2 {font-size: 150%;}
h3 {font-size: 140%;}
h4 {font-size: 130%;}
h5 {font-size: 120%;}
h6 {font-size: 110%;}

a:link,
a:visited {
	color: #ed1e24;
	text-decoration: none;
	}
a:hover,
a:active {
	color: #555555;
	text-decoration: underline;
	}

p{
	margin: 10px 20px 0px 20px;
	text-align:justify;
	color: #444444;
}

.rojo{
	color:#ed1e24;
}

/***********************
*	     Global        *
***********************/
#global{
	position:absolute;
	margin:0px;
	height:100%;
	width:100%;
	min-height: 655px;
	min-width: 900px;
	text-align: left;
}
/***********************
*		 Cabeza        *
***********************/
/***********************
*		 Cuerpo        *
***********************/
#cuerpo, #cuerpo-ventajas, #cuerpo-proyectos, #cuerpo-facilidades{
	position:relative;
	margin:10px auto 0px auto;
	height:550px;
	width:741px;
	text-align: center;
	border:1px solid #bbbbbb;
}
#cuerpo-ventajas{
	background: url('../piezas/pocket.jpg') center no-repeat;
}
#cuerpo-proyectos{
	background: url('../piezas/teclas.jpg') center no-repeat;
}
#cuerpo-facilidades{
	background: url('../piezas/pc.jpg') center no-repeat;
}
#bt-anterior{
	position:absolute;
	top:260px;
	left:-60px;
}
#bt-siguiente{
	position:absolute;
	top:260px;
	right:-60px;
}
#logo-pie{
	position: absolute;
	bottom:500px;
	left:10%;
	text-align: center;
}
#logo-intro{
	position: absolute;
	bottom:50px;
	left:10%;
	text-align: center;
}
#logo-centrado{
	position: relative;
	margin: 100px auto 0px auto;
}
#solucion{
	position: absolute;
	bottom:-3px;
	right:0px;
	text-align: center;
}
#claim{
	position: relative;
	width: 100%;
	text-align: center;
}
#titulo-bottom{
	position:absolute;
	bottom:100px;
	padding-top:20px;
	right:0px;
	width:281px;
	font-weight :bold;
	height:36px;
	font-size:13px;
	background: url('../piezas/fnd-title.png') right no-repeat;
}

#listado-soluciones{
	position: relative;
	list-style:none;
	padding:3px;
	width: 70%;
	text-align: right;
	height:155px;
	background: url('../piezas/rec-izq.png') top right no-repeat;
}
#listado-soluciones p{
	position: absolute;
	top:0px;
	right:0px;
	font-size: 16px;	
	width: 340px;
	text-align: center;
}

#listado-ventajas{
	position: absolute;
	top:180px;
	right:0px;
	list-style:none;
	padding:3px;
	width: 87%;
	text-align: right;
	height:155px;
	background: url('../piezas/rec-der.png') top left no-repeat;
}
	#listado-ventajas p{
	position: absolute;
	top:15px;
	left:0px;
	font-size: 16px;	
	width: 280px;
	text-align: justify;
}
#claim-ventajas{
	position: absolute;
	top:130px;
	left:140px;
}

#listado-proyectos{
	position: absolute;
	top:180px;
	left:0px;
	list-style:none;
	padding:3px;
	width: 80%;
	text-align: right;
	height:155px;
	background: url('../piezas/rec-izq.png') top right no-repeat;
}
	#listado-proyectos p{
	position: absolute;
	top:15px;
	right:0px;
	font-size: 16px;	
	width: 280px;
	text-align: justify;
}

#listado-facilidades{
	position: absolute;
	top:180px;
	left:0px;
	list-style:none;
	padding:3px;
	width: 87%;
	text-align: right;
	height:155px;
	background: url('../piezas/rec-izq.png') 
	top right no-repeat;
}
	#listado-facilidades p{
	position: absolute;
	top:15px;
	right:0px;
	font-size: 16px;	
	width: 280px;
	text-align: justify;
}
#claim-facilidades{
	position: absolute;
	top:130px;
	left:190px;
}

#info-contacto p{
	position:relative;
	padding-top:10px;
	margin:0px auto;
	width:370px;
	font-size:14px;	
	text-align:center;
}
#logo-contacto{
	position: relative;
	margin: 220px auto 0px auto;
}
#info-contacto a{
	color:#666666;
}
/***********************
*		 Pie           *
***********************/
#pie{
	position: absolute;
	font-size: 15px;
	text-align:left;
	bottom: 40px;
	width: 100%;
	height: 40px;
	color:#ed1e24;
	border-top:1px dashed #ed1e24;
}

	#menu ul{
		position:relative;
		margin:0px auto 0px auto;
		top:0px;
		width:700px;
		list-style-type:none;
		overflow:auto;
	}
	#menu li{
		float:left;
		margin: 0px 15px;
	}
	#menu a{
		color: #666666;
		font-size:18px;;
		text-decoration: none;
	}
	#menu a:hover{
		color: #ed1e24;
		font-size:18px;;
		text-decoration: none;
	}
	#menu .Activo {
		color:#ed1e24;
	}
	#menu .descargar{
		font-size: 13px;
	}
	
#pie-info{
	position: absolute;
	font-size: 15px;
	bottom:0px;
	width: 100%;
	height: 20px;
	color:#ffffff;
	text-align: center;
	background-color: #ed1e24;
	overflow: hidden;
}
#pie-info a:link, a:visited, a:hover, a:active{
	color: #ffffff;
	text-decoration: none;
}

.Sep{
	margin: 0px 5px 0px 5px;
}