.test {
	height:100px;
}

.rojo{
	background:#FF1A00
}
.verde{
	background:#006E2E
}
.azul{
	background:#4096EE
}

.fix_h{
	height:100%;
}
.spacer {
	height:25px;
}

.margin_t {
	margin-top:25px;
}

p.suite {
	float:right;
}



/* ----------------------------- */

body {
   font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
   font-weight: 300;
   line-height:1.6;
   color:#36393D;
}

h3 {
	font-weight:bold;
	letter-spacing:0.1em;
}

#branding{
	height:100px;
	background:url('../img/style/branding_back.gif') repeat-x;
}

#branding h1 {
	margin:0;
	padding:0;
}
#branding h1 a {
	background:transparent url(../img/style/logo_ua.gif) no-repeat scroll 0 0;
	display:block;
	height:100px;
	width:100px;
	overflow:hidden;
	position:absolute;
	text-indent:-9999px;
}

#branding h2 {
	font-size:2.3em;
	letter-spacing:0.3em;
	font-weight:bold;
	line-height:55px;
	margin:0;
	padding:0;
}

ul#nav_main li {
	float:left;
	list-style:none;
	margin:0;
}
ul#nav_main li a {
	color:#fff;
	font-size:1.4em;
	letter-spacing:0.2em;
	font-weight:bold;
	padding:2px 30px 2px 0;
	text-decoration:none;
	line-height:25px;
}

ul#lang_select li {
	float:left;
	list-style:none;
	margin:0;
}
ul#lang_select li a {
	color:#fff;
	font-size:1.1em;
	padding:2px 10px 2px 0;
	text-decoration:none;
	line-height:25px;
}

.perso, .agence {
	text-align:justify;
}

ul#recent li {
	float:left;
	list-style:none;
	margin-right:20px;
}
ul#recent li.last {
	margin-right:0;
}
ul#recent li a {
	text-decoration:none;
} 

ul#recent li a img {
	border:2px solid #000;
}

#titre_projet {
	font-size:160%;
	letter-spacing:0.2em;
	height:65px;
	line-height:25px;
}

#cadre_projets {
	height:725px;
	width:160px;
	float:left;
	margin-top:85px;
	overflow:auto;
}

ul#projets li {
	width:140px;
	height:140px;
	margin-bottom:5px;
}
ul#projets li.last {
	margin-bottom:0;
}

ul#projets li a img {
	border:2px solid #000;
}


ul#projets li.current a img {
	border:2px solid #fff;
}


#comment_projet{
	text-align:justify;
	height:270px;
	width:100%;
	float:left;
	/* Atención hy que retirar esto y generarlo con js */
	overflow:auto;
	
}

#cadre_galerie {
	margin-left:80px;
}

#scrollable1 {
	float: left;
	width: 620px;
	height: 165px;
	overflow: auto;
	white-space: nowrap;
}

#scrollable1 ul li {
	display:inline;
	margin-right:17px;
	white-space: nowrap;
}
#scrollable1 ul li.last {
	margin-right:0;
}

#scrollable1 ul li img {
	border:2px solid #000;
}



.titre_section {
	height:50px;
}
.titre_section h3 {
	float:left;
	line-height:50px;
}
.titre_section a img {
	float:right;
}

.site_info {
	height:50px;
	background:#000;
	color:#ccc;
}
.site_info ul{
	padding-right:1em;
	float:right;
}
.site_info li{
	float:left;
	list-style:none;
	margin-left:20px;
	line-height:50px;
	height:50px;
}

.site_info a {
	color:#ccc;
}

.site_info li.factory  {
	width:120px;
}

.site_info li.factory a {
	background:transparent url(../img/style/factory.power.gif) no-repeat scroll 0 center;
	display:block;
	height:50px;
	width:120px;
	overflow:hidden;
	position:absolute;
	text-indent:-9999px;
}





/* =========== pagigng ============= */

/* Paging */
div.paging {
	color: #999;
}
div.paging a {
	text-decoration:none;
}

div.paging div.disabled {
	color: #ccc;
	display: inline;
}
div.paging span {
	line-height:20px;
	border:1px solid #009;
}
div.paging span, div.paging div, div.paging a {
	margin-right:10px;
}
div.paging span a{
	margin-right:0;
	padding:0 5px;
}

div.paging span.current {
	padding:0 5px;
}
div.paging span.current {
	color: #777;
	border:1px solid #777;
}

/* ============== form ============ */

form legend{
	font-weight:bold;
}
form .input label {
	display:block;
}

.text input{
	border:1px solid #000;
	text-align:center;
	height:16px;
	line-height:16px;
}

.contact .text input, .contact select {
	margin-bottom:20px;
	width:100%
}

.select select {
	border:1px solid #000;
}

form .textarea textarea {
	border:1px solid #000;
	width:100%;	
	margin-bottom:20px;
}

form .textarea textarea:focus {
	border-color:#ccc;
}

.contact .submit {
text-align:center;

}

form .submit input {
	background:url('../img/style/button.gif') no-repeat;
	color:#fff;
	margin: 0 auto;
	font-weight:bold;
	border:none;
	height:20px;
	width:100px;
	margin:0 auto;
}

#mentions h3, #mentions h4 {
	margin:1em 0 0.3em;
}