html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*++++++++++++++++++++ SHOT ++++++++++++++++++++*/

@font-face {
    font-family: 'Knockout26';
    src: url('../fonts/knhtf26j-webfont.eot');
    src: url('../fonts/knhtf26j-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/knhtf26j-webfont.woff') format('woff'),
         url('../fonts/knhtf26j-webfont.ttf') format('truetype'),
         url('../fonts/knhtf26j-webfont.svg#KnockoutMedium') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Knockout29';
    src: url('../fonts/knhtf29j-webfont.eot');
    src: url('../fonts/knhtf29j-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/knhtf29j-webfont.woff') format('woff'),
         url('../fonts/knhtf29j-webfont.ttf') format('truetype'),
         url('../fonts/knhtf29j-webfont.svg#KnockoutMedium') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Knockout47';
    src: url('../fonts/knhtf47b-webfont.eot');
    src: url('../fonts/knhtf47b-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/knhtf47b-webfont.woff') format('woff'),
         url('../fonts/knhtf47b-webfont.ttf') format('truetype'),
         url('../fonts/knhtf47b-webfont.svg#KnockoutMedium') format('svg');
    font-weight: normal;
    font-style: normal;

}

body{
	margin: 0px;
	background: #fffdec;
	font-family: 'Knockout29', Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #312e2f;
	overflow: auto;
	overflow-x: hidden;
	width: 100%;
	min-width: 960px;
}

img{ border: none; outline: none; }

.clear{ clear: both; }

::selection { background: #312e2f; color:#f1eed4; }
::-moz-selection { background: #312e2f; color:#f1eed4; }

p{ margin: 0 0 15px 0; }

.izq { float: left; }
.der{ float: right; }






/* header */

#header{
	width: 960px;
	overflow: visible;
	margin: 0 auto 0 auto;
}

#logo{
	width: 244px;
	height: 117px;
	float: left;
	overflow: hidden;
}

#c-header{
	width: 500px;
	overflow: visible;
	float: right;
	text-align: right;
	margin-top: 30px;
}

.acceso{
	font-family: font-family: 'Knockout29', Arial, Helvetica, sans-serif;
	font-size: 16px;
	text-transform: uppercase;
}
.acceso a:link, .acceso a:visited  { text-decoration: none; color: #312e2f; }
.acceso a:active, .acceso a:hover { text-decoration: underline; }

#s-header{
	padding-top: 10px;
	font-size: 15px;
}

#s-header img{
	margin-left: 10px;
}

.gris{ color: #717171; }




/* navegacion */

.nav{
	width: 960px;
	height: auto;
	overflow: hidden;
	margin: 10px auto 0 auto;
	border-bottom: 1px dashed #312e2f;
	border-top: 1px dashed #312e2f;
}

.nav p{
	font-family: 'Knockout26', Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: lighter;
	text-transform: uppercase;
	letter-spacing: 2px;
}

.right{ float: right; }

.nav a:link, .nav a:visited {
	font-family: 'Knockout29';
	font-size: 16px;
	text-decoration: none; 
	display: block; 
	width: 220px; 
	min-height: 80px; 
	padding: 10px; 
	color: #312e2f; 
	background: none; 
	-webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .5s; transition: all .3s; 
	float: left; 
}
.nav a:active, .nav a:hover{ text-decoration: none; color: #f1eed4; background: #312e2f; }



/* slogan */

#slogan{
	width: 960px;
	min-width: 960px;
	height: auto;
	padding: 20px 0 20px 0;
	margin: 0 auto 0 auto;
	font-size: 70px;
	font-family: 'Knockout47', Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 6px;
}



/* slide */

#slide{
	width: 960px;
	height: auto;
	overflow: visible;
	margin: 15px auto 0 auto;
	border-bottom: 1px dashed #312e2f;
	/* border-top: 1px dashed #312e2f; */
	padding-top: 10px;
	padding-bottom: 10px;
}


/* proyectos recientes */

#pr-head{
	width: 960px;
	height: auto;
	overflow: hidden;
	margin: 0 auto 0 auto;
	padding: 10px 0 10px 0;
}

