/*------------------HOLA!
Si estás viendo esto, es que probablemente seas:
	-Un miembro de la profesión, bienvenido seas!, siempre puedes pasarte por nuestro blog ( aliamultimedia.com/blog ) y echar un vistazo por ahí que hay cosas interesantes.
	-Alguien de la competencia, bienvenido seas también!, nos encanta que miren los entresijos de nuestras páginas.

Si quieres, puedes enviarnos cualquier comentario sobre este CSS a hola@alia.pro
Hasta pronto*/

/*GENERALES------------------------------------------------*/

body {
	background: #e7e7e7 url(../imgs/fondo_top.png) top center repeat-x;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; 
	color:#393939; 
	text-decoration: none; 
	word-spacing: normal; 
	text-align: left; 
	letter-spacing:normal;
	line-height: 1.7em; 
	font-style:normal; 
	font-weight:normal; 
	margin:0px;
	padding:0px;
}
.clear { clear:both;}
* {
	font-family: inherit;
	text-decoration: inherit;
	word-spacing: inherit;
	text-align: inherit;
	letter-spacing: inherit;
	line-height: inherit;
	font-style: inherit;
	font-weight: inherit;
}
p { font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; padding:0px; margin:5px 0px 5px 0px; font-size:14px; font-style: normal; font-weight: normal; color:#444; line-height:1.6em; }
ul { list-style:none; margin:0px; padding:0px; }
li { margin:0px; padding:0px; color:#555; line-height:1.6em;  }
a, a:link, a:visited { color:#333;  text-decoration:underlined; }
a:hover { text-decoration:underline; color:#222;}
img{ border:0;}
strong, b {
	font-weight: bold;
}

.verde {color:#5ec54f;}
.gris{color:#333;}

.izq{float:left;}
.der{float:right;}
.centro{margin-left:auto; margin-right:auto;}
.col50{
	width:50%;
	float:left;
}

.azulado{color:#516eaf;}

.caps{
	font-family:"Delicious", "Lucida Sans Unicode", sans-serif;
	text-transform:uppercase;
	font-size:14px;
}

/*Reseteamos margin y padding de todos los hs*/
h1, h2, h3, h4, h5, h6, h7{margin:0; padding:0; color:#444;  font-family:"Delicious";}
h1{
	color:#fff;/*blanco*/
	font-size:48px;
	font-weight:bold;
}

#contenido h1{
	color:#516eaf;
	margin:15px 15px 0 25px;
	font-size: 36px;
}

#contenido h2{
	color:#516eaf;
	margin:15px 15px 0 15px;
}

h2{
	font-size:24px;
	color:#666;
}

h2 a, h2 a:link, h2 a:visited{
	color:#555;
}

h2 a:hover{
	text-decoration:underline;
}

h3{
	color:#4f71c5;
	font-size:18px;
	line-height:20px;
}

h3 a, h3 a:link, h3 a:visited {
	color:#4f71c5;
}

h3 a:hover{
	color:#3f5ca3;/*azul más intenso*/
}

h4{
	color:white;
	font-size:26px;
}

h5{
	font-weight:bold;
	font-size:18px;
	color:white;
	line-height:15px;
}

h6{
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:10px;
	text-transform:uppercase;
	line-height:18px;
	font-weight:100;
}

.uppercase{
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:10px;
	text-transform:uppercase;
	line-height:18px;
	font-weight:100;
	display:block;
}

.uppercase a, .uppercase a:link, .uppercase a:visited{
	color:#dedede;
	text-decoration:none;
}

.uppercase a:hover{
	text-decoration:underline;
	color:white;
}

#contenido .uppercase a, #contenido .uppercase a:link, #contenido .uppercase a:visited {
	color:#444;
	text-decoration:none;
}

#contenido .uppercase a:hover{
	color:#222;
	text-decoration:underline;
}




/*ESPECIFICOS-----------------------------------------*/
#contenedor {
	width:100%;
	height:100%;
	padding:0px 0px 0px 0px;
	margin-left:auto;
	margin-right:auto;
	font-style: normal;
	font-weight: normal;
	font-size:14px;
	background:transparent url(../imgs/fondo_proyectos.jpg) center 129px  no-repeat;
}

#tlf {
	width:960px;
	height:44px;
	padding:0px 0px 0px 0px;
	margin-left:auto;
	margin-right:auto;
	background:#5ec54f url(../imgs/arcoiris_top.png) top left no-repeat;
}
/*.info { width:160px; height:44px; float:right; }
.info p{font-family:Delicious; font-size:135%; color:white; line-height:1.3em; text-align:right; margin:2px 0px 0px 0px; }*/
/*#tlf img { width:210px; height:38px; margin:5px 0px 0px 0px; float:right;}*/
#tlf img{float:right;}

/*tooltip para el tiempo*/

.hovertip {
    position: absolute;
    z-index: 2;
    width:150px;/*170*/
	height:85px;/*110*/
	padding:18px 10px 10px 10px;
    color: white ;
    font-size: 12px;
    line-height: 18px;
    text-align: left;
	background: transparent url(../imgs/overlay_tiempo.png) center no-repeat ;
}


/*nuevo menú con efecto sprite*/

#centrar_menu{
	width:960px;
	height:85px;
	margin-left:auto;
	margin-right:auto;
}

ul#sprite_menu {
	width:960px;
	height:85px;
	margin-left:auto;
	margin-right:auto;
	list-style:none;
	margin:0;
	padding:0;
}



