.finflotar {
  clear: both;
}

body {
  background-color: #FFFFFF;
  margin: auto;
  width: 1024px;
  background-image: url(../imagenes/basebody.jpg);
  background-repeat: repeat-x;


}

.cabecera {
  height: 293px;
  background-color: #000000;


}

.imagencabecera {
  background-image: url(../imagenes/imagen_cabecera.png);
  background-repeat: no-repeat;
  width: 1024px;
  height: 293px;
  padding-top: 212px;
}

.puntitos {
  border-bottom: 2px dotted #000000;
}


.botonera {
  height: 79px;
  background-image: url(../imagenes/base_botonera.jpg);
  background-repeat: repeat-x;


}

.contenedor {
  width: 1024px;
  font-size: 12px;
  font-family: Verdana;
  color: #666666;
  line-height: 25px;
  background-color: #FFFFFF;
  border-top:5px solid #D9D9D9;
  border-bottom:5px solid #D9D9D9;

}

.presentacion {
  width: 800px;
  padding-top: 50px;
  margin: auto;

}

.separadora {
  margin-top: 50px;
  height: 5px;
  background-color: #d9d9d9;
  background-repeat: repeat-x;
}

.titulares {
  font-family: Arial;
  font-size: 24px;
  font-weight: bold;
  color: #CC0033;
  padding-left: 20px;
  padding-top: 30px;
  width: 400px;
}

.cajatrabajos {
  width: 598px;
  float: left;
  padding-bottom: 20px;

}

.fototrabajos {
  width: 165px;
  height: 98px;
  border: 1px solid #CCCCCC;
  margin-top: 30px;
  margin-left: 20px;
  float: left;


}

.titularestrabajos {
  font-family: Arial;
  font-size: 14px;
  font-weight: bold;
  color: #666666;
  float: left;
  padding-left: 20px;
  padding-top: 40px;
  min-width:250px;

}


.textotrabajos {
  font-size: 10px;
  color: #000000;
  width: 250px;
  float: left;
  margin-left: 20px;
  line-height: 15px;
  margin-top: 10px;
}


.lineahorizontalgris {
  border-bottom: 1px solid #CCCCCC;
  width: 422px;
  padding-top: 20px;
  float: left;
}

.separadoravertical {
  width: 5px;
  background-color: #d9d9d9;
  background-repeat: repeat-y;
  float: left;
}
/*######################### NOTICIAS INICIO (HOME) ######################################################*/
.titularnoticias {
  font-family: Arial;
  font-size: 24px;
  font-weight: bold;
  color: #CC0033;
  float: left;
}

.cajanoticias {
  width: 422px;
  float: left;
}

.imagennoticias {
  width: 109px;
  height: 109px;
  border: 1px solid #CCCCCC;
  float: left;
  margin-top: 30px;
}

.textonoticias {
  font-size: 10px;
  color: #000000;
  width: 291px;
  float: left;
  margin-left: 20px;
  line-height: 15px;
  margin-top: 15px;

}

.titularesnoticias {
  font-family: Arial;
  font-size: 14px;
  font-weight: bold;
  color: #666666;
  float: left;
  padding-left: 20px;
  padding-top: 22px;
  width: 291px;

}
/*######################### FIN NOTICIAS INICIO (HOME) ######################################################*/

.botones {
  font-family: Arial;
  color: #FFFFFF;
  font-weight: bold;
  font-size: 24px;
  text-align: center;
}

.boton {
  float: left;
  padding-top: 30px;
  padding-left: 50px;
}

.b_signo {
  padding-top: 20px;
  float: left;
  padding-left: 66px;

}

.rayagris {
  height: 5px;
  background-color: #d9d9d9;
  background-repeat: repeat-x;
}




 img {
   border: none;
 }


  /*LINKS ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

a {
text-decoration: none;
outline: none;
color: #FFFFFF;

}

a:hover {
color: #CC0033;
text-decoration: none;
cursor: pointer;
}

/*:::::::::::::::::::::: ZONA PORTAFOLIO ::::::::::::::::::::::::::::::::::::::*/
.menuportafolio{
	width:971px;
	height:65px;
    background-color: #FFFFFF;
    border-bottom:5px solid #D9D9D9;
	padding-left:53px;
	margin-top:35px;
}
	.menuportafolio a{
		color:#A020F0;
	}

