/* 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 {
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background-image:url(../imagenes/fondo.gif);
	background-repeat:repeat-x;
	background-color:#2d2f32;
	
}


	/* Cabecera */

	div#cabecera {
		width:930px;
			
	}
	

	/* Contenido */
	
	div#contenido {
		width:930px;
		background-image:url(../imagenes/fondo-cuerpo.gif);
		background-repeat:repeat-y;
		overflow:hidden;	
		
	}
	
	
		/* Columna izquierda ------------------------------------------------------------------------------------------------------------------------ */
		
		div#columna_izq {
			width:267px;
		}
		
		
		ul#menu {
			margin-bottom:20px;
		}
		
		
		ul#menu li{
		height:65px;
	
		}
		
				
	
			
		/* Columna derecha --------------------------------------------------------------------------------------------------------------------------- */
		
		div#columna_der {
			width:663px;
		}
		
				
		div#cuerpo-superior{
			background-image:url(../imagenes/cuerpo-arriba.gif);
			height:54px;
			background-repeat:no-repeat;
			
		}
		
		div#menu-secundario {
	margin-right:70px;
	_margin-right:35px; /*ie6*/
	margin-top:9px;
		}

		div#contenido_col_derecha {
	width:546px;
	margin-top:10px;
	margin-bottom:10px;
	padding-bottom:20px;
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	text-align:justify;
	
		}
		
		div#contenido_col_derecha h2{
			color:#330066;
			font-size:20px;
			font-weight:bold;
			border-bottom: 1px dotted #FFFFFF;
			margin-bottom:20px;
		}
		
		div#contenido_col_derecha p{
			margin-bottom:10px;
		}
		
		p.online {
			color:#2e0341;
			font-size:11px;
			margin-right:14px;
			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;
			display:block;
			background-image:url(../imagenes/webcam.gif);
			background-repeat:no-repeat;
			width:164px;
			height:24px;
			margin-bottom:0px!important;
		}
		
		img.captura {
			border: 2px solid #fff;
			margin-bottom:2px;
		}
		
		a:hover img.captura {
						
		}
		
		div.idiomas {
			float:left;
			margin-top:5px;
		}

		div.idiomas img{
			margin-right:4px;
			
			margin-right:2px; /* ie6 */
		}
		
		a.bt_conectada {
			float:right;
			display:block;
			width:53px;
			margin-top:4px;
			margin-right:5px;
	
		}
	
		p.advertencia {
			font-size:12px;
			color:#fff;
			width:100%;
			margin-bottom:20px;
		}
		
		p.advertencia em {
			font-weight:bold;
			color:#2e0341;
			font-style:normal;

		}
	
/* PIE ------------------------------------------------------------------------------------------------------------------------------- */	
		
		div#pie {
			background-image:url(../imagenes/pie.gif);
			background-repeat:no-repeat;
			width:930px;
			height:180px;
			color:#fff;
			height:25px;
			padding-top:50px;
			font-size:11px;
			
		}
		
		div#pie a{
			color:#fff;
			font-size:11px;
		}
		
		div#pie a:hover{
			text-decoration:underline;
		}

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

form#contacto {
	width:400px;

}

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

}

form#contacto div {
	width:470px;
}

form#contacto label {
	display:block;
	font-size:12px;
	margin-top:10px;
	font-weight:bold;
	color:#663399;
	width:100%;

}

form#contacto input {
	display:block;
	border: none;
	padding:2px;
	color:#333333;
	width:99%;
}

form#contacto select {
	border: none;
	padding:2px;
	color:#333333;
	width:100%;
}

form#contacto textarea {
	width:100%;
	display:block;
	border: none;
	padding:2px;
	color:#333333;
	width:99%;
}

form#contacto input.bt{
	display:block;
	margin-top:10px;
	background-color:#660066;
	color:#FFFFFF;
	width:140px;
	cursor:pointer;
}

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


.ancho95 {
	width:95%;
}

.ancho80 {
	width:80%;
}
h2 {
	font-size: 12px;
	color: #FFFFFF;
}
.Estilo1 {
	font-size: 14px;
	color: #FFFFFF;
}
.Estilo2 {
	font-size: 16px;
	color: #FFFFFF;
}