/******** Base ********/

html {height: 100%;}
body {
margin:0;
padding:0;
height:100%;
} 

BODY { 
	font-family:  Arial, Helvetica, Trebuchet MS, sans-serif;
	font-size: 0.8em;
	line-height:14px;
	margin:0px 0px 0px 0px;
	color:#9f9f9f;
	text-align: left;
	background-image:url(../images/az_fondo.gif);
	}

	
img{border:0px;}

acronym {cursor: help; text-decoration:underline;}

ul{
	margin:0px;
	padding:0px;
	}
li{
	list-style-type:none;
	padding:0px;
	margin:0px;
	}


/******** Enlaces ********/
a {
	color:#00a5d5;
	text-decoration: none;
}

a:hover{
	color: #ffffff;
	text-decoration: underline;

}


/******** Enlaces y parrafo ********/
h1 {
	display:none;
	}

h2 {
	font-family: Arial, Trebuchet MS, Helvetica, sans-serif;
	font-size: 1.6em;
	text-align: left;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	color:#fffcec;
	text-decoration:none;
	}
	
h3 {
	font-family: Arial, Trebuchet MS, Helvetica, sans-serif;
	font-size: 1.6em;
	text-align: left;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	color:#f7a904;
	text-decoration:none;
	}

h4 {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	text-align: left;
	clear:both;
	padding:10px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	color:#f7a904;
	}

h5 {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	line-height:16px;
	text-align: left;
	clear:both;
	padding:0px 0px 10px 0px;
	margin:0px 0px 0px 0px;
	color:#df9b26;
	}
	

	
/************************ Capas principales ************************/
#contenedor{ 
	width: 100%;
	padding: 0px 0px 0px 0px;
	margin:auto;
	text-align:left;
	clear:both;
	background-image:url(../images/fondo_cabecera.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	}
	
#cabecera{ 
	width: 830px;
	padding: 100px 0px 30px 0px;
	margin:auto;
	text-align:left;
	clear:both;
	}
	
.logo{ 
	padding: 0px 0px 0px 0px;
	text-align:left;
	float:left;
	}
	
.lema{ 
	padding: 35px 0px 0px 0px;
	text-align:left;
	float:right;
	}
	
#desarrollo{ 
	width: 830px;
	padding: 0px 0px 20px 0px;
	margin:auto;
	text-align:left;
	clear:both;
	}
	
.bandatrabajo{
	width: 270px;
	height: 555px;
	padding: 0px 0px 0px 0px;
	margin:0px 9px 0px 0px;
	text-align:left;
	float:left;
	background-image:url(../images/az_banda.gif);
	}
	
.bandatrabajo2{
	width: 270px;
	height: 555px;
	padding: 0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	text-align:left;
	float:left;
	background-image:url(../images/az_banda.gif);
	}
	
.cabezabandaimagen{
	width: 235px;
	height: 490px;
	padding: 65px 17px 0px 18px;
	margin:0px 0px 0px 0px;
	text-align:left;
	float:left;
	background-image:url(../images/gf_imagen.png);
	background-repeat:no-repeat;
	background-position:top;
	}
	
.cabezabandaweb{
	width: 235px;
	height: 490px;
	padding: 65px 17px 0px 18px;
	margin:0px 0px 0px 0px;
	text-align:left;
	float:left;
	background-image:url(../images/gf_paginasweb.png);
	background-repeat:no-repeat;
	background-position:top;
	}
	
.cabezabandaaplicaciones{
	width: 235px;
	height: 490px;
	padding: 65px 17px 0px 18px;
	margin:0px 0px 0px 0px;
	text-align:left;
	float:left;
	background-image:url(../images/gf_aplicaciones.png);
	background-repeat:no-repeat;
	background-position:top;
	}
	
.titular_txt_inicio{
	height: 105px;
	color:#7a7878;
	padding: 0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	text-align:left;
	}
	
.titular_txt_secc{
	color:#7a7878;
	padding: 0px 0px 0px 0px;
	margin:0px 0px 10px 0px;
	text-align:left;
	}
	
.txt_trabajo{
	height: 35px;
	color:#7a7878;
	padding: 0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	text-align:left;
	}

#trabajo{ 
	width: 830px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	clear:both;
	}