ul#sprite_menu li{
	float:left;
}

ul#sprite_menu li a {
	background:transparent url(../imgs/sprite_menu.png) no-repeat scroll top left;
	display:block;
	height:85px;
	position:relative;
}



ul#sprite_menu li a.logo {width:160px;}
ul#sprite_menu li a.logo span {background-position: 0px -85px;}
ul#sprite_menu li a.portada {width:160px; background-position:-160px 0px;}
ul#sprite_menu li a.portada span {background-position: -160px -85px;}
ul#sprite_menu li a.proyectos {width:160px; background-position:-320px 0px;}
ul#sprite_menu li a.proyectos span {background-position :-320px -85px;}
ul#sprite_menu li a.clientes {width:160px; background-position:-480px 0px;}
ul#sprite_menu li a.clientes span {background-position :-480px -85px;}
ul#sprite_menu li a.blog {width:160px; background-position:-640px 0px;}
ul#sprite_menu li a.blog span {background-position :-640px -85px;}
ul#sprite_menu li a.contacto {width:160px; background-position:-800px 0px;}
ul#sprite_menu li a.contacto span {background-position :-800px -85px;}

/*para los estados activos del menú*/
ul#sprite_menu li a.actual_portada{background-position: -160px -85px; width:160px;}
ul#sprite_menu li a.actual_portada span{background-position: -160px -85px;}
ul#sprite_menu li a.actual_proyectos {width:160px; background-position:-320px -85px;}
ul#sprite_menu li a.actual_proyectos span {background-position :-320px -85px;}
ul#sprite_menu li a.actual_clientes {width:160px; background-position:-480px -85px;}
ul#sprite_menu li a.actual_clientes span {background-position :-480px -85px;}
ul#sprite_menu li a.actual_contacto {width:160px; background-position:-800px -85px;}
ul#sprite_menu li a.actual_contacto span {background-position :-800px -85px;}



ul#sprite_menu li a span {
	background: transparent url(../imgs/sprite_menu.png) no-repeat scroll bottom left;
	display:block;
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
	z-index:10;
}

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


#proyectos {
	margin-top:49px;

}

#proyecto_unico{
	width:960px;/*960*/
	height:360px;/*360*/
	margin:0;
	background: transparent url(../imgs/somos_especialistas_en_internet.jpg) top center no-repeat;
	text-align:left;
}


#video {
	padding-top:49px;
}

#fondo_proyectos{
	width:960px;
	height:400px;
	padding:0;
	margin-left:auto;
	margin-right:auto;
	margin-top:0;
	text-align:left;
	
}

#alia_cambia {
	width:960px;/*960*/
	height:360px;/*360*/
	margin:0;
	padding-top:49px;
	/*background: transparent url(../imgs/alia_cambia.jpg) top center no-repeat;*/
	text-align:left;
	cursor:pointer;
}
#laempresa{
	width:960px;/*960*/
	height:360px;/*360*/
	background: transparent url(../imgs/laempresa.jpg) top center no-repeat;
	text-align:left;
}

#laempresa p{
	width:440px;
	margin: 40px 0 0 450px;
}



#img_ppal {
	width:960px;/*960*/
	height:360px;/*360*/
	margin-left:auto;
	margin-right:auto;
	background: transparent url(../imgs/podemos.jpg) top center no-repeat;
	text-align:left;
}

#img_ppal p{
	margin:235px 0 0 465px;
	color:#333;
}

#img_ppal p a, #img_ppal p a:link, #img_ppal p a:visited {
	color:#4f71c5;/*azul intenso*/
}
#img_ppal p a:hover{
	color:#5ec54f;/*verde alia*/
}

/* proyectos */