.escaparate{
  background-color: #FFFFFF;
	width:1024px;
	/*border:1px dotted #D9D9D9;*/
	padding:10px 0px 10px 0px;
}
.cajaescaparate{
	float:left;
	width:226px;
	border:5px solid #666666;
	height:225px;
	margin:10px;
}
	.imagenescaparate
	{
		height:168px;
		/*border:1px dotted #D9D9D9;*/
	}
		.imagenescaparate img {
			border:none;
		}
	
	.cajaescaparate .nombre {
		background-color:#666666;
		color:#FFFFFF;
		width:174px;
		height:50px;
		float:left;
		padding:5px;
        font-size: 10px;
        font-weight: bold;
        line-height: 15px;
	}
	
	.cajaescaparate .mas {
		background-color:#666666;
		color:#FFFFFF;
		width:22px;
		height:40px;
		float:left;

		padding-left:20px;
		padding-top:20px;
		font-size:20px;
	}
		.cajaescaparate .mas a{
			color:#000000;
		}

.jescaparate_izq{
	width:679px;
	/*border:1px dotted #D9D9D9;*/
	float:left;
	padding:20px;
    background-color: #FFFFFF;
    border-right:5px solid #D9D9D9;
}

.escaparate_izq{
	width:684px;
	/*border:1px dotted #D9D9D9;*/
	float:left;
    /*border-right:5px solid #D9D9D9;*/
	padding:20px;
    background-color: #FFFFFF;
}
		.escaparate_izq .nombre{
			float:left;
			font-size:16px;
			font-weight:bold;
			color:#4D4D4D;
		}
		
		.escaparate_izq .trabajopara{
			float:right;
			padding-right:33px;
		}
		.escaparate_izq .imagenes{
            float:left;
			border:1px dotted #D9D9D9;
			width:650px;
			margin-top:20px;
			padding-top:2px;
			height:350px;
		}
		.escaparate_izq .cont_imagenes{
        	float:left;
			/*text-align:right;*/
			width:650px;
			margin-top:20px;
			border-bottom:1px dotted #D9D9D9;
		}
		.escaparate_izq .texto{
            float:left;
			width:650px;
			margin-top:20px;
		}

.jescaparate_dcha{
	width:300px;
	float:left;

}

.escaparate_dcha{
	width:295px;
	float:left;
	border-left:5px solid #D9D9D9;
}

	.escaparate_dcha .mas{
		color: #D9B624;
		float:left;
		font-size:18px;
		font-weight:bold;
		padding-top:30px;
		padding-left:20px;
		font-family:Arial;
		
	}
	
		.escaparate_dcha .Diseño{
			color: #cf12bf;
		}
		
		.escaparate_dcha .Web{
			color: #3cafd9;
		}
		.escaparate_dcha .Infografias{
			color: #727272;
		}
		.escaparate_dcha .Multimedia{
			color: #a50008;
		}
		.escaparate_dcha .Publicidad{
			color: #26bf38;
		}
		
	
	.escaparate_dcha .mastrabajos{
		float:left;
		padding:20px;
	}
	