#trabajo_secc{ 
	width: 790px;
	height: 227px;
	padding: 0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	text-align:left;
	float:left;
	background-color:#1f1e1e;
	}
	
#trabajo_esquina{ 
	width: 40px;
	height: 227px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 35px 0px;
	text-align:left;
	float:right;
	background-image:url(../images/gf_trabajo_lat.png);
	background-repeat:no-repeat;
	background-position:right;
	}	

#seccion{ 
	width: 830px;
	height: 375px;
	margin: 0px 0px 35px 0px;
	}

#seccion_secc{ 
	width: 765px;
	height: 355px;
	padding: 20px 0px 0px 25px;
	margin:0px 0px 0px 0px;
	text-align:left;
	float:left;
	background-color:#1f1e1e;
	}
	
#seccion_esquina{ 
	width: 40px;
	height: 375px;
	padding: 0px 0px 0px 0px;
	text-align:left;
	float:right;
	background-image:url(../images/gf_seccion_lat.png);
	background-repeat:no-repeat;
	background-position:right;
	}
	
#txt_gooface{ 
	width: 355px;
	margin: 10px 0px 0px 0px;
	float:left;
	}
	
#txt_gooface_der{ 
	width: 355px;
	margin: 10px 0px 0px 0px;
	float:right;
	}
	
#lista_fot_tra {
	width: 150px;
	float:left;
	text-align: left;
	padding: 0px 0px 0px 0px;
	}
	
#pie{ 
	width: 830px;
	padding: 0px 0px 10px 0px;
	margin:auto;
	text-align:left;
	clear:both;
	}
	
#menupie{ 
	width: 815px;
	height: 18px;
	color:#FFF;
	padding: 7px 0px 0px 15px;
	margin:auto;
	text-align:left;
	clear:both;
	background-image:url(../images/az_menupie.png);
	}
	
#txt_pie{ 
	width: 800px;
	height: 83px;
	padding: 15px 15px 0px 15px;
	margin:7px 0px 0px 0px;
	text-align:left;
	clear:both;
	background-image:url(../images/az_txtpie.png);
	}

#txt_pie_gf{ 
	width: 830px;
	height: 7px;
	padding: 0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	text-align:left;
	clear:both;
	background-image:url(../images/gf_pie.png);
	background-repeat:no-repeat;
	}
	
#anuncios{ 
	width: 830px;
	padding: 0px 0px 30px 0px;
	margin:auto;
	text-align:left;
	clear:both;
	}
	
#facebook{ 
	width: 385px;
	height: 63px;
	padding: 20px 0px 0px 15px;
	margin:auto;
	text-align:left;
	float:left;
	background-image:url(../images/gf_bocadillo.png);
	background-repeat:no-repeat;
	background-position:left;
	}
	
#google{ 
	width: 385px;
	height: 63px;
	padding: 20px 0px 0px 15px;
	margin:auto;
	text-align:left;
	float:right;
	}
	
#copy{ 
	width: 830px;
	color:#7a7878;
	padding: 0px 0px 210px 0px;
	margin:auto;
	text-align:left;
	clear:both;
	}
	
#menurapido{ 
	width: 555px;
	color:#7a7878;
	padding: 0px 0px 0px 0px;
	text-align:left;
	float:left;
	}
	
#nosotros{ 
	color:#7a7878;
	padding: 0px 0px 0px 0px;
	text-align:left;
	float:right;
	}
	
#formula_envio { 
	width: 400px;
	padding: 0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	text-align:left;
	float:left;
	}
	
#maps { 
	width: 260px;
	padding: 0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	text-align:left;
	float:right;
	}
	

/***** Capas Menú *****/
#menu{ 
	height: 44px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 25px 0px;
	text-align:left;
	background-image:url(../images/az_menusecciones.png);
	}
	
#menu2{ 
	height: 44px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 25px 0px;
	text-align:left;
	background-image:url(../images/az_menusecciones_2.png);
	}

ul#main-nav {
	margin: 0px;
	padding: 0px;
	list-style: none;
	
	}

ul#main-nav li {
	display: inline;
	float: left;
	margin: 0px;
	padding: 0px;
	height: 44px;
	}

