/* Theme name: IFConstrucciones
	Desc: nada
	Designer: Ileana Spirandelli
	Slicer/Coder: Mariano Quattrocchi;
	*/

	/* Generic Style */
	body {
		background: #1F472F;
		
	/*	position: absolute;
	    width: 100%;
		height: 100%;
	    left: 50%;
	    top: 50%;
	    margin-left: -480px;
	    margin-top: -289px;
	  */  	
		}

	
	h2 {
		font-size:41px;
		color: #564c47;
		}
	h3 {
		font: bold 15px 'century', Arial, sans-serif;
		color: #fff;
	}


	p {


	}

	a {
		text-decoration: none;
		color: black;
	}

	a:hover {
		text-decoration: none;
	}
	#musicIcon {
		float:right;
		right: 10px;
		top: 10px;
		position: relative;
		z-index: 10;
}
	/*FORMS*/

	/*END FORMS*/
	@font-face {
    font-family: 'century';
    src: url('../fonts/century_gothic.eot') ;
    src: url('../fonts/century_gothic.eot?#iefix') format('embedded-opentype'),         
         url('../fonts/century_gothic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'deliciousbold';
    src: url('delicious-bold-webfont.eot');
    src: url('delicious-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('delicious-bold-webfont.woff') format('woff'),
         url('delicious-bold-webfont.ttf') format('truetype'),
         url('delicious-bold-webfont.svg#deliciousbold') format('svg');
    font-weight: normal;
    font-style: normal;

}




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

}



/*
	@font-face { font-family: 'Delicious'; 
		src: url('../fonts/Delicious-Roman.otf') format('opentype'); } 
	@font-face { font-family: 'Delicious'; 
		font-weight: bold; 
		src: url('../fonts/delb.otf') format('opentype'); }
	@font-face { font-family: 'DroidSans'; 
		src: url('../fonts/DroidSans.ttf') 
		format('truetype'); } 

/*
	/* CONTENT  */
	#container, .containerAll {
		position: relative;
		width: 960px;
		height: 578px;
		margin:auto;
		text-align: left;
		box-shadow: 1px 1px 5px #000000;
}
	#containerObras {
		background: url(../images/bg/obras_bg.jpg);
	}

	#containerObras2 {
		background: url(../images/bg/obras_bg2.jpg);
	}

	#picOne, #picTwo, #picThree, #picFour, #picFive {
	position: absolute;
	display: none;
	z-index: -2;
}

	.whiteP {
		/*font: 15px/28px 'century', Arial,sans-serif ;*/
		font-size:13px;
		line-height: 30px;
		font-family: century,Arial,sans-serif;
		text-align: justify;
		color: #fff;
		padding: 0 52px;
		z-index: 10;
	}
	
	.whiteProd {
		/*font: 15px/28px 'century', Arial,sans-serif ;*/
		font-size:13px;
		line-height: 19px;
		font-family: century,Arial,sans-serif;
		text-align: justify;
		color: #fff;
		padding: 0 52px
	}
	.whiteProd span{
		font-weight: bold;
	}
	.containerAll h3+p {
		font: 14px/28px 'century', Arial,sans-serif ;
		text-align: left;
		color: #fff;
		padding-top: 10px;	
	}
	
	#footer p, #footerContact p {
		font: bold 13px Arial,sans-serif ;
		text-align: left;
		float: left;
		color: #fff;
	}
	
	#footer p:last {
		padding-right: 0; 
	}

	#menuName {
		font: bold 15px Delicious, Arial,sans-serif ;
		text-align: left;
		text-transform: uppercase;
		float: left;
		color: #fff;
		left: -242px;
		top: 178px;
		position: relative;
		z-index: 11;
	}

	#pics {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 961px;
		height: 578px;
		z-index: -3;
	}

	#header {
		height: 235px;
		background-color:rgba(0,0,0,0.4);

	}

	.ie #header {
		height: 235px;
		background-color: #000000;
		filter: alpha(opacity=40);
		
	}
	/* END CONTENT  */
	
	/* HOME HOME */
	#row1 {
		position: relative;
		left: 533px;
		width: 430px;
		height: 126px;
		background-color:rgba(0,0,0,0.4);

	}

