body{ margin: 0;}
*{outline: none; border: none;}
::-moz-selection{ background: #333; color: #fff; }
::selection { background: #333; color: #fff; }
#break{clear: both;}
#rsc{
	width: 100%;
	margin: auto;
	height: 1200px
}
a{ text-decoration: none; color: inherit;}
header#portada{ width: 100%; min-width: 1020px; height: 580px; z-index: 999; position: relative}
header#intern{width: 100%; min-width: 1020px; height: 250px; background: url('../img/header-intern.jpg') no-repeat; background-position: center; opacity: 0.50px;}
header#intern2{width: 100%; min-width: 1020px; height: 250px; background: url('../img/somos.jpg') no-repeat; background-position: center; opacity: 0.50px;}
header#intern3{width: 100%; min-width: 1020px; height: 250px; background: url('../img/proyectos.jpg') no-repeat; background-position: center; opacity: 0.50px;}
header#intern4{width: 100%; min-width: 1020px; height: 250px; background: url('../img/clientes.jpg') no-repeat; background-position: center; opacity: 0.50px;}
header#intern5{width: 100%; min-width: 1020px; height: 250px; background: url('../img/contact.jpg') no-repeat; background-position: center; opacity: 0.50px;}
#head{ width: 1020px; margin-left: auto; margin-right: auto;  z-index: 999}
.logo{
	float: left;
	z-index: 999;
	margin-top: 40px;
	margin-right: 8px;
	margin-bottom: 23px;
	margin-left: 8px;
}
#supd{
	float: right;
	width: 440px;
	height: 32px;
	display: inline;
	font-family: Tahoma, Arial, Geneva, sans-serif;
	font-size: 13px;
	color: #FFDA31;
	margin-top: 22px;
	margin-right: 6%;
	position: relative;
	left: -25px;
}
#supd a:hover{
	color: #CCCCCC;
}
#supd i{font-style: normal;}
#descarga{ width: 100px; float: left; z-index: 999}
.down{ width: 30px; height: 20px; background: url('../img/superior.png') no-repeat; background-position: 0px -1px; float:left; margin-top: -5px}
#trabaja{ width: 200px; float: left; margin-left: 13px}
.work{ width: 30px; height: 20px; background: url('../img/superior.png') no-repeat; background-position: 0px -30px; float:left; margin-top: -5px}
#rs{ width: 15px; float: right; margin-right: -2px;position: relative}
#rs2{ width: 55px; float: right; margin-right: -2px;position: relative}

.fb{ width: 32px; height: 32px; background: url('../img/superior.png') no-repeat; background-position: 0px -63px; float:right; margin-top: -5px}
.fb:hover{ background: url('../img/superior.png') no-repeat; background-position: -35px -63px;}

.gp{
	width: 32px;
	height: 32px;
	background: url('../img/superior.png') no-repeat; 
	background-position: 0px -99px; 
	margin-top: -5px;
	position: absolute;
	right: -35px;
	top: 0;
}
.gp:hover{
	background: url('../img/superior.png') no-repeat;
	background-position: -34px -99px;
}