ul#main-nav li.imagen a {
	display: block;
	background: url(../images/bt_imagen.png) no-repeat 0% 0%;
	width: 64px;
	height: 44px;
	margin: 0px 0px 0px 0px;
	}
	
ul#main-nav li.imagen_on a {
	display: block;
	background: url(../images/bt_imagen_on.png) no-repeat 0% 0%;
	width: 64px;
	height: 44px;
	margin: 0px 0px 0px 0px;
	}
	
ul#main-nav li.web a {
	display: block;
	background: url(../images/bt_web.png) no-repeat 0% 0%;
	width: 64px;
	height: 44px;
	margin: 0px 0px 0px 0px;
	}
	
ul#main-nav li.web_on a {
	display: block;
	background: url(../images/bt_web_on.png) no-repeat 0% 0%;
	width: 64px;
	height: 44px;
	margin: 0px 0px 0px 0px;
	}
	
ul#main-nav li.aplicaciones a {
	display: block;
	background: url(../images/bt_aplicaciones.png) no-repeat 0% 0%;
	width: 103px;
	height: 44px;
	margin: 0px 0px 0px 0px;
	}
	
ul#main-nav li.aplicaciones_on a {
	display: block;
	background: url(../images/bt_aplicaciones_on.png) no-repeat 0% 0%;
	width: 103px;
	height: 44px;
	margin: 0px 0px 0px 0px;
	}
	
ul#main-nav li.volveralinicio a {
	display: block;
	background: url(../images/bt_volveralinicio.png) no-repeat 0% 0%;
	width: 129px;
	height: 44px;
	margin: 0px 0px 0px 450px;
	}
	
ul#main-nav li.volveralinicio2 a {
	display: block;
	background: url(../images/bt_volveralinicio.png) no-repeat 0% 0%;
	width: 129px;
	height: 44px;
	margin: 0px 0px 0px 510px;
	}
	
ul#main-nav li.volveralinicio3 a {
	display: block;
	background: url(../images/bt_volveralinicio.png) no-repeat 0% 0%;
	width: 129px;
	height: 44px;
	margin: 0px 0px 0px 584px;
	}
	
ul#main-nav li.posicionamiento a {
	display: block;
	background: url(../images/bt_posicionamiento.png) no-repeat 0% 0%;
	width: 149px;
	height: 44px;
	margin: 0px 0px 0px 15px;
	}
	
ul#main-nav li.contacto a {
	display: block;
	background: url(../images/bt_contacto.png) no-repeat 0% 0%;
	width: 75px;
	height: 44px;
	margin: 0px 0px 0px 15px;
	}	
	

/******** Lista menu rápido ********/
#menurapido ul {
	margin: 0px;
	padding: 0px 0px 0px 0px;
	list-style: none;
	}

#menurapido li {
	vertical-align: top;
	display: inline;
	}

#menurapido li a{
	padding: 0px 0px 0px 0px;
	margin: 0px 2px 0px 0px;
	text-decoration:none;
	color:#7a7878;
	}	

#menurapido li a:hover {
	color:#ffffff;
	text-decoration:underline;
	}
	
/******** Lista fotos trabajos ********/
#lista_fot_tra ul{
	border: 0;
	margin: 0;
	padding: 0px 0px 0px 10px;
	text-align: left;
	}
	
#lista_fot_tra li {
	padding:0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	}
	
#lista_fot_tra li a{
	float: left;
	padding: 0px 0px 6px 10px;
	text-decoration: none;
	}

#lista_fot_tra img a:hover {
	text-decoration: none;
	}

#lista_fot_tra img{
	float:left;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	border: 1px solid #ffffff;
	}
	
/******** Lista posicionamiento ********/
#txt_gooface_der ul{
	border: 0;
	margin: 0;
	padding: 0px 0px 0px 10px;
	text-align: left;
	}
	
#txt_gooface_der li {
	padding:0px 0px 15px 0px;
	margin: 0px 0px 10px 0px;
	border-bottom: 1px solid #0f627a;
	}
	
/******** Formularios ********/

form{
margin: 0px;
padding: 0px 0px 0px 0px;
	}

input {
  	border: 1px solid #a3a1a1;
	background-color:#625f5f;
    font-size: 0.8em;
    color: #ffffff;
	padding:2px;
	}
	