.ie #row1 {
		position: relative;
		left: 533px;
		width: 430px;
		height: 126px;
		background-color: #000000;
		filter: alpha(opacity=40);

	}

	#row1 p {
		color: #5CA47A;	
		font-size: 50.5px;
		font-family: "Arial", sans-serif;
		letter-spacing:3px;
		font-weight: 100;
		line-height: 40px;
		margin-left: -2px;
		padding-top: 8px;
	}
	#row2 {
		background-color: rgba(255,255,255,0.3);
		position: relative;
		left: 230px;
		width: 730px;
		height: 185px;
	}

.ie #row2 {
		background-color: #FFFFFF;
		filter: alpha(opacity=30);
		position: relative;
		left: 230px;
		width: 730px;
		height: 185px;
	}	
	
	#row2 p {
		color: #fff;	
		font-size: 27px;
		font-family: 'century', Arial, sans-serif;
		/*font-family: "Helvetica", sans-serif;*/
		font-weight: 100;
		left: 437px;
		line-height: 26px;
		position: relative;
		text-transform: uppercase;
	}	
	/* END HOME HOME */


	/* HOME */
	#containerHome {
		background: url(../images/bg/home_bg.jpg);
	}

	/*END HOME */


	/* NOSOTROS */

	#main {
		position: absolute;
		top: 200px;
		width: 960px;
		/*height: 378px;*/
		background-color:rgba(11,39,0,0.4);

	}

	.main-nosotros {
		min-height: 297px;
	}

	.ie #main {
		position: absolute;
		top: 200px;
		width: 960px;
		background-color: #0B2700;
		filter: alpha(opacity=40);

	}	

	#containerNosotros {
		background: url(../images/bg/nosotros_bg.jpg);
	}
	
	#col1, #col2, #col3 {
		float: left;
	}
	#col1 {
		padding: 30px 120px 25px 51px;
	}
	#col2 {
		padding: 30px 115px 25px 0 ;
	}
	#col3 {
		padding: 30px 10px 25px 0;
	}

	div#footer {
		position: absolute;
		bottom: -31px;
		left: 52px;
		height: 27px;
		width: 854px;
		border: 1px solid #fff;
		
	}

.ie div#footer {
		position: absolute;
		bottom: -41px;
		left: 36px;
		height: 27px;
		width: 885px;
		border: 1px solid #fff;
		
	}

	div#footerContact {
		position: absolute;
		bottom: -38px;
		left: 60px;
		height: 27px;
		width: 850px;
		border: 1px solid #fff;
	}
