/*===========================================
GLOBAL
============================================*/

*{
   margin:0px;
   padding:0px;
   list-style: none;
   text-decoration: none;
   font-family: sans-serif; 
   box-sizing: border-box;
}

.contenedor{
	position:relative;
	margin:auto;
	width:100%;
	height:auto; 
}



.fila{
	position:relative;
	margin:auto;
	width:100%;
	height:auto; 
	clear:both;
	display:table;
}

[class*="col-"]{
	float:left;
	/*border:1px solid black;*/
	padding: 10px;
	
}


/*==============================================
     	SECCION 0
================================================*/


header center p{
	font-size:30px;
	text-align: center;
	font-weight:bold;
	line-height: 30px;
	
}


/*==============================================
     	SECCION 1
================================================*/

#seccion1 aside#izq h1{
	line-height: 30px;
	text-align:center;
	background: rgba(100,0,255,1);
	color: white;
	margin-bottom: 0px;
}

#seccion1 article p {
	margin-right:5px 20px;
	font-size: 14px;
	text-align:justify;
	/*background: rgba(100,0,255,1);*/
}

#seccion1 aside#der h1{
	line-height: 30px;
	text-align:center;
	background: rgba(100,0,255,1);
	color: white;
	margin-bottom: 0px;
}

/*==============================================
     	SECCION 2
================================================*/

#seccion2 center{
	padding:0px;
}

#seccion2 img{
	/*border-radius: 100%;*/
	width: 320px;
	height: 333px;
	background: rgba(0,0,255,1);
	padding: 5px;
}


#seccion2 p{
	font-size: 14px;
	padding: 5px;
	margin-bottom: 10px;
	/*background: rgba(0,0,255,1);*/
}



/*==============================================
     	SECCION 3
================================================*/
	
#seccion3 center{
	padding:0px;
}

#seccion3 img{
	/*border-radius: 100%;*/
	width: 320px;
	height: 333px;
	background: rgba(0,0,255,1);
	padding: 5px;
}


#seccion3 p{
	font-size: 14px;
	padding: 5px;
	margin-bottom: 10px;
	/*background: rgba(0,0,255,1);*/
}
	


/*==============================================
     	SECCION 4
================================================*/

#seccion4 aside#izq h1{
	line-height: 30px;
	text-align:center;
	background: rgba(100,0,255,1);
	color: white;
	margin-bottom: 0px;
}

#seccion4 article p {
	margin-right:5px 20px;
	font-size: 14px;
	text-align:justify;
	/*background: rgba(100,0,255,1);*/
}

#seccion4 aside#der h1{
	line-height: 30px;
	text-align:center;
	background: rgba(100,0,255,1);
	color: white;
	margin-bottom: 0px;
}



/*==============================================
     	SECCION 5
================================================*/

footer{
	padding:20px 10px;
}
		
footer div{
	/*background: rgba(255,0,0,1);*/
	text-align: center;
	line-height: 50px;
	color: white;
}
		
		
		
		
/*===========================================
PANTALLA DE ESCRITORIO GRANDE
============================================*/

@media(min-width:1200px){
	
	.col-lg-12{width:100%;}
	.col-lg-11{width:91.66666667%;}
	.col-lg-10{width:83.33333333%;}
	.col-lg-9{width:75%;}
	.col-lg-8{width:66.66666667%;}
	.col-lg-7{width:58.33333333%;}
	.col-lg-6{width:50%;}
	.col-lg-5{width:41.66666667%;}
	.col-lg-4{width:33.33333333%;}
	.col-lg-3{width:25%;}
	.col-lg-2{width:16.66666667%;}
	.col-lg-1{width:8.33333333%;}
	.col-lg-0{display: none;}
	
	#seccion2 center img{
		width:80%;
		height:auto;
		margin-bottom: 5px;
	}	
	
	#seccion3 center img{
		width:80%;
		height:auto;		
		margin-bottom: 5px;
	}	

}


/*===========================================
PANTALLA DE ESCRITORIO MEDIANO
============================================*/

@media(max-width:1199px) and (min-width:992px){
	
	.col-md-12{width:100%;}
	.col-md-11{width:91.66666667%;}
	.col-md-10{width:83.33333333%;}
	.col-md-9{width:75%;}
	.col-md-8{width:66.66666667%;}
	.col-md-7{width:58.33333333%;}
	.col-md-6{width:50%;}
	.col-md-5{width:41.66666667%;}
	.col-md-4{width:33.33333333%;}
	.col-md-3{width:25%;}
	.col-md-2{width:16.66666667%;}
	.col-md-1{width:8.33333333%;}
	.col-md-0{display: none;}

	#seccion2 center img{
		width:90%;
		height:auto;	
		margin-bottom: 5px;
	}	
	
	#seccion3 center img{
		width:90%;
		height:auto;	
		margin-bottom: 5px;
	}	

}


/*===========================================
PANTALLA DE ESCRITORIO PEQUEÑO
============================================*/

@media(max-width:991px) and (min-width:768px){
	
	.col-sm-12{width:100%;}
	.col-sm-11{width:91.66666667%;}
	.col-sm-10{width:83.33333333%;}
	.col-sm-9{width:75%;}
	.col-sm-8{width:66.66666667%;}
	.col-sm-7{width:58.33333333%;}
	.col-sm-6{width:50%;}
	.col-sm-5{width:41.66666667%;}
	.col-sm-4{width:33.33333333%;}
	.col-sm-3{width:25%;}
	.col-sm-2{width:16.66666667%;}
	.col-sm-1{width:8.33333333%;}
	.col-sm-0{display: none;}

	#seccion2 center img{
		width:90%;
		height:auto;
		margin-bottom: 5px;
	}	
	
	#seccion3 center img{
		width:90%;
		height:auto;
		margin-bottom: 5px;
	}
	
}



/*===========================================
PANTALLA DE ESCRITORIO EXTRA-PEQUEÑO
============================================*/

@media(max-width:767px) {
	
	.col-xs-12{width:100%;}
	.col-xs-11{width:91.66666667%;}
	.col-xs-10{width:83.33333333%;}
	.col-xs-9{width:75%;}
	.col-xs-8{width:66.66666667%;}
	.col-xs-7{width:58.33333333%;}
	.col-xs-6{width:50%;}
	.col-xs-5{width:41.66666667%;}
	.col-xs-4{width:33.33333333%;}
	.col-xs-3{width:25%;}
	.col-xs-2{width:16.66666667%;}
	.col-xs-1{width:8.33333333%;}
	.col-xs-0{display: none;}

	#seccion2 center img{
		/*width:90%;
		height:auto;*/
		margin-bottom: 5px;
	}	
		
	#seccion3 center img{
		/*width:90%;
		height:auto;*/
		margin-bottom: 5px;
	}
	

}