/* CSS Tsándu */

html, body {
	margin-top:8px;
	padding:0;
}

body {
	font-family:Arial, Helvetica, Verdana, Sans-serif;
	font-size:12px;
	color:#000;
	background:#FFF;
	text-align:center;
}

/* Dependiendo que item este activado le aplicas esta clase*/
body.inicio dt.inicio,
body.inicio dt.inicio a,
body.inicio dt.inicio a:hover,
body.tsandu dt.tsandu,
body.tsandu dt.tsandu a,
body.tsandu dt.tsandu a:hover,
body.servicios dt.servicios,
body.servicios dt.servicios a,
body.servicios dt.servicios a:hover,
body.desarrollos dt.desarrollos,
body.desarrollos dt.desarrollos a,
body.desarrollos dt.desarrollos a:hover,
body.contacto dt.contacto,
body.contacto dt.contacto a,
body.contacto dt.contacto a:hover {
	background-position: 0 -54px;
}

.page-container {
	width:750px;
	margin:auto;
	text-align:left;
}

.page-container .img {
	padding-left:0;
}


/* Main Navigation */

.main-nav { height: 27px;}
.main-nav dl { margin:0; padding: 0; }

/* IE5 Mac Hack \*/ 
.main-nav { padding-right: 11px; } 
/*/ 
.main-nav { padding-right: 11px; overflow: hidden; } 
/* End Hack */

.main-nav dt { float: right; }

.main-nav dt a {
	display: block;
	height: 0px !important;
	height /**/:27px; /* IE 5/Win hack */ 
	padding: 27px 0 0 0;
	overflow: hidden;
	background-repeat: no-repeat;
}

.main-nav dt a:hover {
	background-position: 0 -27px;
}

.main-nav dt.inicio,
.main-nav dt.inicio a { width: 90px; background-image: url(../img/nav/inicio.jpg); }

.main-nav dt.tsandu,
.main-nav dt.tsandu a { width: 99px; background-image: url(../img/nav/tsandu.jpg); }

.main-nav dt.servicios,
.main-nav dt.servicios a { width: 107px; background-image: url(../img/nav/servicios.jpg); }

.main-nav dt.desarrollos,
.main-nav dt.desarrollos a { width: 116px; background-image: url(../img/nav/desarrollos.jpg); }

.main-nav dt.contacto,
.main-nav dt.contacto a { width: 103px; background-image: url(../img/nav/contacto.jpg); }

.header {
	height:95px;
	background:url(../img/headers/header.jpg);
}

.header .search {
	margin:0;
	padding:0;
	float:left;
	margin-top:7px;
	padding-left:10px;
	font-weight:bold;
}

.header .search form{
	margin:0;
	padding:0;
	float:left;
	margin-top:2px;
}

.header .search input.text {
	border: 1px solid #CCCCCC;
	margin-bottom:3px;
	background:url(../img/headers/bg_input.jpg) repeat-x;
}

.header .search input.button {
	border: 1px solid #CCCCCC;
	margin-bottom:3px;
}

.header .login {
	margin:0;
	padding:0;
	float:right;
	margin-top:7px;
	padding-right:30px;
	text-align:right;
}

.header .login form{
	margin:0;
	padding:0;
	float:left;
	margin-top:2px;
}

.header .login input.text {
	border: 1px solid #CCCCCC;
	margin-bottom:1px;
	font-size:9px;
	background:url(../img/headers/bg_input.jpg) repeat-x;
}

.header .login input.button {
	border: 1px solid #CCCCCC;
	margin-bottom:1px;
	font-size:9px;
}

.sidebar {
	float:left;
	width:151px;
	padding:0;
	color:#666;	
	text-align:center;
	margin-top:10px;
	margin-bottom:10px;
}

.sidebar .boxTop{
	width:151px;
	background:url(../img/headers/sidebar_top.jpg) no-repeat top center;
}

