/* 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);
}

	/* Cabecera */

	div#cabecera {
		width:810px;
	}
	
	/* Barra */
	
	div#barra{
		width:810px;
		height:40px;
		background-image:url(../imagenes/cuerpo-arriba.gif);
		background-repeat:no-repeat;
	}
	
	/* Contenido */
	
	div#contenido {
		width:810px;
		overflow:hidden;
		background-image:url(../imagenes/cuerpo-fondo.gif);
		background-repeat:repeat-y;
		padding-bottom:16px;
		
	}
	
	div#submenu {
		width:685px;
		margin-bottom:30px;
		color:#FFFFFF;
	}
	
	div#submenu a{
	 color:#FFFFFF;
	 font-size:12px;
	 font-weight:bold;
	 text-decoration:none;
		
	}
	
		div#submenu a:hover{
		text-decoration:underline;
		}	
				
		div#marco-explicativo {
			width:690px;
			overflow:hidden;
			margin-bottom:30px;
		}
		
		div#marco-explicativo  p{
			width:90%;
			margin: 0 auto;			
			margin-bottom:8px;
			font-family:Tahoma,Arial, Helvetica, sans-serif;
			font-size:11px;
			color:#1c1c6e;
		}
		
		
		
		div#txt-explicativo {
			background-image:url(../imagenes/text-inicio-fondo.gif);
			background-repeat:repeat-y;
			width:490px;
		}
		
		ul#webcams{
			overflow:hidden;
			margin-top:20px;
			margin-left:40px;
		}
		
		ul#webcams li{
			float:left;
			width:346px;
			height:205px;
			background-image:url(../imagenes/fondo-marco.jpg);
			background-repeat:no-repeat;
			margin-right:6px;
			margin-left: 6px;
			display:inline;
			overflow:hidden;
		}
		
		ul#webcams li div.columna-descripcion {
			width:178px;
			margin-right:20px;
			
			display:inline;
			margin-top:23px;
		}
		
		ul#webcams li a.columna-imagen {
			margin-top:23px;
			width:122px;
			margin-left:18px;
			display:inline;
		}
		
		p.nombre {
			color:#010152;
			font-weight:bold;
			margin-bottom:2px;
			font-family:Tahoma,Arial, Helvetica, sans-serif;
			font-size:12px;
			height:16px;
			overflow:hidden;
			
		}
		
		p.servicios {
			font-size:11px;
			font-weight:bold;
			display:block;
			height:115px;
			overflow:hidden;
			margin-bottom:7px;
		}
		
		img.captura {
			border: 1px solid #fff;
		}

		img.conectado {

		}
		
		img.bt_entrar {
		margin-left:2px;
			
		}
		

	
		
		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 {
			color:#fff;
			width:810px;
			height:52px;
			background-image:url(../imagenes/pie.gif);
			/*padding-top:5px;*/
			font-size:11px;
			
		}
		
		div#pie a{
			color:#fff;
			
			font-size:11px;
		}
		
		div#pie a:hover{
			text-decoration:underline;
		}
		
/* ACCESO ----------------------------------------------------------------------------------------------------------------------------- */

div#marco-acceso {
	width:168px;
	height:234px;
	background-image:url(../imagenes/marco-acceso.gif);
	background-repeat:no-repeat;
}	

div#marco-acceso p{
	color:#010152;
	font-weight:bold;
	width:90%;
	margin-bottom:2px;
	margin-top:12px;
	margin-left:22px;
	font-family:Tahoma,Arial, Helvetica, sans-serif;
	font-size:12px;
	overflow:hidden;
	height:15px;
}	

div#marco-acceso img {
			border: 1px solid #b3a896;
			margin-bottom:1px;
			margin-left:22px;
		}
		
	div#marco-acceso img.conectado {
		margin-top:3px;
		margin-left:25px;
		border:0 !important;
	}
		
		
/* FORMULARIO DE CONTACTO ------------------------------------------------------------------------------------------------------------- */	

form {
	width:90%;
}


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

}

form div {
	width:90%;
}

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;
	margin-bottom:20px;
}

p.txt_contacto {
	display:block;
	margin-bottom:20px !important;
	font-size:10px;
	color:#663366;
	text-align:justify;
	width:100% !important;
}


.ancho95 {
	width:95%;
}

.ancho80 {
	width:80%;
}