#curriculum{
	background-image: url(../img/curriculum.jpg);
	background-size: cover;
	background-position: center;
}
#index{
	background-image: url(../img/index.jpg);
	background-size: cover;
	background-position: center;
}
#portafolio{
	background-image: url(../img/portafolio.jpg);
	background-size: cover;
	background-position: center;
}
#contacto{
	background-image: url(../img/contacto.jpg);
	background-size: cover;
	background-position: center;
}
#infografias{
	background-image: url(../img/infografias.jpg);
	background-size: cover;
	background-position: center;
}
#grafico{
	background-image: url(../img/grafico.jpg);
	background-size: cover;
	background-position: center;
}
#web{
	background-image: url(../img/web.jpg);
	background-size: cover;
	background-position: center;
}
#delineacion{
	background-image: url(../img/delineacion.jpg);
	background-size: cover;
	background-position: center;
}



ul{
	list-style: none;
	text-align: right;
}

li{
	font-size: 14px;
}


h2{
	text-align: right;
	font-size: 15px;
	color: black;
	
}
a{
	cursor:pointer;
	text-decoration: none
}
.fechas{
	font-weight: bold;
}
.boton{
	background-color: #575757;
	color: white;
}
.info1{
	width: 100px;
	height: 100px;
	margin: 5px;
	border-style: solid;
	border-color: #575757;
	border-width: 1px;
	float: left;
	background-image: url(../img/infografias/alvaro.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;	
}
.info2{
	width: 100px;
	height: 100px;
	margin: 5px;
	border-style: solid;
	border-color: #575757;
	border-width: 1px;
	float: left;
	background-image: url(../img/infografias/argel.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;	
}
.info3{
	width: 100px;
	height: 100px;
	margin: 5px;
	border-style: solid;
	border-color: #575757;
	border-width: 1px;
	float: left;
	background-image: url(../img/infografias/bano1.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;	
}
.info4{
	width: 100px;
	height: 100px;
	margin: 5px;
	border-style: solid;
	border-color: #575757;
	border-width: 1px;
	float: left;
	background-image: url(../img/infografias/bano2.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;	
}
.info5{
	width: 100px;
	height: 100px;
	margin: 5px;
	border-style: solid;
	border-color: #575757;
	border-width: 1px;
	float: left;
	background-image: url(../img/infografias/bano3.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;	
}
.info6{
	width: 100px;
	height: 100px;
	margin: 5px;
	border-style: solid;
	border-color: #575757;
	border-width: 1px;
	float: left;
	background-image: url(../img/infografias/bano4.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;	
}
.info7{
	width: 100px;
	height: 100px;
	margin: 5px;
	border-style: solid;
	border-color: #575757;
	border-width: 1px;
	float: left;
	background-image: url(../img/infografias/bano5.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;	
}
.info8{
	width: 100px;
	height: 100px;
	margin: 5px;
	border-style: solid;
	border-color: #575757;
	border-width: 1px;
	float: left;
	background-image: url(../img/infografias/casa1.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;	
}
.info9{
	width: 100px;
	height: 100px;
	margin: 5px;
	border-style: solid;
	border-color: #575757;
	border-width: 1px;
	float: left;
	background-image: url(../img/infografias/casa2.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;	
}
.info10{
	width: 100px;
	height: 100px;
	margin: 5px;
	border-style: solid;
	border-color: #575757;
	border-width: 1px;
	float: left;
	background-image: url(../img/infografias/estetica.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;	
}
.info11{
	width: 100px;
	height: 100px;
	margin: 5px;
	border-style: solid;
	border-color: #575757;
	border-width: 1px;
	float: left;
	background-image: url(../img/infografias/florida.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;	
}
.info12{
	width: 100px;
	height: 100px;
	margin: 5px;
	border-style: solid;
	border-color: #575757;
	border-width: 1px;
	float: left;
	background-image: url(../img/infografias/habitacion.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;	
}
.info13{
	width: 100px;
	height: 100px;
	margin: 5px;
	border-style: solid;
	border-color: #575757;
	border-width: 1px;
	float: left;
	background-image: url(../img/infografias/igueldo.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;	
}
.info14{
	width: 100px;
	height: 100px;
	margin: 5px;
	border-style: solid;
	border-color: #575757;
	border-width: 1px;
	float: left;
	background-image: url(../img/infografias/industrial1.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;	
}
.info15{
	width: 100px;
	height: 100px;
	margin: 5px;
	border-style: solid;
	border-color: #575757;
	border-width: 1px;
	float: left;
	background-image: url(../img/infografias/industrial2.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;	
}
.info16{
	width: 100px;
	height: 100px;
	margin: 5px;
	border-style: solid;
	border-color: #575757;
	border-width: 1px;
	float: left;
	background-image: url(../img/infografias/industrial3.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;	
}
.info17{
	width: 100px;
	height: 100px;
	margin: 5px;
	border-style: solid;
	border-color: #575757;
	border-width: 1px;
	float: left;
	background-image: url(../img/infografias/ladera.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;	
}
.info18{
	width: 100px;
	height: 100px;
	margin: 5px;
	border-style: solid;
	border-color: #575757;
	border-width: 1px;
	float: left;
	background-image: url(../img/infografias/oficina.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;	
}
.info19{
	width: 100px;
	height: 100px;
	margin: 5px;
	border-style: solid;
	border-color: #575757;
	border-width: 1px;
	float: left;
	background-image: url(../img/infografias/papa.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;	
}
.info20{
	width: 100px;
	height: 100px;
	margin: 5px;
	border-style: solid;
	border-color: #575757;
	border-width: 1px;
	float: left;
	background-image: url(../img/infografias/piedra.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;	
}
.info21{
	width: 100px;
	height: 100px;
	margin: 5px;
	border-style: solid;
	border-color: #575757;
	border-width: 1px;
	float: left;
	background-image: url(../img/infografias/piscina.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;	
}


























.web1{
	width: 100px;
	height: 100px;
	margin: 5px;
	border-style: solid;
	border-color: #575757;
	border-width: 1px;
	float: left;
	background-image: url(../img/web/web1.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;	
}
.web2{
	width: 100px;
	height: 100px;
	margin: 5px;
	border-style: solid;
	border-color: #575757;
	border-width: 1px;
	float: left;
	background-image: url(../img/web/web2.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;	
}
.web3{
	width: 100px;
	height: 100px;
	margin: 5px;
	border-style: solid;
	border-color: #575757;
	border-width: 1px;
	float: left;
	background-image: url(../img/web/web3.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;	
}
.web4{
	width: 100px;
	height: 100px;
	margin: 5px;
	border-style: solid;
	border-color: #575757;
	border-width: 1px;
	float: left;
	background-image: url(../img/web/web4.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;	
}
.web5{
	width: 100px;
	height: 100px;
	margin: 5px;
	border-style: solid;
	border-color: #575757;
	border-width: 1px;
	float: left;
	background-image: url(../img/web/web5.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;	
}
.web6{
	width: 100px;
	height: 100px;
	margin: 5px;
	border-style: solid;
	border-color: #575757;
	border-width: 1px;
	float: left;
	background-image: url(../img/web/web6.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;	
}
.delineacion1{
	width: 100px;
	height: 100px;
	margin: 5px;
	border-style: solid;
	border-color: #575757;
	border-width: 1px;
	float: left;
	background-image: url(../img/delineacion/del1.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;	
}
.delineacion2{
	width: 100px;
	height: 100px;
	margin: 5px;
	border-style: solid;
	border-color: #575757;
	border-width: 1px;
	float: left;
	background-image: url(../img/delineacion/del2.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;	
}
.delineacion3{
	width: 100px;
	height: 100px;
	margin: 5px;
	border-style: solid;
	border-color: #575757;
	border-width: 1px;
	float: left;
	background-image: url(../img/delineacion/del3.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;	
}
.delineacion4{
	width: 100px;
	height: 100px;
	margin: 5px;
	border-style: solid;
	border-color: #575757;
	border-width: 1px;
	float: left;
	background-image: url(../img/delineacion/del4.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;	
}
.delineacion5{
	width: 100px;
	height: 100px;
	margin: 5px;
	border-style: solid;
	border-color: #575757;
	border-width: 1px;
	float: left;
	background-image: url(../img/delineacion/del5.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;	
}
.delineacion6{
	width: 100px;
	height: 100px;
	margin: 5px;
	border-style: solid;
	border-color: #575757;
	border-width: 1px;
	float: left;
	background-image: url(../img/delineacion/del6.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;	
}
.delineacion7{
	width: 100px;
	height: 100px;
	margin: 5px;
	border-style: solid;
	border-color: #575757;
	border-width: 1px;
	float: left;
	background-image: url(../img/delineacion/del7.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;	
}
.delineacion8{
	width: 100px;
	height: 100px;
	margin: 5px;
	border-style: solid;
	border-color: #575757;
	border-width: 1px;
	float: left;
	background-image: url(../img/delineacion/del8.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;	
}
.delineacion9{
	width: 100px;
	height: 100px;
	margin: 5px;
	border-style: solid;
	border-color: #575757;
	border-width: 1px;
	float: left;
	background-image: url(../img/delineacion/del9.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;	
}
.delineacion10{
	width: 100px;
	height: 100px;
	margin: 5px;
	border-style: solid;
	border-color: #575757;
	border-width: 1px;
	float: left;
	background-image: url(../img/delineacion/del10.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;	
}
.delineacion11{
	width: 100px;
	height: 100px;
	margin: 5px;
	border-style: solid;
	border-color: #575757;
	border-width: 1px;
	float: left;
	background-image: url(../img/delineacion/del11.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;	
}
.delineacion12{
	width: 100px;
	height: 100px;
	margin: 5px;
	border-style: solid;
	border-color: #575757;
	border-width: 1px;
	float: left;
	background-image: url(../img/delineacion/del12.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;	
}
.grafico1{
	width: 100px;
	height: 100px;
	margin: 5px;
	border-style: solid;
	border-color: #575757;
	border-width: 1px;
	float: left;
	background-image: url(../img/grafico/cartagena.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;	
}
.grafico2{
	width: 100px;
	height: 100px;
	margin: 5px;
	border-style: solid;
	border-color: #575757;
	border-width: 1px;
	float: left;
	background-image: url(../img/grafico/herro.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;	
}
.grafico3{
	width: 100px;
	height: 100px;
	margin: 5px;
	border-style: solid;
	border-color: #575757;
	border-width: 1px;
	float: left;
	background-image: url(../img/grafico/portada.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;	
}
.grafico4{
	width: 100px;
	height: 100px;
	margin: 5px;
	border-style: solid;
	border-color: #575757;
	border-width: 1px;
	float: left;
	background-image: url(../img/grafico/mecamaster.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;	
}
.grafico5{
	width: 100px;
	height: 100px;
	margin: 5px;
	border-style: solid;
	border-color: #575757;
	border-width: 1px;
	float: left;
	background-image: url(../img/grafico/skylander.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;	
}
.grafico6{
	width: 100px;
	height: 100px;
	margin: 5px;
	border-style: solid;
	border-color: #575757;
	border-width: 1px;
	float: left;
	background-image: url(../img/grafico/geci2.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;	
}
.grafico7{
	width: 100px;
	height: 100px;
	margin: 5px;
	border-style: solid;
	border-color: #575757;
	border-width: 1px;
	float: left;
	background-image: url(../img/grafico/geci1.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;	
}
.grafico8{
	width: 100px;
	height: 100px;
	margin: 5px;
	border-style: solid;
	border-color: #575757;
	border-width: 1px;
	float: left;
	background-image: url(../img/grafico/goodnews.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;	
}
.grafico9{
	width: 100px;
	height: 100px;
	margin: 5px;
	border-style: solid;
	border-color: #575757;
	border-width: 1px;
	float: left;
	background-image: url(../img/grafico/tripticobaile2012.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;	
}
.grafico10{
	width: 100px;
	height: 100px;
	margin: 5px;
	border-style: solid;
	border-color: #575757;
	border-width: 1px;
	float: left;
	background-image: url(../img/grafico/tripticobaile2011.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;	
}
.grafico11{
	width: 100px;
	height: 100px;
	margin: 5px;
	border-style: solid;
	border-color: #575757;
	border-width: 1px;
	float: left;
	background-image: url(../img/grafico/herrodesign.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;	
}
.grafico12{
	width: 100px;
	height: 100px;
	margin: 5px;
	border-style: solid;
	border-color: #575757;
	border-width: 1px;
	float: left;
	background-image: url(../img/grafico/celiavinas.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;	
}
.grafico13{
	width: 100px;
	height: 100px;
	margin: 5px;
	border-style: solid;
	border-color: #575757;
	border-width: 1px;
	float: left;
	background-image: url(../img/grafico/apelbat.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;	
}
.grafico14{
	width: 100px;
	height: 100px;
	margin: 5px;
	border-style: solid;
	border-color: #575757;
	border-width: 1px;
	float: left;
	background-image: url(../img/grafico/quirosport.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;	
}
.grafico15{
	width: 100px;
	height: 100px;
	margin: 5px;
	border-style: solid;
	border-color: #575757;
	border-width: 1px;
	float: left;
	background-image: url(../img/grafico/ahiesta.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;	
}
.grafico16{
	width: 100px;
	height: 100px;
	margin: 5px;
	border-style: solid;
	border-color: #575757;
	border-width: 1px;
	float: left;
	background-image: url(../img/grafico/otis.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;	
}
.grafico17{
	width: 100px;
	height: 100px;
	margin: 5px;
	border-style: solid;
	border-color: #575757;
	border-width: 1px;
	float: left;
	background-image: url(../img/grafico/different.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;	
}
.grafico18{
	width: 100px;
	height: 100px;
	margin: 5px;
	border-style: solid;
	border-color: #575757;
	border-width: 1px;
	float: left;
	background-image: url(../img/grafico/pullbear.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;	
}
.grafico19{
	width: 100px;
	height: 100px;
	margin: 5px;
	border-style: solid;
	border-color: #575757;
	border-width: 1px;
	float: left;
	background-image: url(../img/grafico/logomoto.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;	
}
.grafico120{
	width: 100px;
	height: 100px;
	margin: 5px;
	border-style: solid;
	border-color: #575757;
	border-width: 1px;
	float: left;
	background-image: url(../img/grafico/equinoterapia.png);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;	
}
.grafico21{
	width: 100px;
	height: 100px;
	margin: 5px;
	border-style: solid;
	border-color: #575757;
	border-width: 1px;
	float: left;
	background-image: url(../img/grafico/spazioracing.png);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;	
}
.grafico22{
	width: 100px;
	height: 100px;
	margin: 5px;
	border-style: solid;
	border-color: #575757;
	border-width: 1px;
	float: left;
	background-image: url(../img/grafico/aquaestetica.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;	
}
.grafico23{
	width: 100px;
	height: 100px;
	margin: 5px;
	border-style: solid;
	border-color: #575757;
	border-width: 1px;
	float: left;
	background-image: url(../img/grafico/marujas.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;	
}
.grafico24{
	width: 100px;
	height: 100px;
	margin: 5px;
	border-style: solid;
	border-color: #575757;
	border-width: 1px;
	float: left;
	background-image: url(../img/grafico/senora.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;	
}
.grafico25{
	width: 100px;
	height: 100px;
	margin: 5px;
	border-style: solid;
	border-color: #575757;
	border-width: 1px;
	float: left;
	background-image: url(../img/grafico/retocado1.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;	
}
.grafico26{
	width: 100px;
	height: 100px;
	margin: 5px;
	border-style: solid;
	border-color: #575757;
	border-width: 1px;
	float: left;
	background-image: url(../img/grafico/retocado2.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;	
}

/*//////////////////////////////////////////////
//////////////////contenido aviso///////////
/////////////////////////////////////////////*/

#barra{
	display:none;
	position:fixed;	
	width:100%;
	text-align:center;
	height:auto;
	background-color: #A7D201;
	color: black;
	z-index:99999;
}
.inner {
	width:100%;

	padding-left:5px;
	font-family:verdana;
	font-size:10px;
	top:30%;
}
.inner a.ok {padding:4px;color:red;text-decoration:none;}
.inner a.info {padding-left:5px;text-decoration:none;color:white;}