#proyectos_ppal{
	width:960px;/*960*/
	height:360px;/*360*/
	margin-top:49px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	
}

#proyectos_ppal img{
	position:relative;
	top:0;
	left:0;
}

#casos_exito{
	width:960px;/*960*/
	height:360px;/*360*/
	margin-left:auto;
	margin-right:auto;
	background: transparent url(../imgs/30casos.jpg) top center no-repeat;
	text-align:left;
}

#casos_exito p{
	width:480px;
	margin:60px 0 0 380px;
	line-height:25px;
}

#casos_exito p b{
	color:#5ec54f;/*verde alia*/
}

#header_proyectos{
	position:relative;
	top:-293px;
	left:134px;
}

#header_proyectos h1{
	color:white;
	font-size:28px;
	text-align:left;
}

#header_proyectos h6{
	color:#ededed;
}


/*VENTANA PRINCIPAL_________________________________*/
#ventana{
	width:1010px;
	height:319px;
	background: transparent url(../imgs/fondo_ventana.jpg) center no-repeat;
}

#imagen_ppal{
	width:463px;
	height:271px;
	border:1px solid #8a8787;
	margin:28px 0 0 41px;
	float:left;
}

#cuadro_ppal{
	width:453px;/*463*/
	height:221px;/*271*/
	padding:50px 10px 0 10px;
	margin:36px 0 0 0;
	float:left;
	text-align:left;
	color:#4f99c4;/*azul intenso*/
}

#cuadro_ppal p{
	font-size:13px;
}

#cuadro_ppal p a, #cuadro_ppal p a:link, #cuadro_ppal p a:visited{
	color:#4fc5bf;/*verde turquesa*/
}

#cuadro_ppal p a:hover{
	color:#333;
}

.txt_ppal{
	padding:34px 0 0 42px;
	font-family:"Delicious", "Lucida Sans Unicode", sans-serif;
	font-size:26px;
	color:#333;
	text-align:left;
}


#selectores{
	width:100%;
	height:70px;
	padding: 7px 0 0 0px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	
}

#selectores img{
}

.selector{
	width:69px;
	height:69px;
	display:inline;
}



/*CONTENIDO-------------------------------*/
#contenido {
	width:960px;/*960*/
	height:100%;
	background-color:#dedede;
	border-left:1px #ccc solid;
	border-right:1px #ccc solid;
	padding:0;
	margin-top:2px;
	margin-left:auto;
	margin-right:auto;
}

/*CSS de 320*3 cols */

.col{
	width:290px;/*320 con padding y border*/
	height:100%;
	padding: 15px;
	float:left;
}

/*CSS de 320+640 cols */

.col_izq{
	width:290px;/*320 con padding y border*/
	height:100%;
	padding: 15px;
	float:left;
}

.col_der{
	width:610px;/*640 con padding*/
	height:100%;
	padding:15px;
	float:right;
}

.especificaciones{
	width:100%;
	padding:0;
	margin:0
}

#hacia_contacto{
	width:930px;
	height:60px;
	margin-left:15px;
	background: transparent url(../imgs/separador_h.png) center no-repeat;
	
}

#hacia_contacto img{
	float:right;
}

#mas_info{
	width:610px;
	height:90px;
	background: transparent url(../imgs/fondo_masinfo.png) center no-repeat;
}

#mas_info h5{
	padding:7px 0 0 7px;
}

#mas_info p{
	font-family:"Delicious", "Lucida Sans Unicode", sans-serif;
	color:white;
	padding:0 0 0 7px;
}

.cliente_destacado{
	float:left;
	padding:4px 25px 0 0;
}

.ultimo_logo{
	padding:0;
}

#metodologias{
	width:580px;/*610*/
	height:300px;/*330*/
	padding:15px;
	background: transparent url(../imgs/fondo_metodologia.png) no-repeat center;
}

.metodologia{
	width:100%;
	height:auto;
}

.metodologia img, metodologia h4{
	float:left;
}

.metodologia h4{
	padding: 5px 0 0 0;
}

#descripcion_metodologia{
	width:245px;
	height:265px;
	padding:15px;
	float:right;
	/*background: transparent url(../imgs/fondo_descripcion_metodologia.png) no-repeat center;*/
}

/*servicios*/

#somos_especialistas{
	width:960px;/*960*/
	height:360px;/*360*/
	margin:0;
	background: transparent url(../imgs/somos_especialistas_en_internet.jpg) top center no-repeat;
	text-align:left;
}

#somos_especialistas p{
	width:360px;
	margin:100px 0 0 530px;
	line-height:25px;
}

#somos_especialistas p b{
	color:#5ec54f;/*verde alia*/
}