.sidebar .boxBottom {
	background:url(../img/headers/sidebar_bottom.jpg) no-repeat bottom left;
	padding: 5px 0 5px 0;
}

.sidebar .blueBox{
	background:#E0F1FC;
	border-left:2px solid #CCE4FA;
	border-right:2px solid #CCE4FA;	
	width:147px;
}

.content {
	float:left;
	width:599px;
	line-height:16px;
	padding:0;
	color:#666;

}

.content .top{
	float:left;
	width:599px;
	clear:both;
	padding:0;
	color:#666;
	text-align:center;
	margin-bottom:8px;
}

.content .left {
	float:left;
	width:580px;
	padding:0 5px 0 5px;
	text-align:left;
}

.content .right {
	float:left;
	width:179px;
	padding:0 5px 0 5px;
	text-align:left;
}

.content .right .boxImg {
	line-height:16px;
	width:180px;
	border-right:8px solid #BFD249;
	margin-bottom:20px;
}

.content .padding {
	padding:5px;
}

.content h2 {
	margin:0;
	padding:2px 0 0 0;
	text-indent:1em;
	padding-bottom:15px;
	color:#DD0803;
}

.content h1 {
	margin:0;
	padding:0;
	color:#000000;
	font-size:20px;
}

.content p {
	margin:0;
	padding:0;
	padding-bottom:10px;
	text-indent:3em;
	text-align:justify;
}

.content a {
	color:#99CC33;
	text-decoration:none;
}

.content a:hover {
	color:#5A7A0B;
}

.footerTop {
	float:left;
	width:750px;
	clear:both;
	color:#666;
	text-align:left;
	margin-bottom:12px;
	margin-top:12px;
}

.footerTop .left {
	float:left;
	width:151px;
	padding:0 5px 0 5px;
	margin-top:15px;
}

.footerTop .left img {
	padding:0 3px 0 3px;
}

.footerTop .left span{
	padding:5px 0 8px 0;
	font-weight:bold;
}

.naranja {
	color:#F49302;
}

.footerTop .boxTop{
	width:151px;
	background:url(../img/headers/sidebar_top.jpg) no-repeat top center;
}

.footerTop .boxBottom {
	background:url(../img/headers/sidebar_bottom.jpg) no-repeat bottom left;
	padding: 5px 0 5px 0;
}

.footerTop .blueBox {
	background:#E0F1FC;
	border-left:2px solid #CCE4FA;
	border-right:2px solid #CCE4FA;	
	width:147px;
}

.footerTop .right {
	float:left;
	width:580px;
	padding:0;
	text-align:left;
}

.footerTop .right .cells {
	float:left;
	width:190px;
	padding:0;
	text-align:center;
	color:#F49302;
	font-weight:bold;
}

.footerTop .right .grayBox{
	background:#EDEDED;
	border:3px solid #E0E0E0;
	width:187px;
}

.footerTop .right .grayBox img{
	border-top:5px solid #99CC33;
	margin-top:4px;
	margin-bottom:4px;
}

.footer {
	height:66px;
	clear:both;
	font-family:Tahoma, Arial, Helvetica, Sans-serif;
	font-size:12px;
	color:#000;
	padding: 13px 25px;
	background:url(../img/headers/footer.jpg) repeat-x;
}

.footer a {
	color:#99CC33;
	font-weight:bold;
	text-decoration:none;
	background:url(../img/headers/flecha.gif) no-repeat 0 1px; 
	padding: 0 0 0 12px;
}

.footer a:hover {
	color:#db6d16;
}

.footer .altnav {
	width:350px;
	float:right;
	text-align:right;
}

.footer .copyright {
	padding-top:3px;
}

.rss {
	background:url(../img/headers/bg_rss.jpg) no-repeat;
	padding: 5px 0 0 10px;
	clear:both;
}

.rss  h2 {
	padding: 8px 0 0 0;
}


.servicios 
{
	float:left;
}

.foto 
{
	float:right;
}

