/*dimensionesssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss*/
.barras-dimensiones{ width: 100%;
		 			 float: left;
		             padding: 0px 0px 0px 0px}


/*tituloooooooo*/

.barras-dimensiones-titulo{ width: 100%;
		                    text-align: center;
		                    background: #efefef;
		                    padding: 10px 0px 10px 0px}

.barras-dimensiones-titulo h1{ font-family: ebrima;
				               font-size: 15px;
				               color: #111;
				               margin: 0px;}
/*imagennnnnn*/
.barras-dimensiones-img{ width: 100%;
						 float: left;
					     text-align: center;
					     padding: 20px 0px 0px 0px}

.barras-dimensiones-img p{ font-family: Montserrat;
						   font-size: 13px;
						   color: #222;
						   margin: 0 }		         

.barras-dimensiones-img img{ width: 100%;
				             max-width: 500px}










/*sistemaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa*/
.barras-sistema{ width: 40%;
				 float: left;
				 padding: 0px 0px 0px 0px}


/*tituloooooooo*/
.barras-sistema-titulo{ width: 100%;
					    text-align: center;
						background: #efefef;
						padding: 10px 0px 10px 0px}

.barras-sistema-titulo h1{ font-family: adlinnaka;
						   font-size: 15px;
						   color: #222;
						   margin: 0 }






/*imagennnnnnnnnnnnnnnnnnnnnnnnnnnn*/
.barras-sistema-img{ width: 100%;
					 text-align: center;}

.barras-sistema-img img{ width: 100%;
						 max-width: 500px }





/* listaaaaaaaaaaaaaaaaaaaaaaaaaaa */
.barras-sistema-lista{width: 100%;}

.barras-sistema-lista h1{ font-family: Montserrat;
						  font-size: 15px;
						  color: #222;
						  margin: 0 }

.barras-sistema-lista p{ font-family: Montserrat;
					     font-size: 13px;
						 color: #222;
					     margin: 10px 0px 0px 0px}

.barras-sistema-lista p span{ color: #ff0000 }

.barras-sistema-lista ul{ margin: 0;
						  padding: 0px 0px 0px 20px }

.barras-sistema-lista ul li{ list-style:none;
							 font-family: Montserrat;
							 font-size: 12px;
							 color: #444;
							 margin: 0;}







/* responsiveeeeeeee */
@media screen and (max-width: 1000px){

/*dimensionesssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss*/
.barras-dimensiones-titulo h1{font-size:14px}

.barras-dimensiones-img p{ font-size: 11.5px;}





/*sistemaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa*/
.barras-sistema{ width: 100%;}
.barras-sistema-img{ width: 50%;float: left;}

.barras-sistema-lista{ width: 50%;float: left;
					   padding: 40px 0px 0px 20px;}

}










@media screen and (max-width: 700px){

/*sistemaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa*/
.barras-sistema-img{ width:100%}

.barras-sistema-lista{ width: 270px;
				       float:none;
					   margin: 0 auto}

}










@media screen and (max-width: 600px){


/*dimensionesssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss*/

.barras-dimensiones-img{ width: 100%;
				         margin-right: 0}
.barras-dimensiones-img p{ font-size: 11px;}


}