@charset "utf-8";

    body  {

	margin: 0;

	padding: 0;

	text-align: center;

	color: #000000;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	background-color: #CCCCCC;

	line-height: 14px;

    }

    .thrColEls #container {

	width: 500px;

	text-align: left;

	margin-top: 0;

	margin-right: auto;

	margin-bottom: 0;

	margin-left: auto;

    }

    .thrColEls #sidebar1 {

	float: left;

	width: 150px;

    }

    .thrColEls #sidebar2 {

	float: right;

	width: 150px;

    }

    .thrColEls #redbox {

	width: 497px;

	height: 186px;

	background-color: #F40E0A;

	float: left;

	background-repeat: no-repeat;

	background-position: center center;

    }

    .thrColEls #blackbox {

	width: 150px;

	height: 186px;

	background-color: #000000;

	float: left;

    }

    .thrColEls #whitedot {

	width: 4px;

	height: 4px;

	background-color: #FFFFFF;

	float: right;

	margin-top: 4px;

	margin-right: 4px;

	display: inline;

    }

	.thrColEls #button {

	width: 150px;

	height: 24px;

	background-image:url(../img/img_bck_button.gif);

	background-repeat:no-repeat;

	margin-bottom: 3px;

	text-align: left;

	text-indent: 20px;

	overflow: hidden;

	}

    .thrColEls #sidebar1 h3, .thrColEls #sidebar1 p, .thrColEls #sidebar2 p, .thrColEls #sidebar2 h3 {

	margin-left: 10px;

	margin-right: 10px;

	margin-top: 10px;

    }

    .thrColEls #mainContent {

	margin-top: 0;

	margin-right: auto;

	margin-bottom: 0;

	margin-left: auto;

	width: 800px;

	height: 110px;

	background-color: #FFFFFF;

	border-top-width: 1px;

	border-right-width: 1px;

	border-bottom-width: 1px;

	border-left-width: 1px;

	border-bottom-style: solid;

	border-top-color: #FFFFFF;

	border-right-color: #FFFFFF;

	border-bottom-color: #FFFFFF;

	border-left-color: #FFFFFF;

    } 

    .thrColEls #logo {

	float: left;

	width: 140px;

	height: 100px;

	}

    .thrColEls #publicidad {

	float: left;

	width: 650px;

	height: 90px;

	}

    .thrColEls #menu {

	float: left;

	width: 650px;

	height: 20px;

	}

    .thrColEls #menuopc {

	float: left;

	width: 242px;

	height: 16px;

	background-image: url(../img/img_bck_menudot.jpg);

	background-repeat: no-repeat;

	background-position: left center;

	text-align: left;

	font-size: 11px;

	padding-left: 8px;

	padding-top: 3px;

	}

    .thrColEls #bloque {

	float: left;

	width: 249px;

	height: 200px;

	border-left-width: 1px;

	border-left-style: dotted;

	border-left-color: #F40E0A;

	border-bottom-width: 1px;

	border-bottom-style: dotted;

	border-bottom-color: #F40E0A;

	}

    .thrColEls #bloquechico {

	float: left;

	width: 149px;

	height: 200px;

	border-left-width: 1px;

	border-left-style: dotted;

	border-left-color: #000000;

	border-bottom-width: 1px;

	border-bottom-style: dotted;

	border-bottom-color: #000000;

	}

    .thrColEls #footer {

	width: 800px;

	height: 25px;

	}

    .fltrt { /* esta clase puede utilizarse para que un elemento flote en la parte derecha de la página. El elemento flotante debe preceder al elemento junto al que debe aparecer en la página. */

    	float: right;

    	margin-left: 8px;

    }

    .fltlft { /* esta clase puede utilizarse para que un elemento flote en la parte izquierda de la página. */

    	float: left;

    	margin-right: 8px;

    }

    .clearfloat { /* esta clase debe colocarse en un elemento div o break y debe ser el último elemento antes del cierre de un contenedor que incluya completamente a un elemento flotante */

    	clear:both;

        height:0;

        font-size: 1px;

        line-height: 0px;

    }

	.whiteletters {

	font-size: 24px;

	color: #FFFFFF;

	white-space: normal;

	left: 5px;

	line-height: 30px;

	}

	.whiteletters2 {

	font-size: 14px;

	color: #FFFFFF;

	white-space: normal;

	left: 5px;

	text-align: left;

	line-height: 0px;

	}

	.whiteletters3 {

	font-size: 11px;

	color: #FFFFFF;

	white-space: normal;

	left: 5px;

	text-align: left;

	line-height: 12px;

	}

.thrColEls #redcontent {

	width: 98%;

	height: 95%;

	margin-left: 5px;

}

.thrColEls #bloquecontent {

	padding: 5px;

	height: 82%;

	width: 95%;

}

.thrColEls #bloquetitle {

	padding: 5px;

	height: 8%;

	width: 95%;

	text-transform: uppercase;

	font-weight: bold;

	font-size: 14px;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #F40E0A;

}

.thrColEls #bloquechicocontent {

	padding: 5px;

	height: 82%;

	width: 95%;

	text-align: left;

}

.thrColEls #bloquechicotitle {

	padding: 5px;

	height: 8%;

	width: 95%;

	font-weight: bold;

	text-align: left;

}

.thrColEls #mainContent #sidebar1 #button:hover {

	background-image:url(../img/img_bck_button_hover.gif);

	overflow: visible;

	visibility: visible;

	height: auto;

}

.thrColEls #mainContent #sidebar1 #button ul {

	list-style-type: square;

	text-indent: -29px;

	list-style-image: url(../img/img_ul_dot.gif);

	list-style-position: inside;

	line-height: 14px;

}

.uls {

	list-style-type: square;

	text-indent: -35px;

	list-style-image: url(../img/img_ul_dot.gif);

	list-style-position: inside;

	line-height: 14px;

}

.imgcat {

	float: left;

	border: 1px dotted #F40E0A;

}

.imgcat_r {

	float: rigth;

	border: 1px dotted #F40E0A;

}

.whiteletters4 {

	font-size: 16px;

	color: #FFFFFF;

	white-space: normal;

	left: 5px;

	text-align: left;

	line-height: 20px;

	width: 230px;

	float: right;

	margin-top: 10px;

	font-weight: bold;

}