/* CSS Document */


/* Reset */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

:focus {
	outline: 0;
}

table {
	border-collapse: separate;
	border-spacing: 0;
}

caption, th, td {
	text-align: left;
	font-weight: normal;
}

a img, iframe {
	border: none;
	
}

ol, ul {
	list-style: none;
}

input, textarea, select, button {
	font-size: 100%;
	font-family: inherit;
}

select {
	margin: inherit;
}

a {
	text-decoration:none;
}

/* Fixes incorrect placement of numbers in ol's in IE6/7 */
ol { margin-left:2em; }



/* LAYOUT TOOLS */

.floatLeft 			{ float: left; }
.floatRight			{ float: right; }
.clear				{ clear: both; }
.layoutCenter		{ margin: 0 auto; }
.textCenter			{ text-align: center; }
.textRight			{ text-align: right; }
.textLeft			{ text-align: left; }
.fix				{ overflow:auto; }
/*


/* INDEX */

body {
	background-color:#3d0059;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

/* Bordes redondeados */
b.rtop, b.rbottom{display:block;background: #3d0059} /* Mismo color que el fondo de la página (body) */
b.rtop b, b.rbottom b{display:block;height: 1px; overflow: hidden; }
b.r1{margin: 0 5px}
b.r2{margin: 0 3px}
b.r3{margin: 0 2px}
b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px}

	/* Cabecera */

	div#fondo_cabecera {
		background-color:#e9aeff;
	}
	
	/* Barra */
	
	div#barra{
		background-color:#c273e0;
		height:24px;
		border-bottom: 2px solid #230033;		
	}
	
	/* Contenido */
	
	div#contenido {
		width:980px;
		margin-top:20px;
		overflow:hidden;	
		
	}
	
	
		/* Columna izquierda ------------------------------------------------------------------------------------------------------------------------ */
		
		div#columna_izq {
			background-color:#8d54ce;
			width:200px;
			color:#fff;
			margin-bottom:30px;
		}
		
			/* Bordes redondeados */
			div#columna_izq b.rtop b, div#columna_izq b.rbottom b{ background: #8d54ce} /* Mismo color que el div columna_izq */
			
		div#columna_izq p{
			width:160px;
			font-size:11px;
			margin-top:8px;
			margin-bottom:8px;
			
		}	
		
		a.bt_conectada_izq {
			color:#FFFFFF;
			display:block;
			background-color:#990099;
			height:20px;
			line-height:20px;
			text-align:center;
			width:60px;
			font-size:11px;
			text-decoration: blink;
			border-bottom: 1px solid #750075;
			border-right: 1px solid #690069;
			border-top: 1px solid #bc1abc;
			border-left: 1px solid #bc1abc;
		}
		a.bt_conectada_izq:hover {
			text-decoration:none;
			background-color:#bc1abc;
		}

		ul#menu {
			margin-top:20px;
			margin-bottom:20px;
		}
		
		
		ul#menu li{
			margin-bottom:2px;
			
		}
		
		ul#menu li a{
			display:block;	
			color:#fff;
			
			font-weight:bold;
			padding-left:8px;
			height:30px;
			line-height:30px;
			font-size:12px;
			background-color:#9d6bd4;		
		}
		
		ul#menu li a:hover{
			background-color:#7541af;		
		}
		
		div#columna_izq h2 {
			font-weight:bold;
			border-bottom:1px dotted #FFFFFF;
			margin-bottom:10px;
			margin-top:50px;
		}
			
		/* Columna derecha --------------------------------------------------------------------------------------------------------------------------- */
		
		div#columna_der {
			background-color:#ce54ca;
			width:770px;
			margin-bottom:30px;
		}
		
				
			/* Bordes redondeados */
			div#columna_der b.rtop b{background: #ce54ca; } /* Mismo color que el div columna_der */
			div#columna_der b.rbottom b{background: #a2289e} /* Mismo color que el div columna_der */

		div#contenido_col_derecha {
			width:728px;
			margin-top:10px;
			margin-bottom:10px;
			padding-bottom:20px;
		}
		
		p.online {
			color:#2e0341;
			font-size:11px;
			margin-right:11px;
			margin-bottom:20px;
			
		}
		
		ul#webcams{
			overflow:hidden;
			margin-top:20px;
		}
		
		ul#webcams li{
			float:left;
			width:170px;
			height:200px;
			margin-right:6px;
			margin-left: 6px;
			
			_margin-right:3px; /* ie6 */
			_margin-left: 3px; /* ie6 */
			
			overflow:hidden;
		}
		
		p.nombre {
			color:#fff;
			font-size:13px;
			font-weight:bold;
			margin-bottom:3px;
		}
		
		img.captura {
			border: 2px solid #fff;
			margin-bottom:2px;
		}
		
		a:hover img.captura {
						
		}
		
		div.idiomas {
			float:left;
			margin-top:10px;
		}

		div.idiomas img{
			margin-right:2px;
			
			margin-right:1px; /* ie6 */
		}
		
		a.bt_conectada {
			float:right;
			color:#FFFFFF;
			display:block;
			background-color:#990099;
			height:20px;
			line-height:20px;
			text-align:center;
			width:60px;
			font-size:11px;
			margin-right:6px;
			_margin-right:3px; /* ie6 */
			text-decoration: blink;
			border-bottom: 1px solid #750075;
			border-right: 1px solid #690069;
			border-top: 1px solid #bc1abc;
			border-left: 1px solid #bc1abc;
		}
		a.bt_conectada:hover {
			text-decoration:none;
			background-color:#bc1abc;
		}
		
		p.advertencia {
			font-size:12px;
			color:#fff;
			width:100%;
			margin-bottom:20px;
		}
		
		p.advertencia em {
			font-weight:bold;
			color:#2e0341;
			font-style:normal;

		}
		
		div#pie {
			background-color:#a2289e;
			color:#fff;
			height:25px;
			padding-top:5px;
			font-size:11px;
			
		}
		
		div#pie a{
			color:#fff;
			
			font-size:11px;
		}
		
		div#pie a:hover{
			text-decoration:underline;
		}

/* FORMULARIO DE CONTACTO ------------------------------------------------------------------------------------------------------------- */	


div#contenedor_interno {
	background-color:#ef96ec;
	margin-bottom:20px;
	display:block;
}

div#contenedor_interno b.rtop b{background: #ef96ec; } /* Mismo color que el fondo del formulario */
div#contenedor_interno  b.rbottom b{background: #ef96ec;} /* Mismo color que el div columna_der */
div#columna_der form b.rtop, div#columna_der form b.rbottom{display:block;background: #ce54ca} /* Mismo color que el fondo de la columna derecha */
div#columna_der div#contenedor_interno b.rtop, div#columna_der div#contenedor_interno b.rbottom{display:block;background: #ce54ca} /* Mismo color que el fondo de la columna derecha */

		
form h1{
	font-size:18px;
	font-weight:bold;
	border-bottom: 1px dotted #3d0059;
	color: #3d0059;
	margin-bottom:20px;
	margin-top:20px;

}

form div {
	width:470px;
}

form label {
	display:block;
	font-size:12px;
	margin-top:10px;

}

form input {
	display:block;
}

form textarea {
	width:100%;
	display:block;
}

form input.bt{
	display:block;
	margin-top:10px;
}

p.txt_contacto {
	margin-top:20px;
	margin-bottom:20px;
	font-size:10px;
	color:#663366;
	text-align:justify;
}


.ancho95 {
	width:95%;
}

.ancho80 {
	width:80%;
}