/* CSS  */

* { margin:0; padding:0; }
body { background:#000; font-family:'proxima_nova_regular', Calibri, Arial, Helvetica, sans-serif; }

img { border:0; }
.clear { display:block; clear:both; font-size:0; }
:focus { outline:none; }
::selection { background:#F4CB85; } ::-moz-selection {	background:#F4CB85; }


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

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

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

h1, h2 { font-size:25px; color:#000; font-weight:normal; padding:25px 0; background:url(../images/line.png) no-repeat top left; }
h2 {}
h3 {}
h4 {}
h5 {}
h6 {}

p { font-size:17px; color:#222; line-height:120%; padding:0 0 15px 0; }

a { color:#888; text-decoration:none; -webkit-transition:color 0.2s linear; -moz-transition:color 0.2s linear; -o-transition:color 0.2s linear; transition:color 0.2s linear;}
a:hover { color:#000; text-decoration:none; }

a img { -webkit-transition:opacity 0.2s linear; -moz-transition:opacity 0.2s linear; -o-transition:opacity 0.2s linear; transition:opacity 0.2s linear; }

.wraper { display:block; width:980px; margin:0 auto; }

/* HEADER //////////////////////////////////////////////////////////////////////////////////////////////////////////// */
header { background:#fff; }
	
	.logo { font-size:25px; color:#888; font-family:'proxima_nova_light', Calibri, Arial, Helvetica, sans-serif; float:left; margin:25px 0; }
	.logo strong { font-family:'proxima_nova_bold', Calibri, Arial, Helvetica, sans-serif; color:#000; padding:0 10px 0 0;
	-webkit-transition:color 0.2s linear; -moz-transition:color 0.2s linear; -o-transition:color 0.2s linear; transition:color 0.2s linear; }
	.logo:hover { color:#000; } 
	.logo:hover strong { color:#888; }
	
	.redes { float:right; width:36px; /*width:144px;*/ height:26px; margin:20px 0 0 0; }
	.redes a { float:left; display:block; width:26px; height:26px; background:url(../images/redes_sociales.png) 0 0; margin:0 0 0 10px; 
	filter: alpha(opacity=100); opacity: 1; -moz-opacity:1;
	-webkit-transition:opacity 0.3s linear;	-moz-transition:opacity 0.3s linear;  -o-transition:opacity 0.3s linear; transition:opacity 0.3s linear;}
	.redes a:hover { filter: alpha(opacity=50); opacity: .5; -moz-opacity:0.5; }
	.redes span { display:none; }
	.redes a.fb { background-position:0 0; }
	.redes a.in { background-position:-26px 0; }
	.redes a.tw { background-position:-52px 0; }
	.redes a.pl { background-position:-78px 0; }
	
	nav { display:block; clear:both; border:1px solid #ddd; border-right:0; border-left:0; height:60px; }
	nav a { float:left; padding:5px 30px 0 30px; background:#f6f6f6; color:#888; border-right:1px solid #ddd; border-bottom:3px solid #f6f6f6; line-height:52px;
	-webkit-transition:color 0.3s linear, border 0.3s linear, background 0.6s linear;
	-moz-transition:color 0.3s linear, border 0.3s linear, background 0.6s linear; 
	-o-transition:color 0.3s linear, border 0.3s linear, background 0.6s linear;
	transition:color 0.3s linear, border 0.3s linear, background 0.6s linear; }
	nav a:first-child { padding:5px 32px 0 32px; border-left:1px solid #ddd; }
	nav a:hover, nav a.s { color:#000; border-bottom:3px solid #000; background:#fff;}
	
	nav .home img { width:16px; height:16px; background:url(../images/ico_home.png) bottom; }
	nav .s .home img { background-position:top; }
	
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */



/* CONTENIDO ///////////////////////////////////////////////////////////////////////////////////////////////////////// */
main { background:#fff; }

	/* home */
	#slider { width:980px; height:300px; position:relative; overflow:hidden; margin:0 auto; padding:40px 0; }
	#slider ul, #slider li { list-style:none; }
	#slider li { width:980px; height:300px; overflow:hidden; }
	
	div#controls { position:relative; margin:0 0 0 0; }
	#prevBtn, #nextBtn { display:block; margin:0; overflow:hidden; text-indent:-8000px; width:50px; height:91px; position:absolute; left:40px; top:-220px;}
	#nextBtn { left:890px; }
	#prevBtn a, #nextBtn a { display:block; width:50px; height:91px; background:url(../images/arrows.png) no-repeat top;}
	#nextBtn a { background:url(../images/arrows.png) no-repeat bottom; }
	
	#bienvenidos { display:block; float:left; width:520px; padding:0 0 40px 0; }
	#bienvenidos figure { float:left; width:180px; height:420px; background:#eee; }
	#bienvenidos p { float:left; width:320px; padding:0 0 20px 20px; }
	#bienvenidos ul { float:left; width:320px; padding:0 0 20px 20px; list-style:none; }
	#bienvenidos li { background:url(../images/arrow_grey.png) no-repeat left top; padding:0 0 0 20px; margin:0 0 10px 0; }
	
	#destacado { display:block; float:left; width:420px; padding:0 0 40px 40px; }
	#destacado figure a:hover img { filter: alpha(opacity=70); opacity: .7; -moz-opacity:0.7; }	
	#destacado h2 { font-size:18px; display:block; background:url(../images/line.png) no-repeat right top; text-align:right; margin:20px 0 0 0; padding-bottom:10px; 
	font-family:'proxima_nova_light', Calibri, Arial, Helvetica, sans-serif;}
	#destacado h2 a { color:#000; } #destacado h2 a:hover { color:#888; }
	#destacado p { font-size:12px; text-align:right; }
	
	/* acerca de */
	#acerca { padding:40px 0; display:block; }
	#acerca figure { float:left; width:180px; height:420px; background:#eee; }
	#acerca p { float:left; width:580px; padding:0 0 20px 40px; }
	
	/* mensaje */
	#mensajes { padding:40px 0; display:block; }
	#mensajes p { width:700px; padding:0 0 20px 0; }
	
	/* prensa */
	#prensa { padding:40px 0 0 0; display:block; }
	#prensa article { display:block; width:300px; height:330px; float:left; margin:0 40px 40px 0; }
	#prensa .last { margin-right:0; }
	#prensa article figure { display:block; width:300px; height:160px; }
	#prensa article figure span { display:block; width:298px; height:158px; border:1px solid #000; position:absolute; z-index:2; 
	filter: alpha(opacity=20); opacity: .2; -moz-opacity:0.2; 
	-webkit-transition:opacity 0.2s linear;	-moz-transition:opacity 0.2s linear;  -o-transition:opacity 0.2s linear; transition:opacity 0.2s linear; }
	#prensa article figure img { position:absolute; z-index:1; filter: alpha(opacity=70); opacity: .7; -moz-opacity:0.7; 
	-webkit-transition:opacity 0.2s linear;	-moz-transition:opacity 0.2s linear;  -o-transition:opacity 0.2s linear; transition:opacity 0.2s linear; }
	
	#prensa article:hover figure span { filter: alpha(opacity=50); opacity: .5; -moz-opacity:0.5; }
	#prensa article:hover figure img { filter: alpha(opacity=100); opacity: 1; -moz-opacity:1; }
	#prensa article:hover .foto, #prensa article:hover .nota { filter: alpha(opacity=70); opacity: 0.7; -moz-opacity:0.7; }
	
	#prensa article date { display:block; padding:20px 0 5px 0; font-size:12px; color:#999; }
	#prensa article h1 { font-family:'proxima_nova_bold', Calibri, Arial, Helvetica, sans-serif; font-size:15px; padding:0 0 5px 0; color:#666; background:none; }
	#prensa article h2 { font-family:'proxima_nova_bold', Calibri, Arial, Helvetica, sans-serif; font-size:20px; padding:0 0 10px 0; color:#000; background:none;
	height:60px; }
	#prensa article .foto { display:block; width:100px; background:url(../images/line.png) no-repeat top left; float:left; padding:10px 0 0 0; font-size:13px; color:#000; }
	#prensa article .nota { display:block; width:100px; background:url(../images/line.png) no-repeat top right; float:right; text-align:right; padding:10px 0 0 0; font-size:13px; 
	color:#000; }
	#prensa article .foto, #prensa article .nota { filter: alpha(opacity=30); opacity: .3; -moz-opacity:0.3;
	-webkit-transition:opacity 0.2s linear;	-moz-transition:opacity 0.2s linear;  -o-transition:opacity 0.2s linear; transition:opacity 0.2s linear; }
	#prensa article .foto:hover, #prensa article .nota:hover { filter: alpha(opacity=100); opacity: 1; -moz-opacity:1; }
	
	/* servicios */
	#servicios { padding:40px 0; display:block; }
	#servicios figure { float:left; width:180px; }
	#servicios div { float:left; width:580px; padding:0 0 20px 40px; }
	#servicios h2 { font-family:'proxima_nova_bold', Calibri, Arial, Helvetica, sans-serif; font-size:19px; color:#555; padding:30px 0; }
	#servicios ul { list-style:none; padding:0 0 15px 20px; }
	#servicios li { margin:0 0 15px 0; }
	
	/* proyectos */
	#proyectos { padding:40px 0 0 0; display:block; }
	#proyectos article { display:block; width:300px; height:320px; float:left; margin:0 40px 40px 0; }
	#proyectos .last { margin-right:0; }
	#proyectos article figure { display:block; width:300px; height:160px; }
	#proyectos article figure span { display:block; width:298px; height:158px; border:1px solid #000; position:absolute; z-index:2; 
	filter: alpha(opacity=20); opacity: .2; -moz-opacity:0.2; 
	-webkit-transition:opacity 0.2s linear;	-moz-transition:opacity 0.2s linear;  -o-transition:opacity 0.2s linear; transition:opacity 0.2s linear; }
	#proyectos article figure img { position:absolute; z-index:1; filter: alpha(opacity=70); opacity: .7; -moz-opacity:0.7; 
	-webkit-transition:opacity 0.2s linear;	-moz-transition:opacity 0.2s linear;  -o-transition:opacity 0.2s linear; transition:opacity 0.2s linear; }
	
	#proyectos article:hover figure span { filter: alpha(opacity=50); opacity: .5; -moz-opacity:0.5; }
	#proyectos article:hover figure img { filter: alpha(opacity=100); opacity: 1; -moz-opacity:1; }
	#proyectos article:hover .foto, #prensa article:hover .nota { filter: alpha(opacity=70); opacity: 0.7; -moz-opacity:0.7; }
	
	#proyectos article date { display:block; padding:20px 0 10px 0; font-size:12px; color:#999; }
	#proyectos article h1 { font-family:'proxima_nova_bold', Calibri, Arial, Helvetica, sans-serif; font-size:20px; padding:0 0 10px 0; color:#000; background:none;
	height:45px; line-height:100%; }
	#proyectos article h1 a { color:#000; } #proyectos article h1 a:hover { color:#888; }
	#proyectos article .foto { display:block; width:100px; background:url(../images/line.png) no-repeat top left; float:left; padding:10px 0 0 0; font-size:13px; color:#000; }

	#proyectos article .foto { filter: alpha(opacity=30); opacity: .3; -moz-opacity:0.3;
	-webkit-transition:opacity 0.2s linear;	-moz-transition:opacity 0.2s linear;  -o-transition:opacity 0.2s linear; transition:opacity 0.2s linear; }
	#proyectos article .foto:hover { filter: alpha(opacity=100); opacity: 1; -moz-opacity:1; }
	
	/* detalle */
	#detalle{ padding:40px 0; display:block; }
	#detalle h1 { font-size:16px; color:#888; }
	#detalle h2 { background:none; font-size:50px; padding:0 0 30px 0; line-height:100%; font-family:'proxima_nova_light', Calibri, Arial, Helvetica, sans-serif; }
	
		#galeria { display:block; width:700px; float:left; }
	
	#detalle aside { width:240px; float:right; padding:0 0 0 40px; }
	#detalle aside date { display:block; font-size:16px; color:#888; background:url(../images/line.png) no-repeat bottom left; padding:0 0 20px 0; margin:0 0 20px 0; }
	#detalle aside p { font-family:'proxima_nova_light', Calibri, Arial, Helvetica, sans-serif; font-size:16px; line-height:130%; }
	
	#detalle .volver { display:block; background:url(../images/line.png) no-repeat top left; padding:15px 0; margin:40px 0 0 0; color:#000; font-size:14px; }
	#detalle .volver:hover { color:#888; }
	
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */



/* FOOTER //////////////////////////////////////////////////////////////////////////////////////////////////////////// */

footer {}
footer h1 { color:#fff; background:url(../images/line_white.png) no-repeat left top; padding-bottom:10px; }

#info { background:#222; padding:50px 0; }

footer .redes { margin:-40px 0 40px 0; }
footer .redes a { filter: alpha(opacity=20); opacity: .2; -moz-opacity:0.2;
-webkit-transition:opacity 0.3s linear;	-moz-transition:opacity 0.3s linear;  -o-transition:opacity 0.3s linear; transition:opacity 0.3s linear;}
footer .redes a:hover { filter: alpha(opacity=100); opacity: 1; -moz-opacity:1; }
footer .redes a.fb { background-position:-104px 0; }
footer .redes a.in { background-position:-130px 0; }
footer .redes a.tw { background-position:-156px 0; }
footer .redes a.pl { background-position:-182px 0; }

address { width:500px; float:left; font-family:'proxima_nova_light', Calibri, Arial, Helvetica, sans-serif; font-style:normal; color:#fff; font-size:20px; line-height:100%;
padding-bottom:20px; }
address strong { display:block; clear:both; padding:20px 0 5px 0; color:#444; font-size:15px; font-family:'proxima_nova_bold', Calibri, Arial, Helvetica, sans-serif; }
address a { color:#fff; } address a:hover { color:#888; }

#form_contacto { width:420px; float:left; padding:0 0 0 60px; }
input, textarea { background:#393939; border:0; width:400px; padding:0 10px; height:35px; color:#ddd; font-size:14px; margin:0 0 2px 0;
font-family:'proxima_nova_regular', Calibri, Arial, Helvetica, sans-serif; 
-webkit-transition:background 0.3s linear;	-moz-transition:background 0.3s linear;  -o-transition:background 0.3s linear; transition:background 0.3s linear;}
input:hover, textarea:hover { background:#454545; }
textarea { height:120px; padding:10px; margin:0; }
.btn { display:block; width:100px; height:35px; background:url(../images/btn_01.png) no-repeat; color:#fff; font-size:14px; float:right; margin:10px 0 0 0; padding:0; cursor:pointer; }
.btn:hover { background:url(../images/btn_01.png) no-repeat; }

	::-webkit-input-placeholder { /* WebKit browsers */  color:#666; }
	:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #666; }
	::-moz-placeholder { /* Mozilla Firefox 19+ */ color:#666; }
	:-ms-input-placeholder { /* Internet Explorer 10+ */ color:#666; }

#bottom { padding:30px 0; color:#444; font-size:12px; font-family:'proxima_nova_light', Calibri, Arial, Helvetica, sans-serif; }
.firma { float:right; filter: alpha(opacity=20); opacity: .2; -moz-opacity:0.2; 
-webkit-transition:opacity 0.3s linear;	-moz-transition:opacity 0.3s linear;  -o-transition:opacity 0.3s linear; transition:opacity 0.3s linear;}
.firma:hover { filter: alpha(opacity=100); opacity: 1; -moz-opacity:1; }

/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */