@charset "utf-8";

/*/////////////////////////////////////////////////////////////////////////
// @Sistema: SDT.COM.MX			 										 //
// @Version: 1.0														 //
// @Autor: Juan J. Lopez Lira											 //
// @Descripcion: Archivo de Estilos CSS								 	 //
// @Fecha: 17 Octubre 2008 											 	 //
/////////////////////////////////////////////////////////////////////////*/

/*///////////////////////////////////////////
//				Estilos Globales	   	   //		
///////////////////////////////////////////*/

@import url("globals.css");
@import url("jquery.lightbox-0.5.css");

/*///////////////////////////////////////////
//		Contenedores de Estructurales	   //		
///////////////////////////////////////////*/

/* Header */
.header{
	margin:0 auto;
	width:900px;
	height:216px;
}

#lang{
	width:100%;
	text-align:right;
	margin:0;
	padding:2px;
}

#lang a{
	color:#fff;
	text-decoration:none;
	margin:0 0 0 10px;
}

/* Main Container */	
.main-container{
	margin:0 auto;
	padding:20px;
	width:858px;
	height:auto;
	border-left:1px solid #3591ca;
	border-right:1px solid #3591ca;
	background:#fff url(../images/background_container.jpg) repeat-x top;
}

/* Left Container */
.left{
	float:left;
	width:210px;
	height:auto;
	margin:0 10px 20px 0;
	padding:0;
	background: url(../images/vdivider.png) no-repeat right top;
}

/* Right Container */
.right{
	float:left;
	margin:0 0 20px 0;
	padding:0;
	width:620px;
	height:auto;
}

/* Footer */
.footer{
	margin:0;
	padding:0;
	width:100%;
	height:120px;
	background:#a0cae6 url(../images/background_footer.jpg) repeat-x top;
}

.footer-container{
	width:860px;
	margin:0 auto;
	padding:20px;
}

.footer-left{
	float:left;
	width:500px;
	height:auto;
}

.footer-right{
	float:left;
	width:360px;
	height:auto;
	text-align:right;
}

.links{
	margin:0 0 20px 0;
	color:#ffd44e;
}

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

.links a:hover{
	color:#ffd44e;
	text-decoration:underline;
}

.direccion{
	width:auto;
	color:#fff;
	text-align:left;
}

#ph{
	float:left;
	margin:0 10px 0 85px;
}

.direccion strong{
	color:#ffd44e;
}

.direccion a{
	color:#ffd44e;
	text-decoration:none;
}

.direccion a:hover{
	color:#fff;
	text-decoration:underline;
}

.box{
	width:180px;
	height:auto;
	margin:0 0 10px 0;
	border:5px solid #8cb9de;
}

.flshead{
	position:absolute;
	z-index:0;
	top:10px;
}

.logo{
	width:270px;
	height:170px;
	margin:0;
	padding:0;
	position:absolute;
	z-index:10;
	top:35px;
	background:url(../images/sdt.png) no-repeat center top;
}

.reftxt{
	color:#000000;
	font-size:1.1em;
	font-weight:bold;
}

.refnum{
	color:#6ba356;
	font-size:1.3em;
	font-weight:bold;
	line-height:1.4em;
}

/* Menu */

.menu {
	float:right;
	margin:100px 0 0 0;
	padding:0;
	width:auto;
	height:auto;
	list-style-type:none;
}

.menu li {
	display:table-cell;
	float:left;
}

.menu a {
	display:block;
	margin:0;
	padding:50px 0 30px 0;
	width:100px;
	height:auto;
	color:#fff;
	text-align:center;
	text-decoration:none;
	text-transform:uppercase;
	background: url(../images/menu.png) no-repeat bottom;
}

.menu a:hover {
	background: url(../images/menu.png) no-repeat top;
	color: #FFCC33;
}

/* Listings */
.listing{
	width:100%;
	margin:10px 0;
	padding:10px 0;
	border-bottom:1px solid #83c06d;
	}

.listing img{
	float:left;
	margin:0 10px 0 0;
	padding:5px;
	border:1px #CCC solid;
	background:#FFF;
	}
	
.listing h2{
	color:#00589f;
	font-size:1.5em;
	}
	
.listing a{
	text-decoration:underline;
	color:#F00;
	}
	
.listing a:hover{
	color:#00589f;
	text-decoration:none;
	}

.imagenes{
	float:left;
	border:1px solid #cbdff1;
	padding:5px;
	margin:5px 5px 5px 0;
	background:#FFF;
	}
	
.bienvenidos{
	width:647px;
	background:url(../images/bienvenidos-banner.jpg) no-repeat center top;
	color:#FFF;
	margin:10px 0;
	}
	
.bienvenidos p{
	padding:20px 20px 50px 350px;
	}

.home-elements{
	float:left;
	width:150px;
	height:150px;
	text-align:center;
	background:url(../images/home_elem_deg.jpg) repeat-x bottom;
	margin:10px 5px 10px 0;
	}
	
.home-elements span{
	clear:both;
	padding:10px;
	}
	
.home-elements img{
	border:2px solid #1062a5;
	width:146px;
	}
	
.home-elements img:hover{
	border:2px solid #F90;
	}
	
.top-gallery{
	width:580px;
	height:auto;
	background:#b0bbc2 url(../images/gallery.jpg) no-repeat left;
	margin:2px 0;
	padding:10px 0 10px 40px;
	color:#FFF;
	text-transform:uppercase;
	}
	
#gallery{
	width:600px;
	height:auto;
	background:#ebf2f7;
	margin:2px 0;
	padding:10px;
	border-top:1px solid #d3d3d3;
	border-bottom:1px solid #d3d3d3;
	}
	
#gallery img{
	float:left;
	margin:0 10px 10px 0;
	padding:5px;
	background:#FFF;
	border:1px solid #fff;
	}
	
#gallery img:hover{
	border:1px solid #ffc831;
	}
	
.top-precios{
	width:601px;
	height:auto;
	background:#032e68;
	margin:10px 0 2px 0;
	padding:10px 0 10px 10px;
	border-left:10px solid #fdb60a;
	color:#FFF;
	text-transform:uppercase;
	}
	
.bottom-precios{
	width:621px;
	height:auto;
	background:#e4e8ea url(../images/top.jpg) no-repeat right;
	padding:0;
	text-align:right;
	}	
	
.bottom-precios a{
	margin:10px 40px 10px 0;
	text-decoration:none;
	color:#333;
}

.opciones{
	width:600px;
	height:auto;
	padding:10px;
	}
	
.opciones h2{
	color:#2682be;
	margin:10px 0;
	text-transform:uppercase;
	font-size:1.2em;
	}
		
.recomendaciones{
	margin:10px 0;
	width:auto;
	height:auto;
	padding:10px 10px 10px 30px;
	background:url(../images/recomendaciones.jpg) no-repeat left;
	text-transform:uppercase;
	color:#000;
	}
	
.amarillos{
	color:#FC0;
	}

.form{
	width:620px;
	height:auto;
	border:1px solid #6fce52;
	background:#eeffe8;
	}

.form #title{
	width:585px;
	height:auto;
	background:#6fce52 url(../images/pacmangr.jpg) no-repeat left;
	color:#124a01;
	text-transform:uppercase;
	padding:10px 0 10px 35px;
	font-weight:bold;
	}
	
.form #fields{
	width:600px;
	height:auto;
	background:#dcffd1;
	padding:10px;
	}