/* CSS Document */

/*estilos solo de normativa*/

	#wrapper #content p{
		font-size:12px;
		line-height:16px;
	}

	#bloque-izq{
		width:400px;
		height:100%;
		float:left;
		margin:20px 0 0 0;
	}
	
	#bloque-der{
		width:400px;
		float:right;
		margin:20px 0 0 0;
		height:100%;
	}
	
	
	.bloque{}
		
		.bloque{
			height:auto;
			width:400px;
			padding:15px;
			padding-left:40px;
			margin:15px;
		}
		
		.fdogris, .fdoblanco{}
			
			.fdogris{
				background-color:#f2f2f2;
				background-image:url(img/flecha.gif);
				background-repeat:no-repeat;
				background-position:10px 15px;
			}
			
			.fdoblanco{
				background-color:#fff;
				background-image:url(img/flecha-blanco.gif);
				background-repeat:no-repeat;
				background-position:10px 15px;
			}
		
			
	
	
	/* .bloque-1 = fondo blanco, .bloque-2= fondo gris*/ 
	#wrapper #content .bloque-1{
		list-style-type:none;
		line-height:16px;
		margin:10px 0;
		height:120px;
		width:400px;
	}
	
	#wrapper #content .bloque-3{
		list-style-type:none;
		line-height:16px;
		margin:10px 0;
		height:120px;
		width:450px;
	}
	
	#wrapper #content .bloque-2{
		list-style-type:none;
		line-height:16px;
		margin:10px 0;
		height:120px;
		width:400px;
		background-color:#f2f2f2;
	}
	
	#wrapper #content .bloque-4{
		list-style-type:none;
		line-height:16px;
		margin:10px 0;
		height:85px;		
		background-color:#f2f2f2;
	}
	
	#wrapper #content .bloque-5{
		list-style-type:none;
		line-height:16px;
		margin:10px 0;
		height:85px;		
	}

		#wrapper #content .bloque-1 p,
		#wrapper #content .bloque-3 p,
		#wrapper #content .bloque-5 p {
			background-image:url(img/flecha-blanco.gif);
			background-repeat:no-repeat;
			background-position:left 12px;
			margin: 0 0 0 10px;
		}
	
		#wrapper #content .bloque-2 p, 
		#wrapper #content .bloque-4 p{
			background-image:url(img/flecha.gif);
			background-repeat:no-repeat;
			background-position:left 12px;
			margin: 0 0 0 10px;
		}
		
		/*estilos de a*/
		#wrapper #content a{
			color:black;
			font-weight:bold;
			display:block;
			text-decoration:underline;
			padding:4px 0 0 0;
		}

			#wrapper #content a:hover{
				text-decoration:none;
			}


	    /*Estas dos clases son para cuando el texto de las descargas abarcan "1" linea � "2" lineas*/
		.una-linea{
			padding:25px 0 0 30px;
			margin:2px 0 0 0;
			height:55px;
		}

		
		.dos-lineas{
			padding:12px 0 0 30px;
			margin:2px 0 0 0;
			height:80px;
		}
	
	

		/*estilos de hr*/
		hr {
			color: #ddd;
			border:none;
			border: 1px solid #ddd;
			height: 1px;
			padding:0; 
			margin:0;
		}
		
		hr .corto {
			color: #ddd;
			border:none;
			border: 1px solid #ddd;
			height: 1px;
			padding:0;
			width:400px;
			margin:0px;
		}