/***************************** */
/***** ESTILOS GENERALES ***** */
/***************************** */

body {
	font-family:"Trebuchet ms";
	font-size:0.8em;
	background:url(../imagenes/comun/pixel_cabecera.gif) repeat-x 0px 91px #fff;	
	color: #585858;
	margin:0px;
	padding:0px;
	text-align:justify;
	line-height:1.35em;
}

img, ul, li, dl, dd, form, h1, h2, h3{
	border:0px;
	padding:0;margin:0;
	color:	#006d82 !important;
}
ul, li, dl, dd{	list-style-type:none; color:#585858 !important;}


a{	text-decoration:none;color: #006d82;}
a:hover{text-decoration:underline;}

.texto_oculto{	display:none;}

.texto_negrita{	font-weight:bold;}

.texto_centrado {text-align:center;}

.enlaces_ocultos{position:absolute;	top:-400px;}

.ands {font-family:arial;font-size:0.8em;}

acronym {border-bottom:1px dotted;}

.flotante_izq{float:left !important;}
.flotante_dcha{float:right;}

.contenedor{
	width:990px;
	margin:1em auto;	
}

#cabecera{
	
}

#cabecera img{ float:left;padding: 3px 0px 0px 10px;clear:both;padding-top:15px;width:295px;}
#zona_logotipo{padding:10px 0px 10px 10px;clear:both;display:none;}
#zona_logotipo h2{ 
	color:#006d82; text-transform: uppercase; 
	font-size:1.3em;display:none;}

#zona_logotipo h3{ 
	padding:0px 0px 10px 10px;font-size:1.2em;font-weight:normal;display:none;
}
#logo_ateigh{width:325px;float:left;}
#mensaje_web{
	float:left;
	width:620px;
	
}
#mensaje_web h2{
	padding-top: 50px;
	font-family:"Tw Cen MT", "Trebuchet MS";
	font-size:1.8em;
	color:#858585 !important;
	text-align:right;
	font-weight:normal;
	padding-bottom:10px;
}

#subcontenedor{	
	padding-top:15px;
	display:block;
}

#menu_principal{
	padding:43px 10px 0px 80px;
	font-size:0.95em;
	margin:1px auto;
}
#menu_principal li{display:inline;}
#menu_principal li a{
	float:left;
	display:block;
	margin:10px;
	padding:6px 10px 6px 10px;
	text-transform:uppercase;		
}
#menu_principal li a:hover, #menu_principal li a.marcada{color:#fff;background-color:#a55011;text-decoration:none;	border:1px solid #7a410e;margin:9px;}


.contenido{

}

.contenido_paginas{
	width:990px !important;
	margin:0;padding:0;
}

.contenedor_seccion, #contenedor_servicios{
	padding:10px 10px 10px 20px;
	width:660px;
	float:left;
	border-left: 2px solid #585858;
	margin:0 0 20px 20px;
	min-height:200px;	
}

.contenedor_seccion h3, h3.titulo_seccion{
	color:	#006d82;
}

.contenedor_seccion p a{text-decoration:underline !important;}

.contenedor_seccion li{padding: 5px 0 5px 20px !important;}

#pie_pagina_ext{
	clear:both;
	background: url(../imagenes/comun/pixel_piepagina.gif) repeat-x;	
}
#pie_pagina{
	width:990px;
	margin:1px auto;
	padding-bottom:20px;
}
#pie_pagina p{margin:1px;padding:1px;}

.clearer_right{
	clear:right;
}

#pie_pagina #datos{width:740px;float:left;}
#pie_pagina #imagenes_estandares{width:248px;float:left;padding-top:10px;}

.clearer_left{
	clear:left;
}

.clearer{
	clear:both;
}