.ie 	div#footerContact {
		position: absolute;
		bottom: -38px;
		left: 45px;
		height: 27px;
		width: 865px;
		border: 1px solid #fff;
		background: black;
	}	

	div#footerSocial {
		position: absolute;
		bottom: -77px;
		right: 55px;
		height: 27px;
		width: 320px;

	}
	#footerSocial ul li {
		float: left;
		padding: 5px;
		vertical-align: middle;
	}
	.socialIcon {
		width: 19px;
		height: 19px;
	}
	#footer ul li{
		float:left;
		padding: 5px 35px 5px 5px;
	} 
	#footerContact ul li {
		float:left;
		padding: 5px 33px 5px 5px;
	}
	#footer ul li:last-child, #footerContact ul li:last-child {
		padding-right: 10px;
	}
	#footer ul li:first-child {
		padding-left: 18px;
	}
	#footerContact ul li:first-child {
		padding-left: 14px;
	}


	/* END NOSOTROS */

	/* PRODUCTOS Y SERVICIOS */
	#containerProd {
		background: url(../images/bg/prod_bg.jpg);
	}

	/*END PEODUCTOS Y SERVICIOS */

	/* PROVEEDORES */
	#containerProveedores {
		background: url(../images/bg/proveedores_bg.jpg);
	}

	#content {
		float: left;

	}

	/*END PROVEEDORES */

	/* OBRAS */

	#menuObras {
		position: absolute;
		top: 200px;
		width: 960px;
	}

	#menuObrasGallery {
		position: absolute;
		top: 200px;
		left: 230px;
		width: 730px;
		height: 378px;
		background-color:rgba(11,39,0,0.4);

	}

	.ie #menuObrasGallery {
		position: absolute;
		top: 200px;
		left: 230px;
		width: 730px;
		height: 378px;
		background-color: #00160A;
		filter: alpha(opacity=40);

	}

	#navGallery {
		position: absolute;
		top: 200px;
		left: 25px;
		width: 200px;
		height: 378px;
		background-color:rgba(11,39,0,0.4);

	}

	#navGallery li a {
		color: #FFF;
		font-size: 13px;
		font-family: 'century', Arial, sans-serif;
		font-weight: 100;
		left: 0px;
		position: relative;
		text-transform: uppercase;	
		padding: 10px 5px 10px 0;
	}
	#navGallery p a {
		color: rgba(92, 164, 92, 1);

		font-size: 22px;
		font-family: 'century', Arial, sans-serif;
		font-weight: 100;
		left: 0px;
		position: relative;
		text-transform: uppercase;	
	}

.ie #navGallery p a {
		color: #92BB92;

		font-size: 22px;
		font-family: 'century', Arial, sans-serif;
		font-weight: 100;
		left: 0px;
		position: relative;
		text-transform: uppercase;	
	}	
	#navGallery a:hover {
		color:#ccc;
	}	
	#navGallery a.selected {
		color:#999;
	}	

	.ie #navGallery a:hover {
		color:#ccc;
	}	
	.ie #navGallery a.selected {
		color:#999;
	}				
	/* viejo borrar
	#navGallery p {
		font: 13px Arial,sans-serif ;
		text-align: left;
		color: #fff;
		padding: 5px;
	}	
	
*/
	.obraMenu {
		float: left;
	}
	
	#menuObras li img {
		opacity: 0.8;
		-webkit-transition: opacity;
		-webkit-transition-timing-function: ease-out;
		-webkit-transition-duration: 500ms;
	}

	#menuObras li img:hover {
		opacity: 1.2;
		border: 1px white;
		-webkit-transition: opacity;
		-webkit-transition-timing-function: ease-out;
		-webkit-transition-duration: 300ms;
	}

	#headerObras {
		height: 193px;
		background-color:rgba(0, 22, 10, 0.5);
			
	}
	.ie #headerObras {
		background-color: #002210;
		filter: alpha(opacity=50);
		position: relative;
		left: -309;
		width: 100%;
		top: -67px;
		
		/*-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";*/

	}

	div#divDetalles {
		position: relative;
		left: 640px;
		top: 255px;
		width: 320px;
		height: 90px;
		color: #FFF;	
		font-size: 42px;
		font-family: "Arial", sans-serif;
		font-weight: 100;
		line-height: 0.8;
	}

	.obraNavMenu {
		color: rgba(92, 164, 92, 1);
	
		font-size: 22px;
		font-family: 'century', Arial, sans-serif;
		font-weight: 100;
		left: 0px;
		top: -2px;
		position: relative;
		text-transform: uppercase;	

	}

