/* CSS Document */
@import url(sinhtml.css);

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

#superior {width:100%; height:100px; float:left; background:url(fondo_cabecera.jpg) repeat-x;}
#superior #header{ width:950px; margin:0px auto; height:100px;}
#superior #header #logo{ width:400px; height:100px; float:left;}
#superior #header #wamigas{ width:530px; height:75px; float:left; margin-left:9px; margin-top:15px; }
#superior #header #wamigas p{padding:3px 3px 1px 3px; color:#eee;}
#superior #header #wamigas p.titulo{ font-weight:bold; color:#fff;}
#superior #header #wamigas tr {font-size:11px; color:#ccc; font-weight:bold;}
#superior #header #wamigas tr a{font-size:11px; color:#ccc; font-weight:normal;}
#superior #header #wamigas tr a:hover{color:#f00; font-weight:normal;}

#medio {width:100%; float:left; }

#medio #cuerpo{ width:950px; margin:55px auto;}
	#medio #cuerpo #col1{ width:300px; float:left;}
	
	#medio #cuerpo #col1 .bloque{ width:300px; float:left; margin-bottom:10px; font-family:"trebuchet MS";}
	#medio #cuerpo #col1 .bloque p {font-size:13px; color:#eee;}
	#medio #cuerpo #col1 .bloque p.titulo{font-size:22px; font-weight:bold; color:#f00; margin-bottom:5px;}
	
	#medio #cuerpo #col2{ width:640px; float:left; margin-left:10px;}
	#medio #cuerpo #col2 h1{ font-size:22px; font-family:"trebuchet MS"; font-weight:bold; color:#fff;}
	#medio #cuerpo #col2 p{ font-size:13px; font-family:"trebuchet MS"; color:#ccc; margin-top:5px;}
	#medio #cuerpo #col2 #webcams {width:640px; float:left; margin-top:10px;}
	#medio #cuerpo #col2 #webcams .cams{ width:200px; height:210px; float:left; background:url(webcam.jpg) no-repeat;}
	#medio #cuerpo #col2 #webcams .cams p.foto{ margin-top:20px; text-align:center; float:left; width:200px;}
	#medio #cuerpo #col2 #webcams .cams p.nombre{ margin-top:15px; text-align:center; float:left; width:200px; font-size:14px; font-weight:bold;}
	#medio #cuerpo #col2 #webcams .cams p.nombre a{ color:#fff;}
	#medio #cuerpo #col2 #webcams .cams p.nombre a:hover{ color:#f00;}
	
	
	
	
	
	
#inferior {width:100%; height:100px; float:left; margin-top:20px; background-color:#000;}
#inferior #pie{ width:950px; margin:0px auto; height:100px;}
#inferior #pie #col1{ width:250px; height:100px; float:left; border-right:1px dotted #666;}
#inferior #pie #col1 p{ font-size:10px; color:#ccc; margin-top:10px;}
#inferior #pie #col1 p a{ font-weight:bold; color:#ccc;}
#inferior #pie #col1 p a:hover{color:#f00;}
#inferior #pie #col2{ width:680px; height:90px; float:left; margin-left:10px; padding-top:10px;}
#inferior #pie #col2 p{ font-size:10px; width:680px; float:left; margin-bottom:5px;}
#inferior #pie #col2 p.titulo{ font-size:12px; font-weight:bold; color:#ff0;}
#inferior #pie #col2 p a{ color:#FFF;}
#inferior #pie #col2 p a:hover{ color:#f00;}