#franja_portafolio{
	background: url(../imagenes/comun/logo_portafolio.jpg) no-repeat left center #a55011;
	height:10em;	
	clear:both;
}
#franja_portafolio{color:#fff;padding-left:10%;}
#franja_portafolio ul{float:right;width:55em;padding-right:0px;}
#franja_portafolio li{float:right;display:block;padding:5px;margin:5px;}
#franja_portafolio li a{width:10em;height:8em;margin:0;padding:0;float:left;display:block;}
#franja_portafolio img{border:2px solid #fff;}
#franja_portafolio dt{font-size:1.4em;padding:10px 0 15px 0;color:#fff;}
#franja_portafolio dl{width:12em;float:right;text-align:right;padding-right:10px;}
#franja_portafolio dd a{color:#fff;text-transform:uppercase;}


#pie_pagina ul li{display:inline;}
#pie_pagina a{font-size:0.9em;}
#opciones_pie{padding-left:5px;padding-top:2px;}

#fondo_pie_exterior{
	background-color:#116064;
	background: url(../imagenes/comun/fondo_abajo.jpg) no-repeat -6px 0px;
	height:156px;
	margin:0px auto;
	margin-left:-7px;
}


#fondo_pie_exterior_paginas{
	background-color:#116064;
	background: url(../imagenes/comun/fondo_bottom.jpg) no-repeat -6px 0px;
	height:36px;
	margin:0px auto;
	margin-left:-7px;
}

/************ PORTADA ************/

#estilo_inicio{font-family:"Tw Cen Mt", "Trebuchet Ms";}
#estilo_inicio ul{text-align:left;}
#estilo_inicio h3{text-transform:uppercase;text-align:center;font-size:1.2em;}
#estilo_inicio li{width:24em;float:left;height:16em;margin:5px 5px 15px 5px;}
#estilo_inicio li div{padding:5px 10px 0px 10px;font-size:1.1em;}
#estilo_inicio li li{width:auto;float:none;margin:5px;height:auto;}
li.grafico, li.consultoria {border-left: 2px solid #727272;}
li.grafico{padding-left:10px;}
li.consultoria{padding-left:10px;}

a.mas_info{background:url(../imagenes/comun/icono_masinfo.gif) no-repeat 0 2px;padding-left:20px;}
a.ver_mas{background:url(../imagenes/comun/icono_ver.gif) no-repeat 0 2px;padding-left:20px;}

.contenedor_portada ul{
	width:auto;
	padding:0px 0 0 130px !important;
	height:7em;
	margin-top:10px;
}
.contenedor_portada ul li{width:auto;margin:0;padding:0;}

.creacion ul li{text-transform:uppercase;color:#006d82!important;}
#estilo_inicio .creacion ul{background: url(../imagenes/comun/imagen_creacionweb.jpg) no-repeat !important;}
#estilo_inicio .disenyo ul{background: url(../imagenes/comun/imagen_disenyo_grafico.jpg) no-repeat 20px 0;}
#estilo_inicio .consultoria ul{background: url(../imagenes/comun/imagen_consultoria.jpg) no-repeat;}
/********** SERVICIOS *********/

p.destacado{

}

img.imagen_dcha{
	float:right;
	padding:10px;
}
img.imagen_izq{
	float:left;
	padding:10px;
}


#menu_servicios{
	padding:0px 0px 15px 0px;
	float:left;
	margin:10px 0 10px 10px;
	width:250px;
}
#menu_servicios h3{text-transform:uppercase;font-size:1.1em;font-family:"Tw Cen MT";text-align:left;}

#menu_servicios ul{padding-top:10px;}

#lista_menu_servicios_contenido li a{
	margin:5px 5px 5px 0px !important;
	padding:2px 5px 2px 2px !important;
	text-align:left;
	width:auto;
	display:block;
	text-transform:uppercase;
	color:#000;
	font-family:"Tw Cen MT";
}

#lista_menu_servicios_contenido li a:hover, #lista_menu_servicios_contenido li a.marcada{
	background-color:#585858;
	color:#fff;
	text-decoration:none;
}


/************* ATEIGH DESIGN ************/

.contenedor p{padding-left:10px;}