.ie .obraNavMenu {
		color: #92AA92;
	
		font-size: 22px;
		font-family: 'century', Arial, sans-serif;
		font-weight: 100;
		left: 0px;
		top: -2px;
		position: relative;
		text-transform: uppercase;	

	}	

	.obraMenuItem {
		font-size: 13px;
		font-family: 'century', Arial, sans-serif;
		font-weight: 100;
		left: 0px;
		position: relative;
		text-transform: uppercase;
		padding: 10px 0 ;	
	}


	#obraMenuTrans {
		background-color:rgba(0, 22, 10, 0.5);
 
		margin-bottom: 5px;
		height: 96px;
	}

	.ie #obraMenuTrans {
		background-color: #00160A;
		filter: alpha(opacity=50);
 
		margin-bottom: 5px;
		height: 96px;
	}


	/* END OBRAS */

	/*NAVIGATION*/

  	#navContainerObras {
  		float:right;
		height:75px;
		width: 960px;
		position: absolute;
		top: 96px;
		margin-bottom:0;
		margin-top: 0;
		background-color:rgba(24,54,41,1);

		/*background-color:rgba(37,48,43,1);	*/
  	}

  	.ie #navContainerObras {
  		float:right;
		height:75px;
		width: 960px;
		position: absolute;
		top: 96px;
		margin-bottom:0;
		margin-top: 0;
		background-color: #183629;
		filter: alpha(opacity=100);
  	}

	#container ul#nav {
		float:right;
		height:135px;
		width: 520px;
		position: absolute;
		top: 90px;
		right: 0;
		left: 440px;
		margin-bottom:0;
		margin-top: 10px;
		background-color:rgba(0,0,0,0.6);
	}

	.ie #container ul#nav {
		float:right;
		height:135px;
		width: 520px;
		position: absolute;
		top: 90px;
		right: 0;
		left: 440px;
		margin-bottom:0;
		margin-top: 10px;
		background-color: #000000;
		filter: alpha(opacity=60);
		
	}	
	#nav li {
		float:left;
		font-size: 14px;
		font-family: Delicious, Arial ,sans-serif; 
		/*margin-right: 9px;*/
		padding-right: 9px;
		list-style-type: none;
		position: relative;
		/*top: -59px;*/
		top: -14px
		
			}

	#nav li#li_homeObras{
		margin-left: 500px;
	}
	#nav li#li_work{
		
	}
	#nav li#li_about{
		
	}
	#nav li#li_contact{
		
	}

	#nav a {
	color:#fff;
	/*height: 111px;*/
	/*display: block;*/
	display: inline;
	padding-top: 45px;
	text-transform: uppercase;
	text-align:center;
	}

	#nav a:hover {
	color:#ADADAD;

	}

	#nav a.selected {
	color:#ADADAD;

	}

	/*END NAVIGATION*/
	

	/*LOGO*/

	#logos{
		float:left;
		left: 15px;
		top: 103px;
		position: relative;
		z-index: 10;

	}

	#logo{
		float:left;
		left: 231px;
		top: 102px;
		position: relative;
		z-index: 10;
	}


	#navContainer p {
		color: #fff;
		font-size: 42px;
		font-family: 'century', Arial, sans-serif;
		letter-spacing: 3px;
		font-weight: 600;
		text-align: right;
		position: relative;
		top: 198px;
		right: 95px;
		text-transform: uppercase;
		
	}
	#navContainer span {
		font-size: 28px;
		text-transform: uppercase;
		letter-spacing: 1px;
	}

/* FORMS */
	#containerContacto {
		background: url(../images/bg/contacto_bg.jpg);
	}	
		
	form {
		width: 464px;
		overflow: hidden;
		margin-left: 60px;
		margin-top: 7px;
	}
	
