@charset "utf-8";
/* CSS Document */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
:focus {
	outline: 0;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
/*--------------------------------------*/
body{
	background:#FFF url(../img/fdo-body.jpg) repeat-x 50% 0%;
	}
	#header{
		background:url(../img/fdo-nav.jpg) repeat-x 0% 100%;
		}
	#header #nav{
		width:960px;
		margin:0px auto;
		font:normal 12px Georgia, "Times New Roman", Times, serif;
		}
		#header #nav #manifesto{
			display:block;
		}
	#header a{
		display:block;
		float:left;
		color:#FFF;
		text-decoration:none;
		margin:0px 0px 1px 0px;
		padding:5px 0 4px 0;
		border-top:#F00 solid 5px;
		}
		  
		#header a:hover{
			border-top:#FFF solid 5px;
			color:#FFC;
			}
		#header a.activo{
			border-top:#FFF solid 5px;
			color:#FFC;
			}
			#header a span{
				border-right:#8C8C8C solid 1px;
				display:block;
				padding:0 10px;
				}

	#container{
		width:960px;
		margin:0px auto;
		}
		#container #tools{
			font:normal 10px Tahoma, Geneva, sans-serif;
			text-align:right;
			margin-top:10px;
			}
		#container #tools img{
				position:relative;
				top:2px;
			}
		#container a{
			color:#333;
			}
			#container a:hover{
			color:#F00;
			}
		#container #flash{
			display:block;
			}
	#container #content{
		background:url(../img/sep-content.jpg) repeat-y;
		}
		#container #content #side1,#container #content #side2{
			float:left;
			font-family:Arial, Helvetica, sans-serif;
		}
		#container #content #side1{
			background:url(../img/fdo-side1.jpg) no-repeat 100% 0%;
			width:655px;
			padding:10px 20px 50px 0px;
		}
		#container #content #side1 ul{
			font:normal 11px Tahoma, Geneva, sans-serif;
			margin:15px 40px;
			}
		#container #content #side1 ul li{
			display:block;
			margin:5px 0;
			background:url(../img/tick_small.png) no-repeat 0px 0px;
			padding-left:20px;
			}
		#container #content #side1 ul li a{}
		#container #content #side1 ul li a.hover{}
		
		
		#container #content #side2{
			width:259px;
			padding:10px 10px 10px 15px;
		}
		#container #content #side2 h2{
		color:#999;
		}
		#container #content #side2 h2.rojo{
		color:#F00;
		}
		#container #content #side2 p{
			font-size:11px;
			font-family:Tahoma, Geneva, sans-serif;
			line-height:normal;
		}
		#container #content #side2 a{
			color:#900;
		}
		#container #content #side2 span{
			font-size:10px;
		}
		#container #content #side2 form span{
			font-size:12px;
			}
		#container #content #side2 a:hover{
			color:#F00;
		}
		#container #content #side2 #works{}
		#container #content #side2 #works div{
			width:76px;
			height:76px;
			display:block;
			float:left;
			border:#CCC solid 1px;
			margin:4px;
			}
			#container #content #side2 #works div:hover{
				border:#666 solid 1px;
				-moz-box-shadow:0px 0px 5px 0px #999;
				-webkit-box-shadow: 0px 0px 5px #999;
				box-shadow: 0px 0px 5px #999;
				}
		#container #content #side2 #pagos{}
		#container #content #side2 #pagos div{
			float:left;
			height:40px;
			display:block;
			vertical-align:bottom;
			margin:7px;
			text-align:center;
			}
			#container #content #side2 #pagos img{
				float:left;
				display:block;
				margin:5px 10px;
				vertical-align:middle;
				}
		#container #content #side2 #estandares{
			font:normal 10px Tahoma, Geneva, sans-serif;
			}
			#container #content #side2 #estandares div{
				display:block;
				vertical-align:middle;
				margin-bottom:5px;
				}
				#container #content #side2 #estandares div img{
					position:relative;
					top:2px;
					margin-right:5px;
				}

		
	#tfoot{
		background:url(../img/fdo-pie.jpg) repeat-x;
		font:normal 10px/14px Tahoma, Geneva, sans-serif;
		color:#CCC;
		}
		#tfoot a{
			color:#CCC;
			text-decoration:none;
			}
			#tfoot a:hover{
				color:#FFF;
				}
			#tfoot strong{
				font-weight:bold;
				color:#FFF;
			}
		#tfoot #int{
			background:url(../img/fdo-pie-deco.jpg) no-repeat 0px 5px;
			width:960px;
			margin:0px auto;
			padding:18px 0;
			}
		#tfoot #navpie{
			float:left;
			width:660px;
			text-align:right;
			}
		#tfoot #cliente{
			float:right;
			width:266px;
			margin-top:-5px;
			}
			#tfoot #cliente img{
				margin-top:5px;
			}
		#tfoot #family{
			padding-top:10px;
			margin-top:10px;
			border-top:#999 solid 1px;
			}
			#tfoot #family div{
				float:right;
				margin-left:10px; 
				padding-left:0px;
				padding-right:10px;
				border-right:#999 solid 1px;
				}
				#tfoot #family div span{
					display:block;
				}
		
