* {
}
body {
	/*etiqueta body, gralmente la imagen de fondo apra la pagina se define aqui
 * familia, color y tamaño de fuente gral para toda la pagina*/
	/*background-image:url(../images/fondo_body.jpg);
	background-repeat:repeat-x;*/
	background-color:#cecece; /* Color de fondo de la pagina */
	color:#565656;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:80%;
	margin:0px;
	padding:0px;
}
h1, h2, h3, h4, p {
	margin-top:0px;
}
/* ============== Link Styles ============== */
#sb-head a, #sb-holder a, #sb-menu a, #sb-content a, #sb-foot a {
	color:#737373;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
/* ============= Layout Styles ============= */
#sb-head {
	/*	cabecera de la pagina, aqui se puede definir el color, imagen de fondo, color de fuente, etc. */
	width:955px; /* -2 por 1px de borde*/
	padding:10px 0px;
	height:330px;
	position: relative;
	margin:auto;
	background-color:#FFFFFF;
}
#sb-holder {
	/*
es la caja que contiene a sb-menu, y sb-content.. en esta se puede espeficicar un margen para centrar ambos contenidos dentro del documento (margin: auto)
*/
	width:955px; /* -2 por 1px de borde*/
	padding:10px 0px;/*10 top y bottom. 0 left y right*/
	margin:auto;
	background-color:#000;/*background-position:0px 0px;
	*//*imagen color fondo contenido*/
}
#sb-menu {
	/*contiene el UL que contiene los links de toda la pagina*/
	width:200px;
	float:left;
	padding:10px 0px 0px 10px;
	margin:0px 0px 0px 0px;
	overflow:hidden;/*background-color:#e6e6e6;*//* color fondo menu*/
}
#sb-content {
	/*box para el contenido de cada pagina*/
	width:600px;
	padding:10px 35px;
	float:right;
	margin:0px;/*0 top y bottom. 10 left y right*/
	background-color: transparent !important;
}
#sb-foot {
	/*estilo para el contenedor del pie de la pagina, */
		width:955px;
	padding:16px 0px 16px;
	color:#575757;
	text-align:right;
	margin:auto;
	height:90px;/*background-color: #FFFFFF;*/
}
/* =============== LOGUITO ====================== */ 
#loguitoApp {
	float: right;
	display: block;
	width: 164px;
	height: 21px;
}
/* ============== Head Styles ============== */

#logo-content {
	/*contenedor para el logo del sitio*/
position: absolute;
	left: 15px;
	top: 14px;
	width: 338px;
	height: 99px;
}
#head-content {
	/*cuadrito de la cabecera, para algun texto, imagen o algo similar. Siempre va contenido dentro de #sb-head*/

bottom:84px;
	color:#000000;
	font-size:30px;
	height:80px;
	line-height:30px;
	padding:10px;
	position:absolute;
	right:0;
	text-align:left;
	width:450px;
	z-index:2;
}
#head-image {
	position:absolute;
	right:165px;
	top:119px;
}
/* ============== Menu Styles ============== */
#sb-menu ul {
	list-style-type:none;
	padding:0px;
	margin:0px;
}
#sb-menu ul.sub {
	/*estilo para los submenus*/
	margin-top: 5px !important;
}
#sb-menu ul li {
	/*contenedor para cada link del menu
	 * margenes, paddings
	 * float: left; aqui, lograria que los items del menu se posicionen uno al lado del otro
	 * */
	margin:8px 0px 0px 0px;
	width:165px;
	padding:0px 3px 0px 20px;
	display:block;
	overflow:hidden;
	background-color:transparent;
	background-position:6px 4px;
	background-repeat:no-repeat;
	font-size:10px;
	color:#000;
}
#sb-menu ul li a {
	/*estilo para los vinculos del menu*/
    border-bottom:1px solid #E5E5E5;
	color:#FFFFFF;
	display:block;
	font-size:12px;
	padding-bottom:7px;
}
#sb-menu ul li.sub {
	/*	estilo para los submenus */
	background-image:none !important;
	padding: 5px 3px 5px 5px;
	width:169px;
	margin: 0px !important;
	margin-top: 2px !important;
}
#sb-menu ul li.sub a {
	/*estilo para los vinculos del los submenus*/
	font-size:11px;
}
#sb-menu ul li a:hover {
	/*estilo para los vinculos del los submenus cuando se posiciona el mouse encima*/
	text-decoration: underline;/*color:#5A5A2E;*/
}
/* ============== Cont Styles ============== */
#sb-content h1 {
	/*Encabezado 1 para el contenido*/
	color:#fff;
	font-size:16px;
}
#sb-content h2 {
	/*Encabezado 2 para el contenido*/
	color:#000;
	font-size:14px;
}
#sb-content {
	/*estilo para el contenido*/
    color: #666;
	font-size:10px;
}
#sb-content a {
	/*estilo para los vinculos del contenido*/
    color:#74a500;
	text-decoration:underline;
}
#sb-content a:hover {
	/*estilo para los vinculos del contenido*/
   text-decoration:none;
}
/* ============== Foot Styles ============== */

#foot-content {
	/*estilo para el contenido del pie*/
	/*background-color:#000;*/
	color: #fff;
	text-align:right;
	height:25px;
	padding:4px 0px 0px 0px;
	width: 955px;
	margin-left: 0px;
}
/*hack para el editor NO TOCAR*/
body#head-content, body#sb-content, body#foot-content, body#logo-content {
	background: transparent !important;
	float: none !important;
	padding:0px !important;
	margin:0px !important;
	width: inherit !important;
	position: static !important;
}
form {
	margin:0px;
	padding:0px;
}
.clearfix:after {
	content:".";
	display:block;
	clear:both;
	visibility:hidden;
	line-height:0;
	height:0;
}
.clearfix {
	display:inline-block;
}
html[xmlns] .clearfix {
	display:block;
}
* html .clearfix {
	height:1%;
}