#pr-title{
	width: 400px;
	height: auto;
	overflow: visible;
	float: left;
	font-size: 45px;
	font-family: 'Knockout47', Arial, Helvetica, sans-serif;
	font-weight: lighter;
	text-transform: uppercase;
	letter-spacing: 3px;
}

.pclink a:link, .pclink a:visited  { text-decoration: none; display: block; width: 160px; height: auto; min-height: 20px; padding: 5px; color: #f1eed4; background: #312e2f; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .5s; transition: all .3s; float: left; font-family; font-family: 'Knockout26', Arial, Helvetica, sans-serif; font-size: 22px; letter-spacing: 1px; float: right; font-weight: lighter; text-transform: uppercase; text-align: center; }
.pclink a:active, .pclink a:hover { text-decoration: none; color: #312e2f; background: #f1eed4; }

#pr-items{
	width: 960px;
	height: auto;
	overflow: visible;
	margin: 0 auto 0 auto;
}

.prblock{
	width: 222px;
	height: auto;
	overflow: hidden;
	border: 1px solid #9d9a8c;
	float: left;
	background: transparent;
	-webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s;
	margin-right: 20px;
}

.prblock:hover{ background: #fff; }

.prblockright{
	width: 222px;
	height: auto;
	overflow: hidden;
	border: 1px solid #9d9a8c;
	float: right;
	background: transparent;
	-webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s;
}

.prblockright:hover{ background: #fff; }


.prthumb {
	position: relative;
	height: 196px;
}
 
.primagen {
	position: absolute;
	left: 0;
	top: 0;
    
    width: 100%;
    height: 196px;
	}
 
.prinfo {
	position: absolute;
	left: 0;
	top: 0;
	width: 202px;
	height: 176px;
	overflow: hidden;
	/*background: url(../images/prinfo-back.png);*/
	background-color: #312e2f;
	padding: 10px;
	z-index: 10;
	opacity: 0;
	filter:alpha(opacity=0);
}

.prinfo p{
	color: #fff;
	font-size: 16px;
	padding: 10px 0 10px 0;
}

.prver a:link, .prver a:visited  { text-decoration: none; display: block; width: 252px; height: 52px; overflow: hidden; background: url(../images/ver-normal.png) top left no-repeat !important; margin-left: 70px; }
.prver a:active, .prver a:hover { text-decoration: none; background: url(../images/ver-hover.png) top left no-repeat !important; }

.proy-fecha{
	width: 58px;
	height: auto;
	overflow: hidden;
	float: right;
	text-align: right;
	padding-right: 3px;
	padding-top: 3px;
}

.proy-name{
	width: 158px;
	height: auto;
	overflow: hidden;
	float: left;
	padding-top: 3px;
	padding-left: 3px;
}




/* footer */

.bigfooter{
	width: 100%;
	min-width: 960px;
	margin: 20px auto 0 auto;
	padding: 20px 0 50px 0;
	background: #312e2f;
}
.footer{
	width: 960px; min-width: 960px; margin: 0 auto;
}


.twitter{
	width: 240px;
	float: left;
}
.twitter h1{
	color: #f1eac6;
	font-size: 26px;
	font-family: 'Knockout26', Arial, Helvetica, sans-serif;
	letter-spacing: 2px;
	margin: 0 0 20px 0;
}
#tweets { width:100%; }
#tweets li {
	padding: 5px 0 0 30px;
	color:#edebdb;
	background: url(../images/t-icon.png) left top no-repeat;
}
#tweets li.tweet_content_0 {
	border-top:0px none;
}
#tweets li:last-child{
	border-bottom:0px none;	
}
#tweets .hash { color:#FFF; } 
#tweets .reply { color:#FFF; } 
#tweets a{ text-decoration:underline; color:#fff;}



.f-contacto{
	width: 190px;
	float: left;
	margin: 0 0 0 50px;
	color:#fffdeb;
	position: relative;
}
.f-contacto p{ line-height: 30px; font-size: 17px; }
.f-contacto h1{
	color: #f1eac6;
	font-size: 26px;
	font-family: 'Knockout26', Arial, Helvetica, sans-serif;
	letter-spacing: 2px;
	margin: 0 0 20px 0;
}
/* .f-contacto span{ color:#edebdb; } */
.f-contacto img{ position: absolute; left: -30px; top: 20px;  }