/*---------------*/

	#content #clienteslist tr td{
		vertical-align:middle; 
		text-align:center;
		width:100px;
		height:100px;
	}
	


h1{
	color:#333;
	font:normal 20px Georgia, "Times New Roman", Times, serif;
	margin-bottom:10px;
	padding-bottom:10px;
	border-bottom:#CCC solid 1px;
	text-shadow: 0px 0px 7px #999;
	}
h2{
	color:#AE812B;
	font:normal 16px/18px Georgia, "Times New Roman", Times, serif;
	margin-bottom:10px;
	}



p{
	font:normal 12px/18px Arial, Helvetica, sans-serif;
	margin-bottom:10px;
	color:#333;
}
strong{
	font-weight:bold;
	}
form{
	border-bottom:#EAEAEA solid 1px;
	margin-bottom:10px;
	padding-bottom:10px;
	font:normal 12px Arial, Helvetica, sans-serif;
	}
form span{
	display:block;
	margin:4px 4px 2px 4px;
	}
form input[type=text]{
	background:#F9F9F9;
	border-top:#999 solid 1px;
	border-left:#999 solid 1px;
	border-bottom:#E5E5E5 solid 1px;
	border-right:#E5E5E5 solid 1px;
	padding:2px;
	width:185px;
	}
	form input[type=submit]{
		background:url(../img/fdo-btn.jpg) repeat-x;
		border:#C1CF97 solid 1px;
		padding:2px 4px;
		color:#333;
	}
	form input[type=password]{
	background:#F9F9F9;
	border-top:#999 solid 1px;
	border-left:#999 solid 1px;
	border-bottom:#E5E5E5 solid 1px;
	border-right:#E5E5E5 solid 1px;
	padding:2px;
	width:185px;
	}
	form textarea{
		background:#F9F9F9;
	border-top:#999 solid 1px;
	border-left:#999 solid 1px;
	border-bottom:#E5E5E5 solid 1px;
	border-right:#E5E5E5 solid 1px;
	padding:2px;
	width:185px;
	height:140px;
	}
	

	
	
/*---------------*/
.clear{
	clear:both;
	}
.floadleft{
	float:left;
	margin-right:10px;
	}
.sep-ancho{
	background:url(../img/fdo-sep-ancho.jpg) repeat-x;
	display:block;
	height:20px;
	margin-top:5px;
	}
.foto320L{
	float:left;
	width:320px;
	height:210px;
	overflow:hidden;
	margin-right:15px;
	
	-moz-box-shadow:0px 0px 5px 0px #999;
	-webkit-box-shadow: 0px 0px 5px #999;
	box-shadow: 0px 0px 5px #999;
 
	border-radius: 10px;  
	
	-moz-border-radius: 10px;  
	-moz-border-radius-topright: 0px;
	-moz-border-radius-bottomleft: 0px;
	
	-webkit-border-radius: 10px;
	-webkit-border-top-right-radius: 0px;
	-webkit-border-bottom-left-radius: 0px;
	}
	.fotototalside{
	width:654px;
	height:205px;
	overflow:hidden;
	margin-bottom:15px;
	
	-moz-box-shadow:0px 0px 5px 0px #CCC;
	-webkit-box-shadow: 0px 0px 5px #CCC;
	box-shadow: 0px 0px 5px #CCC;
 
	border-radius: 10px;  
	
	-moz-border-radius: 10px;  
	-moz-border-radius-topright: 0px;
	-moz-border-radius-bottomleft: 0px;
	
	-webkit-border-radius: 10px;
	-webkit-border-top-right-radius: 0px;
	-webkit-border-bottom-left-radius: 0px;
	}
.separadorEAE{
	border-bottom:#EAEAEA solid 1px;
	height:1px;
	max-height:1px;
	overflow:hidden;
	display:block;
	margin:10px 0;
	}
.treemodules{
	margin-bottom:15px;
	}
	.treemodules div.mod{
		float:left;
		width:200px;
		margin:0 8px;
		}
	.treemodules h2{
	color:#999;
	}
	.treemodules p{
		font:normal 10px/14px Tahoma, Geneva, sans-serif;
	}
	.treemodules img{
		margin-bottom:10px;
		}
img.border-b{
	padding-bottom:10px;
	border-bottom:#CCC solid 1px;
	}
#test{
	background:url(../img/blog.png) no-repeat 100% 2px;
	position:fixed;
	top:50%;
	width:50px;
	left:100%;
	margin-left:-50px;
	height:77px;
	z-index:1000;
	cursor:pointer;
	}
	#test:hover{
			background:url(../img/blog.png) no-repeat 100% -101px;
			}
/*--------HACKs--------------------*/
@media screen and (-webkit-min-device-pixel-ratio:0){
  	#header a{
		padding:6px 0 4px 0;
		}
}

#header a{
	//padding:4px 0 0px 0;
		}
form input[type=text]{
	//width:170px;
	}
#tfoot #int{
	//padding:13px 0 5px 0;
			}