#menu{
	float: right;
	width: 667px;
	height: 52px;
	background: url('../img/menu-fondo.png') no-repeat;
	padding-right: 48px;
	z-index: 999;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
} 
#menu ul{ display:block }
#menu ul li{ display: inline; color: #dbdbdb; font-size: 12px; font-family: Tahoma, Arial, Geneva, sans-serif; float: left; background: url('../img/linea-menu.png') no-repeat; background-position: right; padding-right: 17px; padding-left: 17px; letter-spacing: 0.01em; margin: 5px 24px 0 -24px }
#menu ul li:last-child{ background: none;}
#menu ul li:hover{ color: #FFDA31;}
.active{ color: #FFDA31;}
/** PORTADA **/
#welcome{
	width: 100%;
	height: auto;
	left: 0;
	min-width: 1020px;
	position: absolute;
	background-color: #FFFFFF;
}
#sec1{ width: 965px; margin: 27px auto;}
.welcome1{	width: 285px; height: 206px; float: left}
.welcome1 img{ margin: 10px 0 5px 2px; }
.welcome1 h2{ font-family: Tahoma, Arial, Geneva, sans-serif; color: #333; font-size: 14px; margin: 7px 0 0 2px }
.welcome1 p{ font-family: Tahoma, Arial, Geneva, sans-serif; color: #333; font-size: 14px;margin: 2px 2px; line-height: 18px;}
.welcome1 div{ font-size: 15px; color: #ee5317; font-family: Tahoma, Arial, Geneva, sans-serif; margin: 15px 2px; letter-spacing: -0.02em }
.welcome2{	width: 300px; margin-left: 61px}
.welcome2 img{ margin: 9px 0 -5px 1px}
.welcome2 p{ margin-top: 8px;}
.welcome2 div{ margin: 14px 5px;}
.welcome3{ float: right; color: #022644; font-size: 15px; font-family: Open Sans; line-height: 23px; margin: 42px 4px; letter-spacing: -0.02em; width: 300px;}
.welcome3 li{list-style-image: url('../img/circle.png')}
#sec2{
	width: 100%;
	height: 900px;
	margin: auto;
}
.secp{ margin-top: 320px; margin-left: -9px; margin-bottom: 26px}
#proy-por1{ width: 210px; height: 266px; float: left; margin: -3px 0 0 -10px;}
#proy-por1{ width: 210px; height: 266px; float: left; margin: -3px 0 0 -10px;}

#proy-por2{ width: 210px; height: 266px; float: left; margin: -3px 0 0 17px;}
#proy-por3{
	width: 210px;
	height: 266px;
	float: left;
	margin-top: -3px;
	margin-right: 3px;
	margin-bottom: 0;
	margin-left: 17px;
}
#proy-por4{
	width: 210px;
	height: 266px;
	float: left;
	margin-top: -3px;
	margin-right: 3px;
	margin-bottom: 0;
	margin-left: 17px;
}

.proj h2{ font-family: Open Sans; font-weight: lighter; font-size: 16px; color: #333; margin: 0 -1px; letter-spacing: -0.04em}
.proj div{ font-family: Arial; font-size: 15px; color: #f00; margin: 3px -1px; letter-spacing: -0.01em}
.proj div a:hover{text-decoration: underline;}
.tags img{ margin-top: 25px; margin-left: -8px;}
.tags p{ font-family: Arial; float: right; color: #9dadbb; font-size: 12px; margin: 5px 50px; text-align: center}
/** NOSOTROS **/
section#we{ width: 1020px; margin: auto; padding-bottom: 50px;}
#nosotros{
	width: 100%;
	height: 430px;
	float: left;
	margin-top: 30px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 30px;
}
#clientes2{
	width: 100%;
	height: 700px;
	float: left;
	margin-top: 30px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 30px;
}
#servicios{
	width: 100%;
	height: 1600px;
	float: left;
	margin-top: 30px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 30px;
}
#proyectos{
	width: 100%;
	height: 1700px;
	float: left;
	margin-top: 30px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 30px;
}
#nosotros p, .staff p{ font-family: Arial; font-size: 13.5px; color: #333; line-height: 20px; margin: 11px -2px}
.img-we{margin: 37px 55px; float: right}
.staff{ width: 940px; margin: -8px 0 0 35px;  }
.staff img{ margin: auto auto 15px auto;}
.staff li{ list-style-image: url('../img/circle.png'); font-size: 18px; letter-spacing: -0.03em; font-family: Open Sans; color: #022644}
.staff p{margin: 9px auto 15px 17px;}
.staff p:last-child{margin: 11px auto 15px 17px;}
/** DESCARGAS **/
#descargas { width: 945px; margin: 25px auto 50px auto;}
#descargas h1{ margin: 33px 0 0 -8px;}
#descargas span{ color: #333; font-size: 13.5px; font-family: Arial; margin: 0 0 0 -9px; }
#descargas div{ width: 860px; margin: 35px auto -19px 31px;background: url('../img/linea-descargas.jpg') no-repeat; background-position: bottom; padding-bottom: 20px;}
#descargas div:last-child{background: none;}
#descargas i{ font-family: Open Sans; font-size: 18px; color: #333; letter-spacing: -0.07em;  } 
.descargar{ margin: 4px 8px;float: right; background: url('../img/icono-descargar.jpg') no-repeat; background-position: left; padding-left: 30px; }
#descargas .descargar > a > i{color: #f00; font-size: 16px; letter-spacing: -0.05em; }
/** CLIENTES **/
#clientes { width: 1000px; height: auto; margin: 25px auto 0 auto;}
#clientes h1{ margin: 0 0 8px 19px;}
p.clientes{color: #333; font-size: 13.5px; font-family: Arial; margin: -1px 0 0 19px;}
#ncliente{width: 992px;margin: 34px 0 0 5px;}
#cliente{ width: 218px; height: 220px; float: left; margin: 0px 20px 15px 10px; font-family: Arial; color: #333; font-size: 14px;}
#cliente > div{ width: 218px; height: 140px; border: 1px solid #ccc; position: relative;}
#cliente p{margin: 11px 4px;}
#cliente div img{ top: 0; left: 0; right: 0; bottom: 0; margin: auto; position: absolute}
/** CONTACTENOS **/
#contacto{width: 945px; margin: auto; }
#contacto > aside{ float: lefT;}
#contacto h1{margin: 25px 0 0 -7px}
#contacto i{font-family: Open Sans; color: #373c40; font-size: 20px; letter-spacing: -0.06em; line-height: 18px; }
.left{margin: 16px -5px;}
#contacto p{ color: 333; font-size: 13.5px; font-family: Arial; line-height: 17px; letter-spacing: 0.01em;}
#datos{width: 400px; height: 172px; float: lefT; margin: 27px 20px; line-height: 22px;}
.dir{background: url('../img/linea-contacto.jpg') no-repeat; background-position: left bottom; padding-bottom: 10px; margin-bottom: 12px;}
#datos > div > i, #datos > i{color: #373c40; font-size: 18px;}
#datos > i{ background: url('../img/contacto.png') no-repeat; padding: 0 28px; line-height: 37px;}
#datos > i.tel{ background-position: 0 2px; }
#datos > i.cel{ background-position: -1px -29px; padding-bottom: 7px;}
#datos > i.email{ background-position: 0 -59px; padding-bottom: 16px;}
#form{width: 280px; height: 437px; float: right; margin: 42px 77px; }
.spam{width: 200px;float: right; margin: 17px 0 0 0}
#form h2{color: #fa302b; font-family:Segoe UI; font-weight: normal; font-size: 19px; letter-spacing: -0.03em; margin-top: -10px; margin-left: 80px; margin-bottom: 10px; }
#form label{font-family: Arial; color: #333; font-size: 13px; float: left; clear: both; }
#form i{color: #f00; font-size: 11px; margin: 0 5px 0 0}
#form input[type="text"], #form input[type="tel"], #form input[type="email"] { padding: 1px 5px; border: 1px solid #ccc; width: 189px; height: 18px; float: right; margin-bottom: 9px;}
#form #number{width: 36px; height: 19px; border: 1px solid #ccc; float: right; padding: 1px 5px; margin: -5px 0 0 0}
#form textarea{border: 1px solid #ccc; width: 264px; float: right;  height: 130px;  padding: 3px 5px;}
button, #fins input[type="submit"]{ width: 122px; height: 30px; float: right; cleaR: both; background: url('../img/boton-enviar.jpg') no-repeat; margin: 15px -3px 0 0}
#mapa{width: 100%; min-width: 1020px; height: 354px; background: url('../img/mapa-google.jpg') no-repeat; background-position: center; margin: 13px 0 5px 0; padding: 13px 0 0 0;}
/** PROYECTOS **/
#proyectos{width: 980px; margin: 0 auto 0 auto;}
#proyectos h1{margin: 33px 0 -8px 11px}
#proy{margin: 34px 0 -5px 10px}
#proyectos > #proyecto > aside > p{color: 333; font-size: 13.5px; font-family: Arial; line-height: 17px; letter-spacing: -0.001em; margin: 7px 0 0 9px; text-align: justify;}
.parrafo{color: 333; font-size: 13.5px; font-family: Arial; line-height: 17px; letter-spacing: -0.001em; margin: 7px 0 0 9px; text-align: justify;}
#proyectos > p > strong{color:#022644; }
.retornar{width: 124px; height: 38px; float: righT; margin: 0 29px 0 0; background: url('../img/retornar.jpg') no-repeat; }
.retornar:hover{background: url('../img/retornar.jpg') no-repeat right; }
#proyecto{width: 907px; height: 223px;margin: 30px 0 40px 7px; }
#proyecto > img{width: 467px; height: 223px; float: lefT;} 
.proyecto{padding: 0 0 76px 0}
#proyecto:last-child{width: 907px; height: 223px; margin: 30px 0 80px 7px; }
#proyecto > aside{width: 402px; float: right; margin-bottom: 40px}
#proyecto h2{font-family: Open Sans Semibold; font-size: 17px; color: #003366; margin: 1px 0 15px 3px; line-height: 21px; letter-spacing: -0.02em;}
#proyecto > p{font-family: Arial; font-size: 13.5px; color: #333; line-height: 13px; margin-left: 3px;}
#proyecto > aside > #prodet{line-height: 20px; width: 390px; color: 333; font-size: 13.5px; font-family: Arial; line-height: 17px; letter-spacing: -0.001em; margin: 20px 0 0 9px; text-align: justify;}
#proyecto a div{width: 148px; height: 20px; background: url('../img/mas-informacion.jpg') no-repeat; margin: 16px 0 0 7px;}
#proyecto a div:hover{background: url('../img/mas-informacion.jpg') no-repeat; background-position: bottom;}
#pimg{width: 469px; float: left; margin: 19px 0 0 0 }
#imleft{ floaT: left; width: 469px;}
#im0, #im3, #im6, #im9, #im12, #im15, #im18{float: left;}
#im1, #im4, #im7, #im10, #im13, #im16, #im19{margin-left: 20px;} 
#im2, #im5, #im8, #im11, #im14, #im17, #im20{float: right;}


/** TRABAJE CON NOSOTROS **/
#trabaje{width: 945px; height: 460px; margin: auto;}
#trabaje > div{float: lefT; margin: 25px 0 48px -7px}
#trabaje h1{margin: 8px 0 -8px 4px;}
#trabaje p{width:501px; font-family: Arial; color: #333; font-size: 13.5px; margin: 0 0 42px 3px; line-height: 17px }
#trabaje p.tp2{margin: 0 0 0 -2px}
#trabaje img{ margin: 0 0 20px -4px}
#trabaje > aside{floaT: right; width: 318px; height: 373px; background: #efefef; margin: 53px 43px 0 0}
#trabaje > aside > h2{ color: #fa302b; font-family:Segoe UI; font-weight: normal; font-size: 19px; letter-spacing: -0.03em; margin: 12px 0 11px 60px}					
#trabaje i{font-style: normal; font-size: 11px; font-family: Arial;}
.i1{color: #8e8e8e; margin: 0 0 0 16px}
#fins{ width: 283px; margin: 3px 0 0 0;}
#fins label{ font-family: Arial; font-size: 11px; color: #333; margin: 0 0 0 17px; }
#fins input[type="submit"]{margin: 18px 0 0 20px ; float: left;}
#fins input[type="file"]{width: 280px;}
#nomape, #email{width: 263px; height: 18px; border-top: 1px solid #abadb3; border-left: 1px solid #e2e3ea; border-right: 1px solid #e2e3ea; border-bottom: 1px solid #e2e3ea; padding-left: 5px; margin: -1px 0 5px 17px;}
div.dni{width: 138px; height: 37px; floaT: lefT; margin-bottom: 11px}
div.telefono{width: 138px; height: 37px; floaT: right;}
#dni, #tel{width: 130px; height: 18px; border-top: 1px solid #abadb3; border-left: 1px solid #e2e3ea; border-right: 1px solid #e2e3ea; border-bottom: 1px solid #e2e3ea; padding-left: 5px; margin: -1px 0 0 17px;}
#cv{width:280px; height: 40px; cleaR: both; margin: 0 0 0 17px }
#capt{ width: 187px; height: 44px; margin: 7px 0 0 17px}
#captcha{width: 74px; height: 18px; border-top: 1px solid #abadb3; border-left: 1px solid #e2e3ea; border-right: 1px solid #e2e3ea; border-bottom: 1px solid #e2e3ea; padding-left: 5px; margin: 3.5px 0 0 0;}
#message{width: 300px; margin: auto;}
#message > h3{font-family: Arial; color: #FF3434; font-weight: normal; margin: 10px 0 10px 0}
#message > p{width: 300px; color: #777; line-height: 20px;}

/** FOOTER **/
footer{
	width: 100%;
	left: 0;
	position: absolute;
	min-width: 1020px;
	height: 160px;
	text-align: center;
	font-family: Arial;
	font-size: 14px;
	color: #003366;
	background-color: #FFDA31;
}
#foot{ width: 1020px; height: 160px; margin: auto;}
#foot > img{ margin-top: 22px; margin-left: 160px}
#foot > p{ letter-spacing: 0em;}
.p1{ margin: 14px 0 0 125px;}
.p2{ margin: 7px 0 0 149px;}
#design{
	width: 50px;
	float: right;
	margin-top: 10%;
	margin-right: 5%;
	margin-bottom: 0;
	margin-left: 0;
	height: 50px;
}