.oculto{
	display:none;
}
	
		/*ZONA CARRUSEL DE IMAGENES*/
		div#header{
		 margin:-1px 0 0;
		}
		
		 div#header div#slide-holder{
		  z-index:40;
		  /*width:993px;*/
		  width:650px;
		  /*height:299px;*/
		  height:350px;
		  position:absolute;
		 }
		  div#header div#slide-holder div#slide-runner{
		   /*top:9px;
		   left:9px;
		   width:973px;*/
		   width:650px;
		   /*height:278px;*/
		   height:350px;
		   overflow:hidden;
		   position:absolute;
		  }
		  div#header div#slide-holder img{
		   margin:0;
		   display:none;
		   position:absolute;
		  }
		  /*div#header div#slide-holder div#slide-controls{
		   left:0;
		   bottom:228px;
		   width:973px;
		   width:650px;
		   height:46px;
		   display:none;
		   position:absolute;
		   background:url(images/slide-bg.png) 0 0;
		  }*/
		   div#slide-controls{
		   /*left:0;
		   bottom:228px;
		   width:973px;*/
		   width:650px;
		   height:46px;
		   /*display:none;
		   position:absolute;*/
		   /*background:url(images/slide-bg.png) 0 0;*/
		  }
		   
		   div#slide-controls p.text{
			float:left;
			/*color:#fff;*/
			display:inline;
			font-size:10px;
			line-height:16px;
			margin:15px 0 0 20px;
			width:650px;
			/*text-transform:uppercase;*/
		   }
		 
		   
		   div#slide-controls p#slide-nav{
			float:right;
			height:24px;
			display:inline;
			margin:11px 15px 10px 0;
		   }
		
			div#slide-controls p#slide-nav a{		 
				float:left;
				 width:24px;
				 height:24px;
				 display:inline;
				 font-size:11px;
				 margin:0 5px 0 0;
				 line-height:24px;
				 font-weight:bold;
				 text-align:center;
				 text-decoration:none;
				 background-position:0 0;
				 background-repeat:no-repeat;
			}
			
			div#slide-controls p#slide-nav a.on{
			 background-position:0 -24px;
			}
		/*div#header div#slide-holder div#slide-controls p#slide-nav a{background-image:url(images/silde-nav.png);}*/
		div#slide-controls p#slide-nav a{background-image:url(images/silde-nav.png);}
		
		
		div#nav ul li a{background:url(images/nav.png) no-repeat;}
		/*FIN ZONA CARRUSEL DE IMAGENES*/

/*:::::::::::::::::::::: FIN ZONA PORTAFOLIO ::::::::::::::::::::::::::::::::::::::*/

/*PAGINADOR*/

.paginador {
  margin-left: 2px;
  text-align: center;  
}

        .paginador a{
			color:#000000;
		}

.pagseleccionado {
  border: 1px solid #666666;
  background-color: #FFFFFF;
  padding: 1px 2px;
  margin-right: 4px;
  margin-top: 3px;
  font-weight: bold;
  float: left;
  /*width: 10px;*/
}

.pag {
  margin-right: 4px;
  margin-top: 5px;
  float: left;
  /*width: 10px;*/
}

.pagdibu {
  margin-right: 4px;
  margin-top: 5px;
  float: left;
  /*width: 10px;*/
}
/*FIN PAGINADOR*/

/*######################### ZONA NOTICIAS ######################################################*/
.noticia{
	width:679px;
	/*padding:20px;*/
	border-bottom:5px solid #D9D9D9;
	float:left;
	padding-top:20px;
}

.noticia_foto{
	float:left;
}

 .titulo{
	width:569px;
	float:left;
	color:#800000;
	font-weight:bold;
	margin-left:10px;
	
 }
 .textocorto{
	width:569px;
	float:left;
	margin-left:10px;
	font-family:Arial;
	line-height:15px;
 }
 
 .masnoticia a{
	color:#800000;
	float:right;
 }
 
 .jescaparate_dcha .masnoticias{
	color:#800000;
	/*float:left;*/
	font-family:Arial;
	font-size:18px;
	font-weight:bold;
	padding-left:20px;
	padding-top:30px;
 }
 
 .jescaparate_dcha .mastrabajos{
	float:left;
	padding:20px;
 }

.noticiagrande{
	padding:20px;
	width:660px;
	float:left;
}
		.noticiagrande .titular{
			color:#800000;
			width:660px;
			font-weight:bold;
			font-size:14px;
		}
		.noticiagrande .foto{
			float:left;
			margin-right:15px;
		}


/*######################### FIN ZONA NOTICIAS ######################################################*/


/*######################### ZONA ENLACES ###########################################################*/

.enlaces{
	float:left;
	padding:10px;
	width:300px;
}

.linkcategoria{
	color:#4D4D4D;
	font-size:14px;
}

a[class='enlace']{
	color:#BFBFBF;
}





/*######################### FIN ZONA ENLACES ######################################################*/

.pie {
  background-color: #000000;
  height: 40px;
  padding-top: 40px;
}

.pie .texto {
  color:  #FFFFFF;
  text-align: center;
  font-size:  12px;
  font-weight:  bold;
  font-family: Verdana;
}

.cajahacemos {

}

.fondoblanco {
  background-color:  #FFFFFF;
}

/* CONTACTO */

#mapa{
	width:800px;
	height:600px;
}
/*FIN CONTACTO */