.estilo_quienes_somos{
	background: url(../imagenes/comun/identidad.jpg) no-repeat 15px 80px;
	height:300px;
	width:220px;
	float:left;
}

.firma{
	border: 1px solid #858585;
	border-left:5px solid #006d84;
	padding:10px;
}

.contenedor p{padding-left:10px;}

.estilo_filosofia{
	background: url(../imagenes/comun/filosofia.jpg) no-repeat 25px 20px;
	height:400px;
	width:220px;
	float:left;		
}
ul#estilo_filosofia li{
	/*padding:2px 5px 2px 35px;*/
}

/** ESTILOS PORTAFOLIOS **/
#estilo_portafolios, #estilo_portafolio_web, #estilo_portafolio_grafico,
#estilo_portafolio_otros{
	margin-top:15px;
	min-height:360px;
	padding:0px 10px 10px 10px;
}


#menu_superior_portafolios li a{
	border:1px #ccc solid;
	margin:5px;
	padding:2px 5px 2px 2px;
	text-align:right;
	display:block;
	width:120px;
	text-align:center;
}
#menu_superior_portafolios li{
	float:left;
}

#menu_superior_portafolios li a.marcado_port{
	text-decoration:underline;
	border:0;
}

.lista_numeracion{
	clear:both;
}

.lista_numeracion li{
	display:inline;	
}
.lista_numeracion li a{
	padding:1px 5px 1px 5px;
}
.lista_numeracion li a.marcado{
	background-color:#116064;
	color:#fff;
}
.lista_numeracion li a:hover{
	border:1px solid #116064;
	padding: 0px 4px 0px 4px;
}

#port_web{
	margin:10px;
	text-align:right;
}

#port_graficos{
	margin:5px;
	text-align:right;
	padding-right:20px;
}

#estilo_portafolio_otros{
	padding-bottom:60px;
}

#estilo_portafolios h3{float:left; width:200px;}

#contenido_portafolios{
	clear:left;
	margin-top:20px;
	padding:10px 0px 10px 5px;
	border:1px solid #ccc;
}
#contenido_portafolios hr{
	clear:left;
	margin:0px;
	padding:0px;
}

.recuadro_portafolio_web{
	margin:10px 0 10px 0;
	clear:both;
}

.recuadro_portafolio_web img{
	padding:1px;
	border:2px solid #cccccc;
}

.imagen_portafolio_web{
	width:230px;
	float:left;
}
.descripcion_portafolio{
	width:360px;
	float:left;

}
.descripcion_portafolio strong{color:#a55011;font-size:1.1em;}

.enlace_web{
	clear:left;
	text-align:right;
	padding:5px 10px 6px 0px;
	color:#3A595B;
}

#cuadro_portafolios_graficos_sup{
	width:510px;
	float:left;
	background: url(../imagenes/comun/recuadro_graf_arriba.jpg) no-repeat left top;
	padding-top:15px;
}	

#cuadro_portafolios_graficos_medio{
	background: url(../imagenes/comun/recuadro_graf_medio.jpg) repeat-y left center;
}

#cuadro_portafolios_graficos{
	width:480px;
	padding:0px 10px 20px 10px;
	background: url(../imagenes/comun/recuadro_graf_abajo.jpg) no-repeat left bottom;
	margin-bottom:10px;
}

#menu_portafolios_derecho{
	border-left: 2px solid #EAC479;
	float:left;
	padding:10px;
	height:300px;
}
#menu_portafolios_derecho li{
	padding:5px;
}

#menu_portafolios_derecho li a{
	border: 1px solid #eac479;
	display:block;
	width:130px;
	padding-left:10px;
}

#menu_portafolios_derecho li a:hover, #menu_portafolios_derecho li a.marcado_portgraf{
	background-color:#4f6976;
	color:#fff;
	text-decoration:none;
}