select {
  	border: 1px solid #a3a1a1;
	background-color:#625f5f;
    font-size: 0.8em;
    color: #ffffff;
	padding:1px;
	}
	
textarea{
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
    font-size: 0.8em;
	color: #ffffff;
	background-color:#625f5f;
	text-decoration: none;
	margin-bottom: 0px;
	margin-top: 0px;
	padding: 0px;
	border: 1px solid #a3a1a1;
	} 
	
.boton{
	font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #ffffff;
	padding: 0px;
	margin: 0px 0px 1px 0px;
	text-decoration: none;
	}	
	
/******** Clases ********/
.tecla {text-decoration: underline;}
.raya {text-decoration: underline;}
.nomostrar{display:none;}

.cierre{ 
	padding: 0px 0px 0px 0px;
	margin:auto;
	clear:both;
	}
	
.recuadro{ 
	border: 1px solid #ffffff;
	}
	
.txt_azul {
	text-align: left;
	padding: 0px 0px 0px 275px;
	color:#00a5d5;
	}
	
.txt_azul2 {
	text-align: left;
	padding: 0px 0px 0px 0px;
	color:#00a5d5;
	}
	
.txt_gris {
	text-align: left;
	color:#9f9f9f;
	}
	
.titular_trabajo {
	font-size: 2.5em;
	font-weight:bold;
	line-height:31px;
	text-align: left;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	color:#fffcec;
	text-decoration:none;
	}
	
.txt_bold {
	font-size: 1.0em;
	font-weight:bold;
	text-align: left;
	}
	
.tit_pie {
	text-align: left;
	padding: 0px 0px 0px 275px;
	color:#FFF;
	}
	
.tit_pie2 {
	text-align: left;
	padding: 0px 0px 0px 65px;
	color:#FFF;
	}
	
.tit_pie3 {
	text-align: left;
	padding: 0px 0px 0px 70px;
	color:#FFF;
	}
	
.txt_hosting {
	width: 380px;
	height: 75px;
	text-align: left;
	float:left;
	padding: 0px 0px 0px 0px;
	background-image:url(../images/ico_ordenador.png);
	background-repeat:no-repeat;
	background-position:right;
	}
	
.txt_quienes {
	width: 115px;
	height: 75px;
	float:left;
	text-align: left;
	padding: 0px 0px 0px 35px;
	}
	
.txt_contacto {
	width: 127px;
	height: 75px;
	float:left;
	text-align: left;
	padding: 0px 0px 0px 18px;
	}
	
.txt_estamos {
	width: 96px;
	height: 75px;
	float:left;
	text-align: left;
	padding: 0px 0px 0px 22px;
	}
	
.txt_face {
	float:left;
	text-align: left;
	padding: 0px 0px 0px 0px;
	}
	
.bt_anuncios {
	float:right;
	text-align: left;
	padding: 0px 10px 0px 0px;
	}

.txt_google {
	float:right;
	text-align: right;
	padding: 0px 20px 0px 0px;
	}
	
.txt_campanas {
	float:right;
	text-align: right;
	padding: 0px 0px 0px 0px;
	}
	
.fot_trabajos {
	float:left;
	text-align: left;
	padding: 0px 0px 0px 0px;
	border: 1px solid #ffffff;
	}
	
.txt_trabajos {
	width: 310px;
	float:right;
	text-align: left;
	padding: 16px 0px 0px 0px;
	}
	
.paginacion {
	text-align: left;
	padding: 0px 0px 0px 0px;
	margin: 20px 0px 20px 0px;
	clear:both;
	}
	
	


/* ----------------- Dinamicas------------*/

.listatrabajos ul{
	margin: 0px 0px 0px 0px;
	padding: 0px;
	list-style: none;
	display:inline;
}
.listatrabajos li {
	clear:both;
	margin: 0px 0px 0px 0px;
	text-decoration: none;
	padding: 0px 0px 0px 0px;
}

.listatrabajos img{
	float:left;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	}

.parrafonoticia{
	clear:both;
	margin-top:10px;
}

.altura_txt_gal{
	clear:both;
	margin: 0px 0px 15px 0px;
}