/* CSS SHARKY DIVE SHOP */

body {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	background-image: url(../images/bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-attachment: fixed;
}

#ContenedorGeneral {
	width: 936px;
	overflow: hidden;
	margin: 0 auto;
}

#Logo {
	width: 221px;
	height: 170px;
	float: left;
	margin: 6px 0 0 0;
}

#TopCentro {
	width: 527px;
	height: 211px;
	float: left;
}

#Lenguaje {
	width: 188px;
	height: 22px;
	float: left;
	background-image: url(../images/lang_menu.png);
	background-repeat: no-repeat;
	font-size: 10px;
	color: #fff;
	text-align: center;
}

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

#Lenguaje a:hover {
	text-decoration: underline;
}

#Menu {
	width: 936px;
	height: 28px;
	float: left;
	background-image: url(../images/menu.png);
	background-repeat: no-repeat;
	color: #000;
	font-weight: bold;
	font-size: 12px;
	text-align: center;
	padding: 10px 0 0 0;
}

#TituloSeccion {
	width: 916px;
	height: 34px;
	float: left;
	background-image: url(../images/sec_titulo.png);
	background-repeat: no-repeat;
	color: #fff;
	font-weight: bold;
	font-size: 22px;
	text-align: left;
	padding: 15px 0 0 20px;
}

#ContenedorCentral {
	width: 906px;
	float: left;
	background-image: url(../images/cont_bg.png);
	background-repeat: repeat-y;
	padding: 10px 20px 10px 10px;
	font-size: 12px;
	color: #fff;
}

#ColumnaCentral {
	width: 666px;
	float: left;
	text-align: justify;
	margin: 0 10px 0 5px;
}

#ColumnaFull {
	width: 870px;
	float: left;
	text-align: justify;
	padding: 0 10px;
	margin: 0 10px 0 5px;
}

#ColumnaCentral_1 {
	width: 220px;
	float: left;
	text-align: justify;
	margin: 0 5px 0 0;
}

#ColumnaCentral_1 img {
	text-align: center;
	padding: 0 0 15px 10px;
}

#ColumnaCentral_2 {
	width: 438px;
	float: left;
	text-align: justify;
	margin: 0 18px 0 0;
}

#ColumnaCentral_3 {
	width: 220px;
	float: left;
	text-align: justify;
	margin: 0 5px 0 0;
}

#BoxTop {
	width: 224px;
	height: 11px;
	float: left;
}

#BoxCentro {
	width: 194px;
	float: left;
	background-image: url(../images/box_centro.jpg);
	background-repeat: repeat-y;
	color: #000;
	padding: 0 15px;
	font-size: 10px;
}

#BoxFooter {
	width: 224px;
	height: 13px;
	float: left;
}

#ContenedorCentralFooter {
	width: 936px;
	height: 25px;
	float: left;
	background-image: url(../images/cont_footer.png);
	background-repeat: no-repeat;
}

#LogosFooter {
	width: 936px;
	float: left;
}

#LogosFooter img {
	margin: 0 5px;
}

#FooterCopy {
	width: 936px;
	padding: 15px 0;
	font-size: 10px;
	color: #fff;
	text-align: center;
	float: left;
}

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

#FooterCopy a:hover {
	text-decoration: underline;
}

/* ESTILOS GENERALES */

#Separador_H {
	width: 100%;
	height: 5px;
	border-top: dashed 1px #000;
	margin: 15px 0;
}

#Separador_HW {
	width: 100%;
	height: 3px;
	border-top: dashed 1px #fff;
	margin: 15px 0;
}

/* TOOL TIP */

#dhtmltooltip {
	position: absolute;
	left: -300px;
	/*width: 150px;*/
	border: 1px solid black;
	padding: 3px 10px;
	background-color: lightyellow;
	visibility: hidden;
	z-index: 100;
	/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
	filter: progid:DXImageTransform.Microsoft.Shadow(color=black,direction=135);
	font-size: 16px;
	font-weight: bold;
}

#dhtmlpointer {
	position:absolute;
	left: -300px;
	z-index: 101;
	visibility: hidden;
}

/* CLASES GENERALES */

.BordeMargin {
	border: solid 2px #fff;
	margin: 0 4px;
}

.TextoMedio {
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
}

.RightLine {
	border-right: dashed 1px #fff;
}

.TxtInputLargo {
	width: 130px;
	font-size: 12px;
}

.TxtBoxLargo {
	width: 230px;
	font-size: 12px;
}

.ImgCurso {
	float: left;
	border: solid 1px #fff;
	padding: 3px;
	margin: 0 5px 15px 0;
	
}