@charset "utf-8";
/* CSS Document */

body {	
	/*background: url(img/main_background.gif) repeat-x #fff; */
    background: url(img/back_orangemenu.png) repeat-x #fff;
	padding:0px; margin:0px; 
	font: 400 13px/21px "open sans";line-height:1.5em;
}

#main {	width: 1100px; margin: 0px auto; }

.modular {	font-size:12px; }
.rowTitle { 
	float:left; clear:both; 
	width:100%; 
	margin:20px 0px; 
	font-weight:bold; font-size: 14px; text-transform:uppercase; 

}

.SRow { float:left; clear:both;}

.modularRow { float:left; margin-bottom:0px; }

	.modules {float:left; width:840px;}
	.modular { float:left; margin: 0px 0px 0px 10px; padding: 10px 0px 0px 0px;	}
	.Wide {	width: 250px; margin-left:0px;	margin-bottom: 30px;}
	.Wider {	width: 460px; margin-left:0px;	margin-right:210px;}
	.MuchWider {	width: 650px; margin-left:260px;}	
	.Single { width:200px; }
	.Double { width:410px; }	
	.Triple { width:620px; }
	.Fourth { width:830px; }	
	.Short {height: 20px;	}
	.Tall {height: 150px;}
	.Taller {height: 350px;}
	.FirstRow {}
	
	.filters {float:left; width: 200px;}
	.filters input {font: 400 13px/21px "open sans";line-height:1.5em;font-size: 12px; height:15px;}
	.backBt { text-transform: lowercase; font-size: 10px; font-weight: normal; height: 20px; padding: 0px 5px 0px 20px; color: #fff;margin-left: 15px; float:left;
		background: url(img/arrow_back.gif) no-repeat 0px 1px #000 ; 
	}
	
	.backBt:hover {			background: url(img/arrow_back_hover.gif) no-repeat 0px 1px #fff ; color: #000; cursor:pointer; }
	
	.infoBlock {width: 95%; margin: 0px 10px 10px 0px; padding: 10px 0px 0px 0px; }	
	.titol{font-size:14px; font-weight:bold;}
	.uses {color: #ff7200; display:none;}
	.tech {color: #009cff;display:none;}

	.sixteenPC {	float:left; width: 145px; padding: 10px 10px 0px 55px; margin: 10px 0px; height: 50px;}
	
	.sixteenPCIcon {position:absolute; width:55px; height: 55px; margin-left:-55px; margin-top:-10px; background-image: url(img/what_icons.png);}

	.modular a, .sixteenPC a {	font-size: 12px; color: #000; text-decoration: none; }
	.modular a:hover, .sixteenPC a:hover {text-decoration:underline;}
	.footer a, .sixteenPC a {	float:left;clear:both; }
	
	.zoomProject:hover, .zoomed .closeBt, .linkProject {	cursor: pointer;	}

	.zoomed {	height: 600px;}
	.zoomed img { position: absolute; }
	.zoomed img.closeBt {	margin-left: 820px; }

	.longText, .zoomed {display:none; }

	.modular img { float:left;}
	.modular p {	float:left; margin-top: 0px; height: 50px; padding:10px 0px; color:#000; width:100%; width:95%;}
	/*.modular p:hover { display:none;} */
	
	.MuchWider p {	clear:both; width: 650px; margin-right: 20px; height: auto;}	
	
	.modular a, .bt a { font-weight:bold; text-decoration:none; color:#000;}
	.modular a, .bt a { font-weight:bold; text-decoration:none; color:#000;}
	.modular a:hover, .bt a:hover { text-decoration:underline;}

#logo {	position: fixed; top:10px; left:0px; }
h1	  { font-size: 12px; color: #000 ; font-weight: 300;}
h1 strong {	font-size: 16px; line-height: 28px; }

.styled-select {
   height: 37px;
}

.styled-select select {
   background: transparent;
   padding: 5px;
   font-size: 13px;
   font: 400 13px/21px "open sans";
   font-weight:bold;
   color: #646464;
   border: 0;
   height: 37px;
	text-transform: uppercase;
}

.styled-input {
   margin-top: 10px;
   width: 200px;
   height: 37px;
   overflow: hidden;
   background: url(img/input_lupa.gif) no-repeat right #e5e5e5;
  -webkit-appearance: none; 
}

.styled-input input{
   background: transparent;
   width: 200px;
   padding: 0px 5px;
   font: 400 13px/21px "open sans";
   font-size: 13px;
   color: #646464;
   border: 0;
   height: 37px;
	-webkit-appearance: none;	
}

.bt {
	float:left; margin: 36px 10px 0px 1px; padding: 0px 0px 0px 0px;	
	font: 400 13px/21px "open sans";
	font-size:13px;
	padding:10px;
	height: 17px;
	overflow:hidden;
	color: #646464;
	text-transform: uppercase;
	font-weight:bold;
}

.bt a {color: #646464;}

.btWhite {
	float:left; margin: 36px 10px 0px 1px; padding: 0px 0px 0px 0px;	
	font: 400 13px/21px "open sans";
	font-size:13px;
	padding:10px; padding-top:5px;
	height: 17px;
	overflow:hidden;
	color: #fff;
	text-transform: uppercase;
	font-weight:bold;
}

.btWhite a {color: #fff; text-decoration:none;}

.btWhite a .newItem {display:inline-block; background-color:#f41000; color:#fff; border-radius:100%;width:20px; text-align:center; position:relative;top:-5px;}

.menuSel {color: #cdcdcd; }

.seleccionat {border:5px solid #fff; border-width:0px 0px 2px 0px;}

#testigo 			{ background:url(img/comillas.png) no-repeat; margin-left: -60px; padding-left: 60px;}
#testigo .text 		{ margin-bottom: 1.25em;}
#testigo .nom 		{ font-size: 0.75em; font-weight: bold;}
#testigo .status 	{ font-size: 0.75em; font-style: italic; float:left;}
#testigo .company 	{ font-size: 0.75em; float:left;}

/* HOME ONLY */

.destacat {
    position:absolute;
    display:block;
    width: 100%;
    height: 195px;
    top:100px;
    background: #eeeeee;
    overflow: hidden;
}

#destacatContainer { }
.destacat {
    font-family: Open sans;
}

.destacat .signature { font-size: 13px;}
.destacat a.texte { display:inline-block; background:#ed6d19; color:#fff; text-decoration:none;padding:10px; font-size:12px;font-weight: bold; width:auto;}

/* */

@media screen and (max-width : 1100px) { 
	.Single {width:180px!important;}
	.Double {width:360px!important;}	
	.modules{width:760px!important;}
	.menuMod{width:940px!important;}	
	.testimoni {display:none;}
}