/*
	label {
		display: block;
		font-size: 13px;
		color: #fff;
		text-transform: uppercase;
	}
	
	input[type=text], textarea {
		width: 452px;
		height: 27px;
		border: 1px solid #c3c5bf;
		color: #645a56;
		font-size: 17px;
		padding: 7px 0 0 10px;
		margin-bottom: 14px;
		font-family: helvetica, arial;
	}
	
	input[type=text]:hover, textarea:hover, input:focus, textarea:focus {
		background: #eeecec;
		outline: none;
	}
	
	textarea {
		height: 212px;
	}
	
	input[type=submit] {
		
		width: 102px;
		height: 34px;
		padding: 8px;
		text-align: center;
		font-size: 11px;
		text-transform: uppercase;
		float: right;
		cursor: pointer;
		border: none;
		margin-top: 15px;
		color: #30241f;
		line-height: 20px;
	}
	
	input[type=submit]:hover {
		background: #bcb4ae;
	}
*/ 
	input, textarea { 
	padding: 5px;
	border: solid 1px #E5E5E5;
	outline: 0;
	font: 13px Arial, sans-serif;
	
	/*background: #FFFFFF url('bg_form.png') left top repeat-x;*/
	background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF));
	background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px);
	box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	}
	input {
		height: 13px;
		width: 250px;
		background: #BBB;
	}

	textarea { 
		width: 430px;
		max-width: 430px;
		height: 90px;
		max-height: 90px;
		line-height: 150%;
	}

	input:hover, textarea:hover,
	input:focus, textarea:focus { 
		border-color: #C9C9C9; 
		-webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 8px;
		}

	label {
			display: block;
			font-family: 'Delicious','DroidSans', Arial ,sans-serif;
			font-size: 18px;
			color: #fff;
			text-transform: uppercase;
			padding-top: 7px;
			padding-bottom: 3px;
		}
	/* Submit Button */ 
	.sendbutton {
		width: 80px;
		height: 28px;
		padding: 6px;
		display: block;
		text-align: center;
	    float: left;
	    margin: 10px 0 0 0;
	    padding: 7px 15px;
	    cursor: pointer;   
	    color: #fff;
	    font: bold 13px Tahoma, Verdana, Arial;
	    text-transform: uppercase;
	    overflow: visible; /* IE6/7 fix */
	    border: 0;  
	   
	    background-color: #C8CACF;
	    background-image: -moz-linear-gradient(#C8CACF, #606163);
	    background-image: -webkit-gradient(linear, left top, left bottom, from(#a5b8da), to(#606163));    
	    background-image: -webkit-linear-gradient(#C8CACF, #606163);
	    background-image: -o-linear-gradient(#C8CACF, #606163);
	    background-image: -ms-linear-gradient(#C8CACF, #606163);
	    background-image: linear-gradient(#C8CACF, #606163);
	    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#C8CACF', EndColorStr='#606163');     

	    -moz-border-radius: 3px;
	    -webkit-border-radius: 3px;
	    border-radius: 3px;
	    
	    text-shadow: 0 1px 0 rgba(0,0,0,.3);
	    
	    -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5), 0 3px 0 rgba(0, 0, 0, 0.7);
	    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5), 0 3px 0 rgba(0, 0, 0, 0.7);
	    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5), 0 3px 0 rgba(0, 0, 0, 0.7);
	}

	.sendbutton:hover
	{
	    background-color: #606163;
	    background-image: -moz-linear-gradient(#606163, #C8CACF);
	    background-image: -webkit-gradient(linear, left top, left bottom, from(#606163), to(#C8CACF));      
	    background-image: -webkit-linear-gradient(#606163, #C8CACF);
	    background-image: -o-linear-gradient(#606163, #C8CACF);
	    background-image: -ms-linear-gradient(#606163, #C8CACF);
	    background-image: linear-gradient(#606163, #C8CACF);
	    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#606163', EndColorStr='#C8CACF');     
	}

	input.sendbutton:active
	{
	    background: #f34747;
	    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f34747', EndColorStr='#f34757');
	    position: relative;
	    top: 2px;
	    
	    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.7) inset;
	    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.7) inset;
	    box-shadow: 0 0 3px rgba(0, 0, 0, 0.7) inset; 
	}

	.error {
		color: red;
	}
			/* END FORMS */