/*MAPS_____________________________________*/

#mapa{
	width:960px;
	height:300px;
	margin:0;
}


/*Forms y solicitudes*/
form{
	line-height:30px;
}


input{
	padding:3px;
	float:left;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:14px;
	color:#444;
}

textarea{
	width:98%;
	height:75px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:14px;
	padding:3px;
}

fieldset{
	padding:10px;
}

.acepto{
	margin:-5px 0 0 3px;
}

.acepto a, .acepto a:link, .acepto a:visited{color:#999;}
.acepto a:hover{color:#666;}

.error{
	width:100%;
	padding:5px;
	border: 1px solid #555;
	color:#550101;
}

.error_form{
	border-bottom:1px solid #550101;
}

/*-----------------404--------------------*/
#no_encontrado{
	width:920px;/*960*/
	height:320px;/*360*/
	margin:0;
	padding:20px;
	text-align:left;
}
#no_encontrado h1 {color:#526eb7;}
#no_encontrado a {display:block; color:#5ec54f; text-decoration:none; font-weight:bold; margin:10px 0;}
#no_encontrado a:hover {text-decoration:underline;}
	

/*TAGS_____________________________*/


.listado_tags li{
	display:inline;
	line-height:30px;
	border:1px solid #999;
	padding:3px;
	margin:0 5px 0 0;
}

#tags_ppal{
	width:960px;/*960*/
	height:360px;/*360*/
	margin:0;
	background: transparent url(../imgs/tags_ppal.jpg) top center no-repeat;
	text-align:left;
}

#tags_ppal h1{
	margin:65px 75px 0 75px;
	color:#516eaf;
}

#etiquetas{
	width:860px;
	height:auto;
	min-height:32px;/*65*/
	padding:33px 0 0 100px;
	background: transparent url(../imgs/fondo_etiquetas.png) no-repeat top center;
}

#etiquetas p{
	
}

#etiquetas p a, #etiquetas p a:link, #etiquetas p a:visited{
	color:#777;
	text-decoration:none;
}

#etiquetas p a:hover{
	text-decoration:underline;
}

.pequenisimo{font-weight:100;}
.pequenio{font-weight:300;}
.normalito{font-weight:500;}
.gruesillo{font-weight:700;}
.grueso{font-weight:bold;}


/*para los pobres de ie6*/

#ie6{
	color:#C00;
	width:100%;
	height:3000px;
	position:absolute;
	background-color:white;
	z-index:999;
	padding:15px;
	border:1px solid red;
	text-align:center;
}

#ie6 a, #ie6 a:link, #ie6 a:visited{
	color:#333;
}


/*PIE________________________________________________*/
#pie, #pie_no_encontrado { 
	width:100%;
	height:216px;
	background: #1d1d1d url(../imgs/fondo_bottom2.png) top center repeat-x;
}
#pie_no_encontrado {background:#1d1d1d url(../imgs/bg_pie_noencontrado.png) left center repeat-x; height:51px; bottom:0; position:absolute;}
#pie2, #pie2_no_encontrado {
	width:960px;
	height:195px;
	padding:0px;
	margin-left:auto;
	margin-right:auto;
	background: #1d1d1d url(../imgs/fondo_bottom.png) center no-repeat;
	font-size:12px;
}
#pie2_no_encontrado {background:#1d1d1d url(../imgs/bg_pie_noencontrado.png) left center repeat-x; height:51px; }
#pie2 a.conecta {float:right; width:27px; height:26px; margin:12px 10px 0px 0px; }

#pie2 a.mas { font-family:"Delicious", "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:14px; color:#bbbaba; font-weight:500; height:20px; float:right; margin:45px 10px 0px 0px; padding:0px; text-decoration:none; }
#pie2 a.mas img{ width:20px; height:20px; margin:2px -5px 0px 0px; padding:0px; }
#pie2 a.mas:hover {text-decoration:none; color:white;}

#pie2 ul, #pie2_no_encontrado ul { text-align:center; line-height:1em; margin:10px auto 0px auto;  } #pie2_no_encontrado ul{margin-top:0px; padding-top:14px; }
#pie2 ul.enlaces {  margin-top:50px;}
#pie2 ul li, #pie2_no_encontrado ul li{display:inline;  color:#bbbaba; margin:0px 5px 0px 5px; padding:0px;  } 
#pie2 ul li a, #pie2_no_encontrado ul li a{color:#999; text-decoration:none;}
#pie2 ul li a:hover, #pie2_no_encontrado ul li a:hover{color:#5ec44f;text-decoration:underline;}