ul#listado_imagenes{
	
}
ul#listado_imagenes li{
	float:left;margin:0 !important;padding:0 !important;
	display:block;
}
ul#listado_imagenes li a{
	display:block;
	margin:5px !important;padding:0 !important;
}
#cuadro_portafolios_graficos #port_graficos{
	margin-bottom:-5px;
}

#seleccionar_imagen p{margin:0;padding:0;}

#imagen_portafolio_grande{
	text-align:center;
	clear:both;
	width:420px;
	float:left;
}

.descripcion_portafolio2{
	width:210px;text-align:left;
	float:left;
}
.descripcion_portafolio2 p{margin:2px 0 2px 0;padding:2px 0 2px 10px;}
.descripcion_portafolio2 strong{color:#a55011;font-size:1.1em;}

.recuadro_portafolio_otros{
	background: url(../imagenes/comun/recuadro_otros_abajo.jpg) no-repeat left bottom;
	width:500px;
	padding:10px 10px 30px 30px;
	
}

.recuadro_portafolio_otros h4{
	margin:7px 0px 5px 0px;
	padding:3px 0px 3px 5px;
	font-size:1.1em;
	width:23em;
	background-color:#DEDEDC;
}
.recuadro_portafolio_otros p{
	width:23em;
	margin:0;padding:0;
}
.recuadro_portafolio_otros_sup{
	background: url(../imagenes/comun/recuadro_otros_arriba.jpg) no-repeat left top;
	padding-top:15px;
	margin-left:30px;
}
.recuadro_portafolio_otros_medio{
	background: url(../imagenes/comun/recuadro_otros_medio.jpg) repeat-y left center;
}

.recuadro_portafolio_otros .imagen_otros{
	float:left;
	width:150px;
	text-align:center;
	padding-top:10px;
}
.recuadro_portafolio_otros .texto_port_otros{
	margin-left:160px;
	width:330px;
}


/** ESTILOS MAPA WEB **/
#estilo_mapaweb{
	padding:15px 0px 0px 10px;
	margin:auto -10px auto 0px;
	font-size:0.9em;
	height:30em;
}

#estilo_mapaweb #columna1, #estilo_mapaweb #columna2,
#estilo_mapaweb #columna3, #estilo_mapaweb #columna4{
	float:left;
	width:21%;
	margin:10px;
}

#estilo_mapaweb dd{
	border:1px solid gray;
	margin-top:2px;
	padding:2px;
}
#estilo_mapaweb dt, #estilo_mapaweb h4{
	margin-top:10px;
	text-align:center;
}

#estilo_mapaweb dt, #estilo_mapaweb h4{
	background-color:#eee;
	border:1px solid gray;
	font-size:1em;
	font-weight:bold;
	text-transform:uppercase;
}

#estilo_mapaweb h4{border:1px solid gray !important;}

#estilo_mapaweb a{display:block;}

/** ESTILOS CONTACTO **/

#contenedor_contacto{
	border:1px #ddd solid;
	padding:10px;
	width:400px;
}
.fila_formulario{
	padding:5px;
}

#estilo_contacto{
	padding-bottom:30px;
}
#estilo_contacto .enviar{
	width:400px;
	text-align:right;
}

#estilo_contacto li{
	
	padding:2px 5px 2px 35px;
}

#estilo_contacto ul{
	padding-bottom:10px;
}
.obligatorio{
	font-size:0.85em;
}

#estilo_contacto input {
	font-size:0.8em;
	color:gray;
}

#estilo_contacto textarea{
	font-family: "trebuchet ms";
	color:gray;
}
#estilo_contacto input.boton_web{
	color:#000;
}
.contenido_paginas li{padding:0;margin:0;}

.enlace_volver{
	float:right;
}
.enlace_volver a{
	display:block;
	width:230px;
	color:#fff;
	background-color:#585858;
	padding:5px 0 5px 0;
	text-align:center;
	margin:10px 0 0 10px;
}

.lista_contenidos li{
	background: url(../imagenes/comun/numeracion.jpg) no-repeat 0px 9px;
	margin-left:15px;
	padding-left:25px !important;
}