.f-acceso{
	width: 160px;
	float: left;
	margin: 0 0 0 50px;
	color:#b5ab5f;
	position: relative;
}
.f-acceso h1{
	color: #f1eac6;
	font-size: 26px;
	font-family: 'Knockout26', Arial, Helvetica, sans-serif;
	letter-spacing: 2px;
	margin: 0 0 20px 0;
}
.f-acceso img{ position: absolute; left: -30px; top: 20px;  }
.f-acceso input{
	outline: none; background: #585556; padding: 10px; color: #f5f3e2; width: 160px; margin: 0 0 10px 0; border: 2px solid transparent; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;
}
.f-acceso input:focus{ border: 2px solid #747474; }

#submit{
	background: #312e2f; width: 80px; text-align: center; color: #f1ebce; padding: 5px; cursor: pointer; border: 1px solid #f1ebce; text-decoration: none; margin: 10px 0 0 0; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; 
}
#submit:hover, #submit:focus{ color: #312e2f; background: #f1ebce; }


.footer-logo{ float: right; margin: 0; position: relative; padding: 20px 0 0 0; }
.footer-logo .rayitas-logo{ position: absolute; top: 20px; left: -20px; }














/* contacto 

#contactoframe{
	background: #312e2f;
	height: auto;
	width: 100%;
	min-width: 960px;
	overflow: visible;
	position: relative;
	z-index: 50;
	display: none;
}

#contacto{
	padding: 20px 0 20px 0;
	width: 960px;
	height: auto;
	overflow: visible;
	margin: 0 auto 0 auto;
	position: relative;
}

#contactoinfo{
	width: 280px;
	height: auto;
	overflow: hidden;
	float: left;
}

#contactoinfo h1{
	width: 250px;
	height: auto;
	font-size: 48px;
	line-height: 40px;
	font-family: 'Knockout47', Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 5px;
	margin: 0 0 15px 0;
	padding: 0px;
	float: left;
	color: #f1eed4;
}

#contactoinfo h2{
	font-size: 16px;
	line-height: 16px;
	font-family: 'Knockout29', Arial, Helvetica, sans-serif;
	font-weight: lighter;
	margin: 0 0 0 20px;
	color: #fff;
}


#formacontacto{
	width: 600px;
	height: auto;
	overflow: hidden;
	float: right;
	color: #fff;
	font-size: 16px;
}

#forma1{
	width: 290px;
	height: auto;
	overflow: hidden;
	float: left;
}

#forma2{
	width: 290px;
	height: auto;
	overflow: hidden;
	float: right;
}

input {  
    padding: 3px;  
    border: none;  
    outline: 0;  
    font-family: 'Knockout29', Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #fff;  
    width: 200px;  
    background: url(../images/transp.png);
    border-bottom: 1px dotted #f1eed4;
    margin-left: 5px;
    margin-top: 8px;
}  
  
textarea {
	font-family: 'Knockout29', Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #fff;
    width: 555px;  
    max-width: 555px;  
    height: 100px;
    max-height: 100px;
    background: url(../images/transp.png);
    border: 1px dotted #f1eed4;
    padding: 3px;
}  
  
textarea:focus{
	outline: none;
	border: 1px dotted #f1eed4;
} 
  
.form label {  
    margin-left: 10px;  
    color: #999999;  
    }  
  
.submit input {  
    width: 70px;
    text-align: left;
    padding: 0;  
    background: #312e2f;  
    border: 0;  
    font-size: 26px;
    letter-spacing: 2px; 
    color: #f1eed4; 
    font-weight: lighter;
    text-transform: uppercase;
	font-family: 'Knockout47', Arial, Helvetica, sans-serif;
}

.cerrar-contacto{ 
	display: block;
	position: absolute;
	z-index: 20;
	top: 260px;
	left: 920px;
	-webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;
}

.cerrar-contacto:hover{ 
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg); 
}

*/











/* portafolio */

#portafolioframe{
	width: 960px;
	min-width: 960px;
	overflow: visible;
	margin: 0 auto 0 auto;
	padding: 20px 0 0 0;
	position: relative;
	z-index: 1;
}

