/*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: sans-serif;
						   font-size: 12px;
						   color: #222;
						   margin: 0 }		         

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










/*sistemaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa*/
.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 }

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

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


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

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

.barras-sistema-lista p{ font-family: sans-serif;
						 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: sans-serif;
							 font-size: 12px;
							 color: #444;
							 margin: 0;}


/*instalacionnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnn*/
.barras-sistema-instalacion{ width: 100%;
							 padding:20px 0px 0px 0px;
							 text-align: center;}

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

.barras-sistema-instalacion h2{ font-family: ebrima;
								font-size: 13px;
								color: #fff;
								margin: 0 auto;
								background: #ff0000;
								width: 150px;
								text-align: center;
								padding: 5px 0px 5px 0px}

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











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


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

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



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

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

.barras-sistema-instalacion{ padding:40px 0px 0px 0px;float: left;}

}











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


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


}