.portafolionav{
	width: 960px;
	margin: 0 auto 0 auto;
}

a.bigpbtn {
	display: block;
	width: 318px;
	background: #312e2f;
	text-align: center;
	padding: 60px 0 60px 0;
	text-decoration: none;
	color: #fffdeb;
	float: left;
	border-right: 1px solid #787878;
	font-size: 16px;
}

.pblock{
	width: 222px;
	height: 245px;
	margin: 0 7px 20px 7px;
	border: 1px solid #a09e95;
	position: relative;
	float: left;
}
.pblock p{
	display: block;
	margin: 10px 0 10px 10px;
}
.pdate{
	width: 70px;
	position: absolute;
	top: 205px;
	left: 140px;
	font-size: 14px;
	color: #8d817b;
	text-align: right;
}

.pblockhover{
	width: 222px;
	height: 196px;
	display: block;
	background: url(../images/proyecthover.png);
	position: absolute;
	top: 0px;
	left: 0px;
}



.pnav{ width: 960px; min-width: 960px; margin: 0 auto 15px auto; position: relative; }
.buscasalgo{ width: 780px; float: left; text-transform: uppercase; border-bottom: 1px dashed #312e2f; padding: 0 0 5px 0; letter-spacing: 1px; }

.pfiltro{ width: 170px; float: right; margin: 13px 0 0 0; position: relative; }

.pfiltro img{ float: left; }

a.vertodo:link, a.vertodo:visited{
	display: block;
	width: 130px;
	padding: 2px 20px 2px 5px;
	background: url(../images/flechita-oscura.png) right center no-repeat transparent;
	color: #312e2f;
	letter-spacing: 1px;
	border-left: 1px solid #312e2f;
	border-right: 1px solid #312e2f;
	text-decoration: none;
	float: right;
}
a.vertodo:active, a.vertodo:hover{
	background: url(../images/flechita-clara.png) right center no-repeat #312e2f;
	color: #fffdeb;
}

a.filtroavanzado:link, a.filtroavanzado:visited{
	display: block;
	width: 85px;
	padding: 2px 20px 2px 5px;
	background: url(../images/flechita-oscura.png) right center no-repeat transparent;
	color: #312e2f;
	letter-spacing: 1px;
	border-left: 1px solid #312e2f;
	border-right: 1px solid #312e2f;
	text-decoration: none;
	float: left;
}
a.filtroavanzado:active, a.filtroavanzado:hover{
	background: url(../images/flechita-clara.png) right center no-repeat #312e2f;
	color: #fffdeb;
}


.categorias{
	width: 600px;
	background: #fff;
	position: absolute;
	top: 30px;
	right: 0px;
	z-index: 50;
	border: 1px solid #312e2f;
	padding: 0;
	box-shadow: 10px 10px 0px rgba(0,0,0,.3);
	display: none;
}
.categorias-titulo{ background: #2a2a2b; color: #fff; padding: 10px; letter-spacing: 1px; } 
.categorias-titulo img{ float: none; }

.categorias ul{ list-style-type: none; margin: 10px 5px 10px 0; float: left; padding: 0; }
.categorias li{ margin: 0; width: 200px; padding: 0; }

.categorias a:link, .categorias a:visited{
	display: block;
	width: 180px;
	padding: 5px 0 5px 20px;
	background: url(../images/flechita-blanco.png) left center no-repeat #fff;
	text-decoration: none;
	color: #878787;
	letter-spacing: 1px;
	border-bottom: 1px solid #dedede;
}
.categorias a:active, .categorias a:hover{
	color: #fffdeb;
	background: url(../images/flechita-clara.png) left center no-repeat #312e2f;
}


.barraproyecto{
	width: 940px;
	margin: 15px auto 0 auto;
	height: 17px;
	padding: 10px;
	color: #fffdeb;
	font-size: 16px;
	letter-spacing: 1px;
	background: #312e2f;
}
.barraproyecto div{ width: 800px; float: left; text-transform: uppercase; }
a.regresar:link, a.regresar:active, a.regresar:visited, a.regresar:hover{
	display: block;
	width: 60px;
	float: right;
	color: #fffdeb;
	text-decoration: none;
	padding: 0 0 0 10px;
	border-left: 1px solid #fffdeb;
	text-transform: none;
}


.proyectslide{
	width: 960px;
	height: 545px;
	margin: 0 0 15px 0;
	border-bottom: 1px dashed #312e2f;
	padding: 0 0 30px 0;
}

.slide-control{ position: relative; font-size: 16px; }
.slide-control div{ position: absolute; top: -35px; left: 0px; width: 960px; text-align: right; z-index: 200; }
.slide-control a:link, .slide-control a:visited{ text-decoration: none; color: #312E2F; margin-left: 15px; }
.slide-control a:active, .slide-control a:hover{ text-decoration: underline; }

.proyect-info{
	width: 223px;
	overflow: visible;
	float: left;
}
.text-p{ margin: 0; font-size: 16px; letter-spacing: 1px; line-height: 16px; }
.separador-info{
	width: 223px;
	height: 5px;
	background: url(../images/separador-info.png);
	overflow: hidden;
	margin: 30px 0 30px 0;
}

.proyect-pics{ width: 706px; float: right; margin: 20px 0 0 0; }
.proyect-pics img{ margin: 0 0 30px 0; }

h3.descripcion-p{
	display: block;
	width: 223px;
	font-size: 16px;
	font-weight: lighter;
	text-transform: uppercase;
	background: url(../images/separador-info.png) bottom center no-repeat;
	padding: 0 0 15px 0;
	margin: 0;
}
h3.empresa-info{
	width: 223px;
	background: url(../images/empresa-icon.png) left center no-repeat;
	padding: 20px 0 20px 50px;
	font-size: 16px; font-weight: lighter; text-transform: uppercase;
}
h3.proyecto-info{
	width: 223px;
	background: url(../images/proyecto-icon.png) left center no-repeat;
	padding: 20px 0 20px 50px;
	font-size: 16px; font-weight: lighter; text-transform: uppercase;
}
h3.caracteristicas-info{
	width: 223px;
	background: url(../images/caracteristicas-icon.png) left center no-repeat;
	padding: 20px 0 20px 50px;
	font-size: 16px; font-weight: lighter; text-transform: uppercase;
}

a.verproyecto:link, a.verproyecto:visited{
	width: 223px;
	background: url(../images/verproyecto-icon.png) left center no-repeat;
	padding: 20px 0 20px 50px;
	font-size: 16px; font-weight: lighter; text-transform: uppercase; text-decoration: none; color: #312e2f;
}
a.verproyecto:active, a.verproyecto:hover{
	background: url(../images/verproyecto-icon-hover.png) left center no-repeat;
}

.sidebar{ float: left; width: 223px; display: block; clear: left; }

a.btn-ir-arriba:link, a.btn-ir-arriba:visited{
	display: block; margin: 0 0 10px 0; width: 221px; height: 37px;
	background: url(../images/btn-ir-arriba.png) top center no-repeat;
}
a.btn-ir-arriba:active, a.btn-ir-arriba:hover{
	background: url(../images/btn-ir-arriba.png) bottom center no-repeat;
}

a.btn-compartir-facebook:link, a.btn-compartir-facebook:visited{
	display: block; margin: 0 0 10px 0; width: 221px; height: 37px;
	background: url(../images/btn-compartir-facebook.png) top center no-repeat;
}
a.btn-compartir-facebook:active, a.btn-compartir-facebook:hover{
	background: url(../images/btn-compartir-facebook.png) bottom center no-repeat;
}

a.btn-compartir-pdf:link, a.btn-compartir-pdf:visited{
	display: block; margin: 0 0 10px 0; width: 221px; height: 37px;
	background: url(../images/btn-compartir-pdf.png) top center no-repeat;
}
a.btn-compartir-pdf:active, a.btn-compartir-pdf:hover{
	background: url(../images/btn-compartir-pdf.png) bottom center no-repeat;
}

a.btn-nueva-busqueda:link, a.btn-nueva-busqueda:visited{
	display: block; margin: 0 0 10px 0; width: 221px; height: 37px;
	background: url(../images/btn-nueva-busqueda.png) top center no-repeat;
}
a.btn-nueva-busqueda:active, a.btn-nueva-busqueda:hover{
	background: url(../images/btn-nueva-busqueda.png) bottom center no-repeat;
}

a.btn-contacto:link, a.btn-contacto:visited{
	display: block; margin: 0 0 10px 0; width: 221px; height: 37px;
	background: url(../images/btn_contacto.png) top center no-repeat;
}
a.btn-contacto:active, a.btn-contacto:hover{
	background: url(../images/btn_contacto.png) bottom center no-repeat;
}




/**** Isotope Filtering ****/

.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}







/* servicios */

.servicios{
	width: 960px;
	min-width: 960px;
	margin: 0 auto 0 auto;
	font-size: 18px; font-family: 'Knockout29', Arial, Helvetica, sans-serif; font-weight: lighter; color: #6b6b6b; line-height: 20px;
}

.servicios h1{
	display: block;
	padding: 35px 0 35px 0;
	margin: 0 0 20px 0;
	font-size: 70px;
	font-family: 'Knockout47', Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 4px;
	border-bottom: 1px dashed #312e2f;
	color: #393637;
}

.desarrollo{ padding: 20px 0 20px 0; border-bottom: 1px dashed #312e2f; }
.desarrollo h2{
	font-size: 55px; font-family: 'Knockout47', Arial, Helvetica, sans-serif; font-weight: lighter; color: #312e2f; margin: 0 0 20px 0;
}
.desarrollo div{ color: #393637; font-size: 21px; margin: 0; }
.desarrollo span{ margin: 0 7px 0 7px; }

.navegadores{ padding: 30px 0 30px 0; border-bottom: 1px dashed #312e2f; }
.navegadores1{ width: 250px; min-height: 290px; padding: 0 470px 0 0; background: url(../images/navegadores.png) right center no-repeat; }
.navegadores1 span{ display: block; color: #393637; }
.navegadores1 img{ margin: 0 0 30px 30px; }

.navegadores2{ width: 300px; }
.navegadores2{ width: 220px; background: url(../images/rayitas-gris.png) 0px 90px no-repeat; padding: 0 0 0 15px; }
.navegadores2 .numero{ margin: 0 0 30px 30px; }
.navegadores2 span{ display: block; color: #393637; }

.buscadores{ padding: 30px 0 30px 0; }
.buscadores1{ padding: 0 230px 0 0; width: 250px; background: url(../images/buscadores.png) right center no-repeat; }
.buscadores1 span{ display: block; color: #393637; }
.buscadores1 img{ margin: 0 0 30px 30px; }

.buscadores2{ padding: 0 150px 0 0; width: 260px; position: relative; }
.buscadores2 img{ margin: 0 0 30px 30px; }
.buscadores2 span{ display: block; color: #393637; }
.buscadores2 .reloj{ position: absolute; right: 0px; top: 60px; }
.buscadores2 .rayitas{ position: absolute; left: -65px; top: 80px; }
















/* nuestro proceso */

.np{
	width: 960px;
	min-width: 960px;
	margin: 0 auto 0 auto;
	font-size: 18px; font-family: 'Knockout29', Arial, Helvetica, sans-serif; font-weight: lighter; color: #6b6b6b;
}

.np h1{
	display: block;
	padding: 10px 0 10px 0;
	margin: 0 0 20px 0;
	font-size: 70px;
	font-family: 'Knockout47', Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 4px;
	border-bottom: 1px dashed #312e2f;
	color: #312f30;
}

.proceso{ position: relative; height: 650px; }

.procesoblock{
	width: 225px;
	padding: 90px 0 0 0;
	position: absolute;
	z-index: 10;
}
.procesoblock h2{
	font-size: 40px; font-family: 'Knockout47', Arial, Helvetica, sans-serif; font-weight: lighter; color: #312e2f; text-transform: uppercase; padding: 0 0 0 60px; margin: 0; position: absolute; top: 0px; left: 0px; z-index: 10;
}
.procesoblock img{
	position: absolute; top: 4px; left: 0px; z-index: 10;
}
.procesoblock span{ color: #312e2f; }

.pro1{ top: 0px; left: 0px; }
.pro2{ top: 300px; left: 0px; }
.pro3{ top: 370px; left: 380px; }
.pro4{ top: 235px; left: 740px; }

.p1{ position: absolute; top: 0px; left: 220px; z-index: 1; }
.p2{ position: absolute; top: 165px; left: 228px; z-index: 1; }
.p3{ position: absolute; top: 165px; left: 433px; z-index: 1; }
.p4{ position: absolute; top: -23px; left: 487px; z-index: 1; }
.compu{ position: absolute; top: 0px; left: 730px; z-index: 1; }

.procesoanchor{ position: absolute; top: -500px; left: 0px; }





.detalle{ border-bottom: 1px dashed #312e2f; border-top: 1px dashed #312e2f; margin: 30px 0 30px 0; position: relative; height: 260px; }
.detalle h1{ font-size: 40px; font-family: 'Knockout47', Arial, Helvetica, sans-serif; font-weight: lighter; color: #312e2f; text-transform: uppercase; border: none; margin: 0; padding: 0; display: block; width: 220px; position: absolute; top: 90px; left: 230px;z-index: 5; }
.detalle p{ width: 240px; position: absolute; top: 90px; left: 500px; z-index: 5; }
.detalle1{ position: absolute; top: 30px; left: 150px; z-index: 1; }
.detalle2{ position: absolute; top: 30px; left: 750px; z-index: 1; }





.marketing{ background: url(../images/marketing-shot.png) center bottom no-repeat; height: 600px; margin: 0 0 -20px 0; padding: 0; position: relative; }
.marketing h2{ font-size: 85px; font-family: 'Knockout47', Arial, Helvetica, sans-serif; font-weight: lighter; color: #312e2f; text-transform: uppercase; border: none; margin: 0; padding: 0; display: block; position: absolute; top: 0px; left: 0px;z-index: 5; }
.marketing p{ width: 400px; position: absolute; top: 10px; left: 500px; z-index: 5; }




.identidad{ background: url(../images/identidad-digital.png) 730px 0px no-repeat; border-bottom: 1px dashed #312e2f; position: relative; height: 250px; }
.identidad h2{ font-size: 55px; font-family: 'Knockout47', Arial, Helvetica, sans-serif; font-weight: lighter; color: #312e2f; text-transform: uppercase; border: none; margin: 0; padding: 0; display: block; width: 250px; position: absolute; top: 10px; left: 0px;z-index: 5; }
.identidad p{  width: 400px; position: absolute; top: 10px; left: 290px; z-index: 5; }



.unico{ position: relative; padding: 30px 0 50px 0; }
.unico h2{ font-size: 45px; font-family: 'Knockout47', Arial, Helvetica, sans-serif; font-weight: lighter; color: #312e2f; margin: 0 0 30px; }
.unico span{ color: #312f30; text-transform: uppercase; position: relative; }
.unico1{ display: block; width: 220px; position: relative; float: right; margin: 0 0 0 30px; }
.unico2{ display: block; width: 220px; position: relative; float: right; margin: 0 0 0 30px; }
.caritas{ width: 460px; height: 260px; /* border: 1px solid red; */ position: absolute; top: 30px; left: 0px; overflow: hidden; }
.caritas img{ position: absolute; }

.c1-1{ top: 0px; left: -218px; }
.c1-2{ top: 65px; left: -218px; }
.c1-3{ top: 130px; left: -218px; }
.c1-4{ top: 195px; left: -218px; }

.c2-1{ top: 0px; left: 80px; }
.c2-2{ top: 65px; left: 80px; }
.c2-3{ top: 130px; left: 80px; }
.c2-4{ top: 195px; left: 80px; }

.c3-1{ top: 0px; left: 378px; }
.c3-2{ top: 65px; left: 378px; }
.c3-3{ top: 130px; left: 378px; }
.c3-4{ top: 195px; left: 378px; }




.equipo{ border-bottom: 1px dashed #312e2f; border-top: 1px dashed #312e2f; padding: 30px 0 30px 0; }
.equipo h2{ font-size: 45px; font-family: 'Knockout47', Arial, Helvetica, sans-serif; font-weight: lighter; color: #312e2f; margin: 0 0 20px; }
.equipo-info{ width: 460px; float: left; }
.equipo img{ float: right; margin: 0 40px 0 0; }